.staff{flex-direction:column;min-height:100dvh;display:flex}.staff main{flex:1;width:100%;padding-block:28px 64px}.staff .sh{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);background:#050506e6;position:sticky;top:0}.staff .sh .in{flex-wrap:wrap;align-items:center;gap:12px 24px;min-height:64px;display:flex}.staff .sh .logo{align-items:center;gap:12px;margin-inline-end:auto;text-decoration:none;display:flex}.staff .sh .logo img{width:auto;height:44px}.staff .sh .logo span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.6875rem}.staff .snav{gap:4px;display:flex}.staff .snav a{color:var(--muted);min-height:var(--touch);white-space:nowrap;transition:color var(--ease), background var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.staff .snav a:hover,.staff .snav a[aria-current=page]{color:var(--text);background:var(--raised)}@media (max-width:640px){.staff .sh .in{gap:4px 12px;padding-block:6px}.staff .sh .logo img{height:36px}.staff .sh .logo span{display:none}.staff .snav{flex-wrap:wrap;order:3;gap:0 2px;width:100%;margin-inline:-8px}.staff .snav a{padding:0 12px;font-size:.875rem}}.staff .clockbar{border-top:1px solid var(--line);background:#0a0a0c}.staff .clockbar .in2{min-height:40px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block:4px;font-size:.8125rem;display:flex}.staff .clockbar b{color:var(--text);font-weight:500}.staff .clockbar select{background:var(--surface);color:var(--text);border:1px solid var(--line-2);border-radius:999px;max-width:100%;min-height:36px;margin-inline-start:auto;padding:0 12px;font-size:.8125rem}@media (max-width:560px){.staff .clockbar select{width:100%;margin-inline-start:0}}.staff .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-block-end:24px;display:flex}.staff .top h1{font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;margin-block-start:6px;font-size:clamp(1.5rem,4vw,2.25rem)}.staff .top p{color:var(--muted);margin-block-start:6px}.staff .btn{appearance:none;border:1px solid var(--btn);background:var(--btn);color:var(--btn-text);cursor:pointer;min-height:52px;transition:transform var(--ease), background var(--ease), opacity var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.staff .btn:hover{background:#fff}.staff .btn:active{transform:scale(.98)}.staff .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.staff .btn.ghost{color:var(--text);border-color:var(--line-2);background:0 0}.staff .btn.ghost:hover{border-color:var(--text)}.staff .btn.danger{background:var(--bad-bg);color:var(--bad);border-color:#f8717180}.staff .btn.danger:hover{border-color:var(--bad)}.staff .btn.sm{min-height:var(--touch);padding:0 16px;font-size:.875rem}.staff .btn.block{width:100%}.staff .btn svg{flex:none;width:18px;height:18px}.staff .field{flex-direction:column;gap:8px;min-width:0;display:flex}.staff .field label{font-size:.9375rem;font-weight:500}.staff .field .hint{color:var(--muted);font-size:.8125rem}.staff .input{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);width:100%;min-height:52px;transition:border-color var(--ease), box-shadow var(--ease);padding:0 16px}.staff textarea.input{resize:vertical;min-height:96px;padding:14px 16px}.staff .input::placeholder{color:var(--dim)}.staff .input:hover{border-color:var(--dim)}.staff .input:focus{border-color:var(--text);outline:none;box-shadow:0 0 0 3px #f5f5f61f}.staff .input[aria-invalid=true]{border-color:var(--bad)}.staff select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 16px) 23px;background-repeat:no-repeat;background-size:6px 6px;padding-inline-end:40px}.staff .err{color:var(--bad);align-items:center;gap:6px;font-size:.875rem;display:flex}.staff .err svg{flex:none;width:16px;height:16px}.staff .inline{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.staff .inline>.grow{flex:220px;min-width:0}.staff .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.staff .card>h2,.staff .card>h3{margin:0}.staff .tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;display:inline-flex}.staff .tag.ok{color:var(--ok);background:var(--ok-bg);border-color:#4ade8059}.staff .tag.bad{color:var(--bad);background:var(--bad-bg);border-color:#f8717159}.staff .tag.warn{color:var(--warn);background:var(--warn-bg);border-color:#fbbf2459}.staff .dot{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.staff .dot.ok{background:var(--ok)}.staff .dot.bad{background:var(--bad)}.staff .dot.warn{background:var(--warn)}.staff .alert{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--raised);align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;font-size:.9375rem;display:flex}.staff .alert>svg{flex:none;width:20px;height:20px;margin-block-start:1px}.staff .alert>div{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.staff .alert.ok{background:var(--ok-bg);border-color:#4ade8066}.staff .alert.ok>svg{color:var(--ok)}.staff .alert.bad{background:var(--bad-bg);border-color:#f8717166}.staff .alert.bad>svg{color:var(--bad)}.staff .alert.warn{background:var(--warn-bg);border-color:#fbbf2466}.staff .alert.warn>svg{color:var(--warn)}.staff .row{justify-content:space-between;align-items:baseline;gap:16px;min-width:0;display:flex}.staff .row>:last-child{text-align:end;overflow-wrap:anywhere;min-width:0}.staff .rows{flex-direction:column;gap:10px;display:flex}.staff .meter{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.staff .meter i{background:var(--chrome);border-radius:99px;height:100%;display:block}.staff .btnrow{flex-wrap:wrap;gap:8px;display:flex}.staff .empty{color:var(--muted);font-size:.9375rem}.staff .tbl{border:1px solid var(--line);border-radius:var(--r);max-width:100%;overflow-x:auto}.staff .tbl:focus-visible{outline-offset:3px;outline:2px solid #fff}.staff table{border-collapse:collapse;width:100%;font-size:.9375rem}.staff th{text-align:start;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface);padding:12px 14px;font-size:.6875rem;font-weight:400}.staff td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.staff tr:last-child td{border-bottom:0}.staff td.r,.staff th.r{text-align:end}.staff td .sub{color:var(--muted);font-size:.8125rem}.staff .nowrap{white-space:nowrap}.staff .pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;display:flex}.staff .toast{inset-inline-start:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--text);color:var(--bg);z-index:80;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:12px 20px;font-size:.9375rem;font-weight:500;position:fixed;transform:translate(-50%)}.staff .toast.inline{border-radius:12px;width:fit-content;margin:0 auto 16px;position:static;transform:none}.staff .layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}@media (max-width:980px){.staff .layout{grid-template-columns:minmax(0,1fr);gap:24px}}.staff .side-col{flex-direction:column;gap:16px;min-width:0;display:flex}.staff .vf{border:1px solid var(--line);aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 40%,#17171c 0%,#08080a 70%);border-radius:24px;place-items:center;width:100%;max-height:460px;display:grid;position:relative;overflow:hidden}@media (max-width:640px){.staff .vf{aspect-ratio:4/5;max-height:70dvh}}.staff .vf video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.staff .frame{aspect-ratio:1;pointer-events:none;width:min(56%,260px);position:relative}.staff .frame i{border:0 solid #f5f5f6;width:44px;height:44px;position:absolute}.staff .frame i:first-child{top:0;border-top-width:3px;border-inline-start-width:3px;border-start-start-radius:14px;inset-inline-start:0}.staff .frame i:nth-child(2){top:0;border-top-width:3px;border-inline-end-width:3px;border-start-end-radius:14px;inset-inline-end:0}.staff .frame i:nth-child(3){bottom:0;border-bottom-width:3px;border-inline-start-width:3px;border-end-start-radius:14px;inset-inline-start:0}.staff .frame i:nth-child(4){bottom:0;border-bottom-width:3px;border-inline-end-width:3px;border-end-end-radius:14px;inset-inline-end:0}.staff .frame .line{inset-inline:8%;opacity:.8;background:linear-gradient(90deg,#0000,#f5f5f6,#0000);height:2px;animation:2.2s ease-in-out infinite alternate st-sweep;position:absolute;top:10%}@keyframes st-sweep{to{top:88%}}.staff .vf .hint{bottom:18px;text-align:center;color:var(--text);text-shadow:0 1px 6px #000;padding:0 16px;font-size:.9375rem;position:absolute;inset-inline:0}.staff .vf .vf-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.staff .vf .vf-cta p{color:var(--muted);max-width:40ch}.staff .res{z-index:70;text-align:center;padding:max(24px, env(safe-area-inset-top,0px)) 24px max(24px, env(safe-area-inset-bottom,0px));cursor:pointer;width:100%;color:var(--text);font:inherit;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.26s cubic-bezier(.2,.8,.3,1.2) st-pop;display:flex;position:fixed;inset:0}@keyframes st-pop{0%{opacity:0;transform:scale(.97)}}.staff .res .ic{border-radius:50%;place-items:center;width:112px;height:112px;display:grid}.staff .res .ic svg{width:60px;height:60px}.staff .res h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2rem,9vw,3.75rem)}.staff .res .who{overflow-wrap:anywhere;font-size:clamp(1.25rem,5vw,1.75rem);font-weight:600}.staff .res p{max-width:42ch;font-size:1.0625rem}.staff .res small{color:#f5f5f6bf;font-family:var(--mono);font-size:.75rem}.staff .res.ok{background:#052e16}.staff .res.ok .ic{color:#052e16;background:#22c55e}.staff .res.ok h2{color:#86efac}.staff .res.bad{background:#3b0a0e}.staff .res.bad .ic{color:#3b0a0e;background:#ef4444}.staff .res.bad h2{color:#fca5a5}.staff .res.warn{background:#3a2804}.staff .res.warn .ic{color:#3a2804;background:#f59e0b}.staff .res.warn h2{color:#fcd34d}.staff .res .bar{bottom:0;background:#f5f5f680;height:4px;animation:linear forwards st-bar;position:absolute;inset-inline-start:0}@keyframes st-bar{0%{width:100%}to{width:0}}.staff .tally{grid-template-columns:1fr 1fr;gap:12px;display:grid}.staff .tally .card{gap:4px;padding:16px}.staff .tally b{font-family:var(--display);font-size:1.75rem;font-weight:600}.staff .logrow{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;font-size:.9375rem;display:grid}.staff .logrow:last-child{border-bottom:0}.staff .logrow .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff details.manual summary{cursor:pointer;color:var(--muted);min-height:var(--touch);align-items:center;font-size:.9375rem;display:flex}.staff .netpill{border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.9375rem;font-weight:500;display:inline-flex}.staff .netpill.ok{border-color:#4ade8066}.staff .netpill.bad{border-color:#f8717166}.staff .wedge{opacity:0;pointer-events:none;inset-inline-start:0;width:1px;height:1px;position:absolute;top:0}.staff .ready{border-radius:var(--r-sm);border:1px dashed var(--line-2);cursor:text;align-items:center;gap:10px;padding:12px 16px;font-size:.9375rem;display:flex}.staff .ready.on{background:var(--ok-bg);border-style:solid;border-color:#4ade8080}.staff .narrow{max-width:560px}.staff .ev-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-block-end:28px;display:flex}.staff .ev-bar img{object-fit:cover;border-radius:14px;width:64px;height:64px}.staff .ev-bar h1{font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.25rem,3.4vw,2rem)}.staff .ev-bar .meta{color:var(--muted);margin-block-start:4px;font-size:.9375rem}.staff .ev-bar .end{flex-wrap:wrap;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.staff .app{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:36px;display:grid}@media (max-width:900px){.staff .app{grid-template-columns:minmax(0,1fr);gap:20px}}.staff .side{flex-direction:column;gap:4px;display:flex;position:sticky;top:120px}@media (max-width:900px){.staff .side{scrollbar-width:none;flex-direction:row;position:static;overflow-x:auto}.staff .side::-webkit-scrollbar{display:none}}.staff .side a{color:var(--muted);min-height:var(--touch);white-space:nowrap;transition:color var(--ease), background var(--ease);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-weight:500;text-decoration:none;display:flex}.staff .side a:hover{color:var(--text);background:var(--surface)}.staff .side a[aria-current=page]{color:var(--text);background:var(--raised)}.staff .side a .c{font-family:var(--mono);color:var(--dim);margin-inline-start:auto;font-size:.75rem}.staff .side a .c.alert-c{color:var(--bad)}.staff .side a[aria-current=page] .c:not(.alert-c){color:var(--muted)}.staff .view{flex-direction:column;gap:24px;min-width:0;display:flex}.staff .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.staff .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.staff .kpi{gap:8px;padding:18px}.staff .kpi .v{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;line-height:1.1}.staff .kpi .d{color:var(--muted);font-size:.8125rem}@media (max-width:400px){.staff .kpi{padding:14px}}.staff .two{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (max-width:1100px){.staff .two{grid-template-columns:minmax(0,1fr)}}.staff .chart svg{width:100%;height:auto;display:block}.staff .chart text{fill:var(--muted);font-family:var(--mono);font-size:11px}.staff .hbar{flex-direction:column;gap:14px;display:flex}.staff .hbar .t{justify-content:space-between;gap:12px;margin-block-end:6px;font-size:.875rem;display:flex}.staff .feed>div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 0;font-size:.875rem;display:grid}.staff .feed>div:last-child{border-bottom:0}.staff .feed time{color:var(--dim);font-family:var(--mono);padding-block-start:2px;font-size:.75rem}.staff .feed .warn-t{color:var(--warn)}.staff .sec-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.staff .sec-h p{color:var(--muted);max-width:70ch;margin-block-start:4px;font-size:.9375rem}.staff .seg{background:var(--raised);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;padding:3px;display:inline-flex}.staff .seg a,.staff .seg button{cursor:pointer;min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;padding:0 14px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.staff .seg a:hover,.staff .seg button:hover{color:var(--text)}.staff .seg [aria-current=page],.staff .seg [aria-pressed=true]{background:var(--text);color:var(--bg)}.staff .setting{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;padding:20px 0;display:grid}.staff .setting:first-of-type{padding-block-start:0}.staff .setting:last-of-type{border-bottom:0}@media (max-width:560px){.staff .setting{grid-template-columns:minmax(0,1fr)}}.staff .setting p{color:var(--muted);margin-block-start:2px;font-size:.875rem}.staff .setting .input{width:120px}.staff .pair{font-family:var(--mono);word-break:break-all;border:1px dashed var(--line-2);background:var(--raised);-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px 14px;font-size:.8125rem}.staff .pairbox{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:560px){.staff .pairbox{grid-template-columns:minmax(0,1fr)}}.staff .pairbox img{width:200px;height:200px;image-rendering:pixelated;background:#fff;border-radius:12px;padding:8px}.staff .who-bar{color:var(--muted);align-items:center;gap:10px;font-size:.875rem;display:flex}.staff .center{text-align:center;place-items:center;min-height:50dvh;display:grid}.staff .center .card{align-items:center;max-width:480px}.staff .who-bar svg{flex:none;width:18px;height:18px}.staff .who-bar .btn{white-space:nowrap}.staff .vf-cta>svg{width:40px;height:40px;color:var(--muted)}.staff .ready>svg{flex:none;width:20px;height:20px}.staff .chart-empty{color:var(--muted);font-size:.875rem}.staff .sh .tag.role{color:var(--text);border-color:var(--line-2);background:var(--raised)}@media (max-width:640px){.staff .sh .tag.role{order:2}}.staff .fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.staff .field.narrow{max-width:280px}.staff .input:disabled{opacity:.55;cursor:not-allowed}.staff .input[type=datetime-local]{min-width:0}.staff .check{min-height:var(--touch);cursor:pointer;align-items:center;gap:10px;display:flex}.staff .check input{width:22px;height:22px;accent-color:var(--red);flex:none}.staff ul.plain{flex-direction:column;gap:8px;margin:0;padding-inline-start:20px;font-size:.9375rem;display:flex}.staff ol.steps{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-inline-start:22px;font-size:.9375rem;display:flex}.staff ol.acts{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.staff .act{border:1px solid var(--line);border-radius:var(--r);background:var(--raised);flex-direction:column;gap:10px;padding:14px;display:flex}.staff .tier .row,.staff .act .row{flex-wrap:wrap}.staff .tier .row h3{overflow-wrap:anywhere}.staff .sample{border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--raised);flex-direction:column;gap:8px;padding:14px 16px;font-size:.9375rem;display:flex}.staff .sample .row{flex-wrap:wrap}.staff .linklike{appearance:none;color:var(--muted);cursor:pointer;min-height:var(--touch);text-align:start;background:0 0;border:0;padding:0;font-size:.9375rem;text-decoration:underline}.staff .linklike:hover{color:var(--text)}.staff .codes{border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--raised);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:14px;list-style:none;display:grid}.staff .qr{border-radius:var(--r-sm);align-self:center;width:220px;max-width:100%;height:220px}.staff .mfa-page{max-width:560px}.staff dialog.dlg{text-align:start;white-space:normal;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);color:var(--text);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.staff dialog.dlg::backdrop{background:#000000b8}.staff .dlg-in{flex-direction:column;gap:14px;padding:22px;display:flex}.staff .dlg-body{flex-direction:column;gap:12px;font-size:.9375rem;display:flex}@media (max-width:900px){.staff .side{padding-inline-end:24px;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}}
