:root{--bg:#eef1f6;--surface:#fff;--surface-2:#f5f7fb;--line:#dde3ec;--line-2:#c8d1de;--fg:#121a2b;--fg-2:#46526a;--fg-3:#6b778d;--accent:#2350a8;--accent-ink:#fff;--accent-soft:#e1e9f8;--s-ok:#138a3e;--s-bad:#d03b3b;--s-warn:#c27c04;--s-info:#6b5bd2;--s-idle:#9aa3b2;--s-acc:var(--accent);--t-ok:#e3f4e8;--t-bad:#fbe7e6;--t-warn:#fdf1dc;--t-info:#ece9fb;--t-idle:#f0f2f5;--t-acc:var(--accent-soft);--shadow:0 1px 2px #121a2b0f, 0 4px 14px #121a2b0d;--shadow-lg:0 -8px 30px #121a2b2e;--font-d:"Readex Pro", "IBM Plex Sans Arabic", Tahoma, sans-serif;--font-b:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-m:"IBM Plex Mono", ui-monospace, Consolas, monospace;--r:12px;--top-h:56px;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1219;--surface:#161c26;--surface-2:#1b2230;--line:#273041;--line-2:#344055;--fg:#e7ecf4;--fg-2:#a9b4c6;--fg-3:#8090a8;--accent:#7ea6f2;--accent-ink:#0b1730;--accent-soft:#1c2b4a;--s-ok:#3cc06a;--s-bad:#ec6a6a;--s-warn:#f2b52e;--s-info:#a397f2;--s-idle:#5f6878;--t-ok:#15301e;--t-bad:#3a1d1d;--t-warn:#372d14;--t-info:#241f40;--t-idle:#222834;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-lg:0 -8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1219;--surface:#161c26;--surface-2:#1b2230;--line:#273041;--line-2:#344055;--fg:#e7ecf4;--fg-2:#a9b4c6;--fg-3:#8090a8;--accent:#7ea6f2;--accent-ink:#0b1730;--accent-soft:#1c2b4a;--s-ok:#3cc06a;--s-bad:#ec6a6a;--s-warn:#f2b52e;--s-info:#a397f2;--s-idle:#5f6878;--t-ok:#15301e;--t-bad:#3a1d1d;--t-warn:#372d14;--t-info:#241f40;--t-idle:#222834;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-lg:0 -8px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-b);overscroll-behavior-y:contain;margin:0;font-size:15px;line-height:1.55}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-d);color:var(--fg);text-wrap:balance;margin:0}h1{font-size:19px;font-weight:600}h2{font-size:16.5px;font-weight:600}h3{font-size:14.5px;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.num,.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--fg-3)}.small{font-size:12.5px}.en{color:var(--fg-3);text-align:right;direction:ltr;unicode-bidi:isolate;font-size:12px;display:block}bdi{unicode-bidi:isolate}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.topbar{z-index:30;padding:calc(var(--safe-t) + 8px) 16px 8px;min-height:calc(var(--top-h) + var(--safe-t));background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .ttl{flex:1;min-width:0}.topbar .ttl h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .ttl .sub{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--fg-2);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--fg)}.icon-btn svg{width:22px;height:22px}.main{padding:12px 16px calc(var(--nav-h) + var(--safe-b) + 24px);align-content:start;gap:14px;width:100%;min-width:0;max-width:1400px;margin-inline:auto;display:grid}.main>*{min-width:0}.bottomnav{inset-inline:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding-bottom:var(--safe-b);height:calc(var(--nav-h) + var(--safe-b));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0}.bottomnav a{color:var(--fg-3);min-height:var(--nav-h);align-content:center;justify-items:center;gap:2px;font-size:11.5px;font-weight:500;text-decoration:none;display:grid;position:relative}.bottomnav a svg{width:23px;height:23px}.bottomnav a[aria-current=page]{color:var(--accent)}.bottomnav a[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0}.bottomnav .badge{top:8px;background:var(--s-bad);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;line-height:18px;position:absolute;inset-inline-start:calc(50% + 6px)}.sidenav{display:none}@media (width>=1024px){.shell{grid-template-columns:232px minmax(0,1fr)}.bottomnav{display:none}.sidenav{border-inline-end:1px solid var(--line);background:var(--surface);flex-direction:column;gap:2px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidenav .brand{font-family:var(--font-d);align-items:center;gap:10px;padding:4px 8px 16px;font-weight:600;display:flex}.sidenav .brand img{border-radius:8px;width:32px;height:32px}.sidenav a{color:var(--fg-2);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.sidenav a svg{flex:none;width:20px;height:20px}.sidenav a:hover{background:var(--surface-2);color:var(--fg)}.sidenav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.sidenav .sep{background:var(--line);height:1px;margin:10px 4px}.sidenav .who{color:var(--fg-3);margin-top:auto;padding:10px 12px;font-size:12.5px}.main{gap:16px;padding:18px 28px 40px}.topbar{padding-inline:28px}.topbar .menu-only{display:none}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:14px}@media (width>=700px){.panel{padding:16px 18px}}.panel-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:12px;display:flex}.panel-h .desc{color:var(--fg-3);flex-basis:100%;font-size:12.5px}.grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=1100px){.g-2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.g-2e{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpis{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (width>=900px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{background:var(--surface);text-align:start;border:0;align-content:start;gap:2px;min-width:0;padding:12px 14px;display:grid}button.kpi:hover{background:var(--surface-2)}.kpi .k{color:var(--fg-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.kpi .v{font-family:var(--font-d);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:21px;font-weight:600;line-height:1.3}.kpi .v small{color:var(--fg-3);margin-inline-start:4px;font-size:12px;font-weight:500}.kpi .s{color:var(--fg-3);font-size:12px}@media (width>=700px){.kpi .v{font-size:24px}.kpi{padding:14px 16px}}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-2);background:var(--surface);color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--fg-3);color:var(--fg)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip .sw{border-radius:2px;width:9px;height:9px;display:inline-block}.chip .n{font-variant-numeric:tabular-nums;opacity:.8;font-size:12px}.field{color:var(--fg-2);gap:4px;min-width:0;font-size:13px;display:grid}.field>span{font-weight:500}.input,select.input{background:var(--surface);border:1px solid var(--line-2);border-radius:10px;width:100%;min-width:0;min-height:44px;padding:9px 12px;font-size:15px}input[type=number].input{font-variant-numeric:tabular-nums}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search{position:relative}.search svg{inset-inline-start:12px;width:18px;height:18px;color:var(--fg-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search .input{padding-inline-start:38px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.grow{flex:1;min-width:0}.fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.check{align-items:center;gap:8px;min-height:40px;font-size:14px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.btn{border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;min-height:42px;color:var(--fg);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--fg-3)}.btn svg{width:18px;height:18px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--s-bad);border-color:color-mix(in srgb, var(--s-bad) 40%, transparent)}.btn.danger.armed{background:var(--s-bad);color:#fff;border-color:var(--s-bad)}.btn.block{width:100%}.btn.sm{min-height:34px;padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dv-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dv-sum{color:var(--fg-2);flex-wrap:wrap;gap:4px 14px;margin-bottom:10px;font-size:12.5px;display:flex}.dv-sum b{color:var(--fg);font-variant-numeric:tabular-nums;font-family:var(--font-d);font-weight:600}.cards{gap:8px;display:grid}@media (width>=700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:8px;width:100%;padding:12px 14px;display:grid}button.card:hover{border-color:var(--line-2);background:var(--surface-2)}.card .hd{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card .nm{overflow-wrap:anywhere;min-width:0;font-weight:600}.card .badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.card .mx{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;display:grid}.card .mx div{min-width:0}.card .mx span{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.card .mx b{font-family:var(--font-d);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:14.5px;font-weight:600}.more{justify-content:center;margin-top:12px;display:flex}.tbl-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:start;white-space:nowrap;vertical-align:middle;padding:8px 10px}.tbl thead th{background:var(--surface-2);color:var(--fg-2);z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}.tbl thead th button{font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.tbl thead th[aria-sort] button{color:var(--fg)}.tbl td.n{text-align:end;font-variant-numeric:tabular-nums}.tbl td.name{white-space:normal;min-width:220px;max-width:360px;font-weight:500}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover td{background:var(--surface-2)}.tbl .zero{color:var(--fg-3)}.tbl.static tbody tr{cursor:default}.empty{text-align:center;color:var(--fg-3);padding:24px 8px}.scrim{z-index:60;background:#080e0d73;animation:.18s fade;position:fixed;inset:0}.sheet{inset-inline:0;z-index:61;background:var(--surface);box-shadow:var(--shadow-lg);max-height:92dvh;padding-bottom:var(--safe-b);border-radius:18px 18px 0 0;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) up;display:flex;position:fixed;bottom:0}.sheet .grab{background:var(--line-2);border-radius:2px;flex:none;width:40px;height:4px;margin:8px auto 0}.sheet .sh-h{border-bottom:1px solid var(--line);flex:none;align-items:flex-start;gap:8px;padding:10px 16px;display:flex}.sheet .sh-h .ttl{flex:1;min-width:0}.sheet .sh-b{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:14px 16px 20px;display:flex;overflow-y:auto}.sheet .sh-b>*{flex-shrink:0}.sheet .sh-f{border-top:1px solid var(--line);flex:none;gap:8px;padding:10px 16px;display:flex}.sheet .sh-f .btn{flex:1}@media (width>=1024px){.sheet{inset-inline:auto 0;border-radius:0;width:min(560px,92vw);max-height:none;animation:.22s cubic-bezier(.2,.8,.2,1) side;top:0;bottom:0}.sheet .grab{display:none}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@keyframes side{0%{opacity:0;transform:translate(-40px)}}@keyframes fade{0%{opacity:0}}.dgrid{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.dgrid div{background:var(--surface);min-width:0;padding:9px 12px}.dgrid span{color:var(--fg-3);font-size:12px;display:block}.dgrid b{font-family:var(--font-d);font-variant-numeric:tabular-nums;font-weight:600}.callout{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}.callout.warn{background:var(--t-warn);border-color:color-mix(in srgb, var(--s-warn) 40%, transparent)}.callout.bad{background:var(--t-bad);border-color:color-mix(in srgb, var(--s-bad) 40%, transparent)}.callout.ok{background:var(--t-ok);border-color:color-mix(in srgb, var(--s-ok) 40%, transparent)}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;overflow:hidden}.menu a,.menu button{border:0;border-bottom:1px solid var(--line);min-height:56px;color:var(--fg);text-align:start;background:0 0;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;text-decoration:none;display:flex}.menu>:last-child{border-bottom:0}.menu a:hover,.menu button:hover{background:var(--surface-2)}.menu svg{width:22px;height:22px;color:var(--accent);flex:none}.menu .t{flex:1;min-width:0}.menu .t small{color:var(--fg-3);font-size:12.5px;display:block}.menu .chev{color:var(--fg-3);width:18px;height:18px}.banner{background:var(--accent-soft);color:var(--fg);border-radius:10px;padding:10px 14px;font-size:13.5px}.banner.warn{background:var(--t-warn)}.banner.bad{background:var(--t-bad)}.toast{bottom:calc(var(--nav-h) + var(--safe-b) + 14px);z-index:80;background:var(--fg);max-width:420px;color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:12px;margin-inline:auto;padding:12px 16px;font-size:14px;animation:.2s up;position:fixed;inset-inline:16px}@media (width>=1024px){.toast{bottom:24px}}.empty-state{justify-items:start;gap:10px;display:grid}.empty-state ul{margin:0;padding-inline-start:20px}.ok-mark{color:var(--s-ok);font-weight:700}.no-mark{color:var(--s-bad);font-weight:700}.loading{min-height:60dvh;color:var(--fg-3);text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--surface-2);border-radius:3px;width:min(260px,70vw);height:6px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .2s}.auth-wrap{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth{gap:16px;width:min(400px,100%);display:grid}.auth .brand{text-align:center;justify-items:center;gap:8px;display:grid}.auth .brand img{border-radius:16px;width:64px;height:64px}.tabs2{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs2 button{color:var(--fg-2);background:0 0;border:0;border-radius:9px;min-height:40px;padding:9px;font-weight:500}.tabs2 button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.err-text{color:var(--s-bad);font-size:13.5px}.hide-m{display:none}@media (width>=1024px){.hide-m{display:initial}.hide-d{display:none!important}}.mono{font-family:var(--font-m);font-size:.92em}.t-bad{color:var(--s-bad)}.t-warn{color:var(--s-warn)}.t-ok{color:var(--s-ok)}.kpi .v.t-bad{color:var(--s-bad)}.kpi .v.t-warn{color:var(--s-warn)}.kpi .v.t-ok{color:var(--s-ok)}@media (width>=900px){.kpis.k5{grid-template-columns:repeat(5,minmax(0,1fr))}.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}}.kpis.k5>:last-child:nth-child(odd),.kpis.k3>:last-child:nth-child(odd){grid-column:1/-1}@media (width>=900px){.kpis.k5>:last-child:nth-child(odd),.kpis.k3>:last-child:nth-child(odd){grid-column:auto}}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money small{color:var(--fg-3);font-size:.78em;font-weight:500}.money.neg{color:var(--s-bad)}.link{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0 4px;font-size:12.5px;text-decoration:underline}.pill{white-space:nowrap;background:var(--t-idle);color:var(--fg);border-radius:999px;align-items:center;gap:5px;padding:1px 9px;font-size:12px;font-weight:500;line-height:1.65;display:inline-flex}.pill i{background:var(--s-idle);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.pill.p-ok{background:var(--t-ok)}.pill.p-ok i{background:var(--s-ok)}.pill.p-bad{background:var(--t-bad)}.pill.p-bad i{background:var(--s-bad)}.pill.p-warn{background:var(--t-warn)}.pill.p-warn i{background:var(--s-warn)}.pill.p-info{background:var(--t-info)}.pill.p-info i{background:var(--s-info)}.pill.p-accent{background:var(--accent-soft)}.pill.p-accent i{background:var(--accent)}.seg{background:var(--surface-2);border:1px solid var(--line);scrollbar-width:none;border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{color:var(--fg-2);white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:38px;padding:7px 12px;font-size:13.5px;font-weight:600}.seg button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.toolbar .grow{flex:1;min-width:200px}.period{gap:8px;display:grid}.period-custom .field{width:170px}.branch-pick select{width:auto;max-width:46vw;min-height:38px;padding:6px 10px;font-size:13.5px}.form-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (width>=560px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-grid .wide,.form-grid>h3,.form-grid>.err-text,.form-grid>.callout{grid-column:1/-1}.form-grid>h3{border-bottom:1px solid var(--line);color:var(--fg-2);margin-top:6px;padding-bottom:4px;font-size:13.5px}.field .hint{color:var(--fg-3);font-size:11.5px;font-weight:400}.checks{flex-wrap:wrap;gap:2px 14px;display:flex}textarea.input{resize:vertical;min-height:64px}input[type=range]{accent-color:var(--accent)}.btn.xl{min-height:54px;font-size:16px}.list{display:grid}.list-row{border:0;border-bottom:1px solid var(--line);text-align:start;width:100%;color:var(--fg);background:0 0;align-items:center;gap:10px;padding:11px 4px;font-size:14.5px;display:flex}.list-row:last-child{border-bottom:0}button.list-row:not(:disabled):hover{background:var(--surface-2)}.list-row .grow{flex:1;min-width:0}.list-row b{font-weight:600}.empty-box{text-align:center;color:var(--fg-2);gap:4px;padding:22px 10px;display:grid}.tbl td.wrap{white-space:normal;min-width:140px}.today-list{gap:2px;margin-top:12px;display:grid}.today-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 2px;display:grid}.today-row:last-child{border-bottom:0}.today-row .nm{font-weight:500}.today-row .muted{grid-column:1/-1}@media (width>=700px){.today-row{grid-template-columns:minmax(160px,1fr) 110px minmax(0,2fr)}.today-row .muted{grid-column:auto}}.days{display:grid}.day-row{border-bottom:1px solid var(--line);grid-template-columns:84px minmax(0,1fr);align-items:center;gap:10px;padding:9px 2px;display:grid}.day-row:last-child{border-bottom:0}.day-row .dd{line-height:1.3;display:grid}.day-row .dt{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.kiosk{grid-template-columns:minmax(0,520px);place-content:center;gap:16px;min-height:100dvh;padding:20px 16px;display:grid}@media (width>=1000px){.kiosk{grid-template-columns:minmax(0,520px) 320px;align-items:start}}.kiosk-card{gap:18px;padding:22px;display:grid}.kiosk-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kiosk-branch{font-family:var(--font-d);font-size:20px;font-weight:600}.kiosk-clock{text-align:center}.kiosk-clock bdi{font-family:var(--font-d);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:64px;font-weight:600;line-height:1.1}.kiosk-clock small{color:var(--fg-3);font-size:26px}.kiosk-form{gap:12px;display:grid}.kiosk-form .input{min-height:52px;font-size:18px}.kiosk-res{text-align:center;border-radius:12px;gap:4px;padding:16px;font-size:15px;animation:.2s up;display:grid}.kiosk-res b{font-family:var(--font-d);font-size:20px}.kiosk-res.ok{background:var(--t-ok)}.kiosk-res.warn{background:var(--t-warn)}.kiosk-res.out{background:var(--accent-soft)}.kiosk-present ul{margin:10px 0 0;padding:0;list-style:none;display:grid}.kiosk-present li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:8px 0;display:flex}.kiosk-present li:last-child{border-bottom:0}.rating{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;display:grid}.rating:last-child{border-bottom:0}.rating-top{align-items:center;gap:14px;display:flex}.score{text-align:center;border:4px solid var(--s-idle);border-radius:50%;flex:none;place-content:center;width:72px;height:72px;display:grid}.score b{font-family:var(--font-d);font-size:24px;line-height:1}.score small{color:var(--fg-3);font-size:12px}.score.s-ok{border-color:var(--s-ok)}.score.s-accent{border-color:var(--accent)}.score.s-warn{border-color:var(--s-warn)}.score.s-bad{border-color:var(--s-bad)}.crit{gap:6px;display:grid}.crit-row{grid-template-columns:minmax(110px,160px) minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:13px;display:grid}.crit-row b{text-align:end}.track{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.track .fill{background:var(--accent);border-radius:4px;height:100%}.f-ok{background:var(--s-ok)!important}.f-accent{background:var(--accent)!important}.f-warn{background:var(--s-warn)!important}.f-bad{background:var(--s-bad)!important}.mini-bars{align-items:flex-end;gap:8px;height:120px;padding:8px 0;display:flex}.mini-bars .mb{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;max-width:46px;height:100%;display:flex}.mini-bars i{border-radius:4px 4px 0 0;width:100%;min-height:3px}.crit-in .row{flex-wrap:nowrap}.perm-matrix{gap:10px;display:grid}@media (width>=560px){.perm-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}.perm-mod{border:1px solid var(--line);border-radius:10px;margin:0;padding:6px 12px 8px;display:grid}.perm-mod legend{padding:0 4px}.perm-mod .check{min-height:34px;font-size:13.5px}.audit-day{color:var(--fg-3);padding:12px 2px 4px;font-size:12.5px;font-weight:600}.audit-row{border:0;border-bottom:1px solid var(--line);text-align:start;width:100%;color:var(--fg);background:0 0;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 2px;font-size:14px;display:grid}.audit-row:not(:disabled):hover{background:var(--surface-2)}.audit-row:disabled{cursor:default;opacity:1}.diff{border-collapse:collapse;background:var(--surface-2);border-radius:8px;width:100%;margin:4px 0 10px;font-size:12.5px;overflow:hidden}.diff th,.diff td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:6px 8px}.diff .was{color:var(--s-bad)}.diff .now{color:var(--s-ok)}.steps{gap:8px;display:grid}.step-link{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.step-link:hover{border-color:var(--line-2)}.step-link .no{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.step-link .no svg{width:18px;height:18px}.step-link.done{opacity:.6}.step-link.done .no{background:var(--s-ok);color:#fff}.step-link small{color:var(--fg-3);font-size:12.5px;display:block}.step-link .grow{flex:1;min-width:0}.sidenav .who{gap:2px;display:grid}.sidenav .who b{color:var(--fg);font-size:13.5px;font-weight:600}:root{--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--grid:#e6eaf0;--axis:#c8d1de}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--grid:#232b39;--axis:#344055}}:root[data-theme=dark]{--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--grid:#232b39;--axis:#344055}.chart{gap:6px;margin:0;display:grid}.chart-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.legend{color:var(--fg-2);flex-wrap:wrap;gap:4px 14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-scroll{scrollbar-width:thin;direction:ltr;position:relative;overflow-x:auto}.chart svg{display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1px}.chart .axis{stroke:var(--axis);stroke-width:1px}.chart .tick{fill:var(--fg-3);font-size:11px;font-family:var(--font-b)}.chart path.dim{opacity:.45}.chart rect:focus{outline:none}.tip{background:var(--surface);border:1px solid var(--line-2);min-width:150px;box-shadow:var(--shadow);pointer-events:none;z-index:2;direction:rtl;border-radius:10px;padding:8px 10px;font-size:12.5px;position:absolute;top:4px}.tip-row{align-items:center;gap:6px;display:flex}.tip-row i{border-radius:1px;width:12px;height:2px;display:inline-block}.tip-row b{font-family:var(--font-d);font-variant-numeric:tabular-nums}.tip-row span{color:var(--fg-3)}.hbars{display:grid}.brow{border:0;border-bottom:1px solid var(--line);text-align:start;width:100%;color:var(--fg);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:9px 2px;font-size:14px;display:grid}.brow:last-of-type{border-bottom:0}button.brow:hover{background:var(--surface-2)}.brow .nm{text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.brow .sub{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:400;display:flex}.brow .val{text-align:end;font-family:var(--font-d);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.brow .val small{font-family:var(--font-b);color:var(--fg-3);font-size:11.5px;font-weight:400;display:block}.brow .track{grid-column:1/-1;height:6px}.brow .fill{background:var(--series-1)}.hbars>.link{justify-self:start;margin-top:8px}.boxes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.box-card{text-align:start;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.box-card:hover{border-color:var(--line-2)}.bx-h{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.bx-l{font-family:var(--font-d);justify-content:space-between;gap:6px;font-size:17px;font-weight:600;display:flex}.bx-l span{font-family:var(--font-b);color:var(--fg-3);font-size:12.5px;font-weight:500}.bx-l.neg bdi{color:var(--s-bad)}.amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.amt small{color:var(--fg-3);font-weight:500}.amt.in{color:var(--s-ok)}.amt.out{color:var(--fg)}.card.off,.card.off .nm{opacity:.6}.strike{text-decoration:line-through}.kind-pick{flex-wrap:wrap;gap:6px;display:flex}.kp{border:1px solid var(--line-2);background:var(--surface);color:var(--fg-2);border-radius:999px;min-height:38px;padding:7px 12px;font-size:13.5px;font-weight:500}.kp[aria-checked=true].in{background:var(--t-ok);border-color:var(--s-ok);color:var(--fg)}.kp[aria-checked=true].out{background:var(--t-bad);border-color:var(--s-bad);color:var(--fg)}.void-box{border:1px dashed color-mix(in srgb, var(--s-bad) 40%, var(--line));border-radius:10px;gap:8px;padding:12px;display:grid}.files{gap:8px;display:grid}.file-row{align-items:center;gap:10px;display:flex}.file-row img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:56px;height:56px}.file-row>svg{width:28px;height:28px;color:var(--fg-3)}.file-row .grow{overflow-wrap:anywhere;flex:1;min-width:0}.daily{gap:12px;margin-top:12px;display:grid}@media (width>=900px){.daily{grid-template-columns:repeat(2,minmax(0,1fr))}}.daily-box{border:1px solid var(--line);border-radius:12px;gap:2px;padding:12px 14px;display:grid}.daily-box h3{margin-bottom:6px}.dl{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;display:flex}.dl.in b{color:var(--s-ok)}.dl.out b{color:var(--s-bad)}.dl.total{border-bottom:0;border-top:2px solid var(--line-2);margin-top:4px;padding-top:8px;font-weight:600}.dl.total b{font-family:var(--font-d);font-size:16px}.dl-list{display:grid}.approvals{gap:10px;display:grid}.appr{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:8px;padding:12px 14px;display:grid}.appr-h{align-items:flex-start;gap:10px;display:flex}.appr-amt{font-family:var(--font-d);text-align:end;white-space:nowrap;font-size:20px;font-weight:600}.appr-amt small{color:var(--fg-3);font-size:12px}.appr-act{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.appr-act .input{flex:1;min-width:180px}.quick{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}@media (width>=1024px){.quick{grid-template-columns:1.4fr .8fr 1fr .8fr .9fr 1fr auto}}.quick .err-text{grid-column:1/-1}.quick-go .btn{width:100%;min-height:44px}.page-h{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-h .grow{flex:1;min-width:200px}.aging{border-radius:8px;gap:2px;margin-bottom:12px;display:flex;overflow:hidden}.ag{min-width:70px;padding:6px 8px;font-size:11.5px;display:grid}.ag b{font-family:var(--font-d);font-variant-numeric:tabular-nums;font-size:13.5px}.ag.ok{background:var(--t-ok)}.ag.warn{background:var(--t-warn)}.ag.bad{background:var(--t-bad)}.list-row.sub{padding-inline-start:22px;font-size:14px}.cats{gap:6px;display:grid}.cat-group{border:1px solid var(--line);border-radius:10px;padding:2px 10px}a.card{color:var(--fg);text-decoration:none}.alerts{gap:8px;display:grid}.alert{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.alert>svg{flex:none;width:22px;height:22px}.alert .chev{width:18px;height:18px;color:var(--fg-3)}.alert small{color:var(--fg-2);margin-top:2px;font-size:12.5px;display:block}.alert .grow{flex:1;min-width:0}.alert.bad{background:var(--t-bad);border-color:color-mix(in srgb, var(--s-bad) 35%, transparent)}.alert.bad>svg{color:var(--s-bad)}.alert.warn{background:var(--t-warn);border-color:color-mix(in srgb, var(--s-warn) 35%, transparent)}.alert.warn>svg{color:var(--s-warn)}.alert.info>svg{color:var(--s-info)}.alert.ok{background:var(--t-ok)}.alert.ok>svg{color:var(--s-ok)}.hero{gap:2px;margin-bottom:10px;display:grid}.hero b{font-family:var(--font-d);font-size:40px;font-weight:600;line-height:1.15}.hero span{color:var(--fg-3);font-size:13px}.cur-lines{gap:4px;display:grid}.cur-lines div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.cur-lines div:last-child{border-bottom:0}.sidenav .nbadge{background:var(--s-bad);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;margin-inline-start:auto;padding:0 6px;font-size:11.5px;line-height:20px}.drop{border:2px dashed var(--line-2);border-radius:var(--r);text-align:center;background:var(--surface-2);justify-items:center;gap:8px;padding:22px 16px;display:grid}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop>svg{width:34px;height:34px;color:var(--accent)}.pend{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;padding:12px 14px;display:grid}.pend.err{border-color:color-mix(in srgb, var(--s-bad) 45%, var(--line))}.pend .ph{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.pend .ph svg{width:20px;height:20px;color:var(--fg-3)}.pend .ph b{overflow-wrap:anywhere}.kind{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600}.map-box{background:var(--t-warn);border-radius:10px;gap:8px;margin-top:12px;padding:12px;display:grid}.map-box .row select{width:auto;min-width:180px}.panel>.note a,.note a{color:var(--accent)}@media print{.sidenav,.bottomnav,.topbar,.actions,.seg,.period,.toolbar,.chips,.btn,.branch-pick{display:none!important}body{background:#fff}.main{padding:0}.panel{border:0;padding:0}}.toolbar select.input{width:auto;min-width:150px;max-width:100%}.filters{gap:10px;margin-bottom:12px;display:grid}.filters .toolbar{margin-bottom:0}.input.qty{text-align:center;font-variant-numeric:tabular-nums;width:76px;min-height:36px;padding:5px 8px}.rep-chips{margin-block:2px 10px}.comp-groups{gap:8px;display:grid}.comp-group{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.comp-group>summary{cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:10px 14px;list-style:none;display:flex}.comp-group>summary::-webkit-details-marker{display:none}.comp-group>summary:before{content:"";border-right:2px solid var(--fg-3);border-bottom:2px solid var(--fg-3);flex:none;width:7px;height:7px;margin-inline-end:6px;transition:transform .15s;transform:rotate(135deg)}.comp-group[open]>summary:before{transform:rotate(45deg)}.comp-group[open]>summary{border-block-end:1px solid var(--line)}.comp-group .list{padding:4px 14px 8px}@media print{.comp-group>summary:before{display:none}.comp-group{break-inside:avoid}}.prog{gap:6px;margin-top:6px;display:grid}.prog-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;height:8px;display:flex;overflow:hidden}.prog.compact .prog-bar{height:6px}.prog-bar span{height:100%;transition:width .2s;display:block}.prog-bar .p-ok,.prog-legend i.p-ok{background:var(--s-ok)}.prog-bar .p-na,.prog-legend i.p-na{background:var(--s-warn)}.prog-legend{color:var(--fg-2);flex-wrap:wrap;gap:4px 14px;display:flex}.prog-legend span{align-items:center;gap:5px;display:inline-flex}.prog-legend i{background:var(--line-2);border-radius:2px;width:8px;height:8px;display:inline-block}.po-row{color:inherit;align-items:center;text-decoration:none}.po-row:hover{background:var(--surface-2)}.po-rate{justify-items:end;gap:2px;min-width:56px;display:grid}.po-sups{flex-wrap:wrap;gap:6px;margin-top:6px}.tag{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:5px;padding:1px 8px;font-size:12px;display:inline-flex}.po-chk{width:22px;height:22px;accent-color:var(--s-ok);cursor:pointer;flex:none}.po-chk:disabled{cursor:default}.po-card.marked{border-color:color-mix(in srgb, var(--s-ok) 35%, var(--line))}.back-row{margin-bottom:8px}@media (width>=900px){.po-picker{top:calc(var(--top-h) + var(--safe-t) + 4px);z-index:20;position:sticky;box-shadow:0 6px 16px -12px #00000059}}@media print{.po-picker,.back-row{display:none!important}.prog-bar{border-color:#999}}.mk{gap:1px;line-height:1.35;display:inline-grid}.mk small{white-space:nowrap;font-size:11.5px}.sidenav .nav-edit{color:var(--fg-3);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;margin-top:6px;padding:8px 12px;font-size:13px;display:flex}.sidenav .nav-edit svg{width:18px;height:18px}.sidenav .nav-edit:hover{background:var(--surface-2);color:var(--fg)}.nav-order{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.nav-order li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:52px;padding:6px 10px 6px 6px;display:flex}.nav-order li:last-child{border-bottom:0}.nav-order li.cut{border-bottom:2px dashed var(--accent)}.nav-order li>svg{width:20px;height:20px;color:var(--fg-2);flex:none}.nav-order .num{text-align:center;width:22px;color:var(--fg-3);font-size:12.5px}.nav-order .icon-btn:disabled{opacity:.3}.nav-order li>.grow{flex:1;min-width:0}.shift-form{gap:12px;display:grid}.count-h{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.denoms{gap:6px;display:grid}.denom{grid-template-columns:56px 16px 1fr 96px;align-items:center;gap:8px;display:grid}.denom .dn{text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 0;font-weight:600}.denom .x{color:var(--fg-3);text-align:center}.denom .input{text-align:center;min-height:42px}.denom .eq{color:var(--fg-2);text-align:end;font-size:13px}.count-total{background:var(--accent-soft);border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 12px;display:flex}.count-total b{font-size:20px;font-family:var(--font-d)}.shift-result{border-radius:14px;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;padding:16px 18px;font-size:16px;display:flex}.shift-result b{font-size:28px;font-family:var(--font-d)}.shift-result.ok{background:var(--t-ok);color:var(--s-ok)}.shift-result.bad{background:var(--t-bad);color:var(--s-bad)}.shift-result.warn{background:var(--t-warn);color:var(--s-warn)}.sub-h{margin:14px 0 6px;font-size:14px}.qa-top{display:none}@media (width>=900px){.qa-top{display:inline-flex}}.fab{inset-inline-end:16px;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);z-index:25;background:var(--accent);width:56px;height:56px;color:var(--accent-ink);border:0;border-radius:18px;place-items:center;display:grid;position:fixed;box-shadow:0 8px 20px -6px #00000059}.fab svg{width:26px;height:26px}@media (width>=900px){.fab{display:none}}@media print{.fab,.qa-top{display:none!important}}.qa-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.qa-btn{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:14px;justify-items:center;gap:8px;padding:18px 8px 12px;font-size:15px;font-weight:600;display:grid;position:relative}.qa-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.qa-btn svg{width:30px;height:30px;color:var(--accent)}.qa-btn kbd{top:6px;color:var(--fg-3);font-family:inherit;font-size:11px;position:absolute;inset-inline-start:8px}@media (width<=899px){.qa-btn kbd{display:none}}.tpl-row{align-items:center;gap:8px;min-width:0;margin:-2px 0 10px;display:flex}.tpl-row .chips{flex:1;min-width:0}.tpl-chip{align-items:center;display:inline-flex}.tpl-x{background:var(--t-bad);color:var(--s-bad);border:0;border-radius:50%;width:24px;height:24px;margin-inline-start:-6px;font-size:15px;line-height:1}.disc-in{flex:none;align-items:center;gap:6px;display:inline-flex}.disc-in span{color:var(--fg-2);white-space:nowrap;font-size:13px}.disc-in .input{text-align:center;width:76px}.bdot{vertical-align:middle;border-radius:50%;flex:none;width:9px;height:9px;margin-inline-end:6px;display:inline-block}.bdot.lg{width:14px;height:14px;margin-inline-end:2px}.topbar{border-top:3px solid var(--branch-c,transparent)}.branch-pick{align-items:center;display:inline-flex}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches .sw{width:34px;height:34px;box-shadow:0 0 0 1px var(--line-2);border:3px solid #0000;border-radius:50%}.swatches .sw[aria-checked=true]{border-color:var(--surface);box-shadow:0 0 0 2px var(--fg)}.inbox-box{border:1px dashed var(--line-2);background:var(--surface-2);border-radius:12px;gap:8px;padding:12px;display:grid}.inbox-addr{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:6px 10px;font-size:13px}.dash-foot{justify-content:center}.nav-order li.off{opacity:.55}.nav-order .check{gap:10px}.tbl.cmp td.n{white-space:nowrap}.trend{margin-inline-start:6px;font-size:11px}.big-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.big-tile{border:1px solid var(--line);background:var(--surface-2);min-height:120px;color:var(--fg);border-radius:16px;align-content:center;justify-items:center;gap:10px;padding:16px 8px;font-size:17px;font-weight:600;text-decoration:none;display:grid}.big-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.big-tile svg{width:38px;height:38px;color:var(--accent)}.bell{position:relative}.bell .nbadge{top:4px;background:var(--s-bad);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid;position:absolute;inset-inline-end:4px}.notif.unread{background:var(--accent-soft)}.d-block{display:block}.off-badge{cursor:pointer;border:0}.switch-btn{justify-self:start;margin-top:4px}.lock{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.lock-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:16px;width:min(720px,100%);padding:20px;display:grid}.lock-h{align-items:center;gap:12px;display:flex}.lock-h img{border-radius:10px;width:40px;height:40px}.lock-clock{font-size:26px;font-family:var(--font-d)}.lock h2{margin:0;font-size:20px}.lock-users{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.lock-user{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:14px;justify-items:center;gap:8px;padding:16px 8px;font-size:16px;font-weight:600;display:grid}.lock-user:hover{border-color:var(--accent);background:var(--accent-soft)}.lock-user svg{width:30px;height:30px;color:var(--accent)}.lock-pw{gap:10px;max-width:360px;display:grid}.lock-pw .input{min-height:52px;font-size:18px}.lock-foot{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:12px;display:flex}.steps-ol{gap:10px;margin:0;padding-inline-start:22px;display:grid}.code-line{background:var(--surface-2);border:1px solid var(--line);text-align:left;border-radius:8px;margin-top:6px;padding:8px 12px;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow-x:auto}