.signin{flex-direction:column;gap:18px;width:100%;display:flex}.signin-head{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.signin-brand{letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.signin-title{letter-spacing:-.045em;font-size:36px;font-weight:700;line-height:1.05}.signin-head .muted{font-size:16px}.signin-to{color:var(--ink);white-space:nowrap;font-weight:600}.signin .field input.signin-code{font-family:var(--f-mono);letter-spacing:.32em;text-align:center;border-radius:16px;min-height:68px;padding:10px;font-size:30px;font-weight:500}.signin .field input.signin-code::placeholder{letter-spacing:.32em}.signin-again{justify-content:space-between;align-items:center;gap:12px;display:flex}.linkbtn.center{align-self:center}.signin>*{animation:m-rise var(--t-slow) var(--ease-out) both}.signin>:nth-child(2){animation-delay:50ms}.signin>:nth-child(n+3){animation-delay:.1s}.signin .field .error{animation:m-drop var(--t-base) var(--ease-out)}.signin-screen{background:#081536;flex-direction:column;flex:1;min-height:100%;display:flex}.signin-hero{isolation:isolate;min-height:36vh;padding:28px 24px 52px;padding-top:max(28px, env(safe-area-inset-top));color:#fff;background:radial-gradient(90% 70% at 90% 0,#2f6bff8c,#0000 62%),radial-gradient(70% 60% at 0 100%,#2565ad73,#0000 70%),linear-gradient(#071330 0%,#0b1f5c 100%);flex-direction:column;justify-content:flex-end;gap:18px;display:flex;position:relative;overflow:hidden}.signin-hero:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 75% 15%,#000 0%,#0000 75%);mask-image:radial-gradient(80% 80% at 75% 15%,#000 0%,#0000 75%)}.signin-flight{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.signin-route{fill:none;stroke:#ffffff29;stroke-width:1.2px;stroke-dasharray:2 8;stroke-linecap:round;vector-effect:non-scaling-stroke}.signin-streak{fill:none;stroke:#d6e4ff;stroke-width:.75px;stroke-linecap:round;stroke-dasharray:70 1100;stroke-dashoffset:70px;opacity:0;filter:drop-shadow(0 0 4px #8cb4ffb3);animation:12s cubic-bezier(.45,0,.25,1) 1.2s infinite signin-glide}@keyframes signin-glide{0%{stroke-dashoffset:70px;opacity:0}6%,28%{opacity:.7}35%,to{stroke-dashoffset:-1000px;opacity:0}}.signin-hero:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(40% 35% at 70% 30%,#508cff47,#0000 70%);animation:18s ease-in-out infinite alternate signin-drift;position:absolute;inset:-30%}@keyframes signin-drift{to{transform:translate(-8%,6%)}}.signin-hero .brand-logo{filter:drop-shadow(0 8px 24px #00000040);align-self:flex-start}.signin-app b{letter-spacing:-.035em;font-size:30px;font-weight:700;line-height:1.05;display:block}.signin-app span{color:#ffffffad;margin-top:6px;font-size:14.5px;font-weight:500;display:block}.signin-panel{z-index:1;padding:30px 20px 24px;padding-bottom:max(24px, env(safe-area-inset-bottom));background:var(--surface);color:var(--ink);border-radius:28px 28px 0 0;flex:1;margin-top:-26px;position:relative}.signin-panel-inner{flex-direction:column;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.signin-screen .signin-title{font-size:30px}.signin-points{gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.signin-points li{color:#ffffffd9;align-items:center;gap:12px;font-size:15.5px;display:flex}.signin-points li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") 50%/12px no-repeat,#ffffff24;border-radius:50%;flex:none;width:22px;height:22px}@media (width>=900px){.signin-screen.wide{flex-direction:row}.signin-screen.wide .signin-hero{flex:1.15;justify-content:center;gap:22px;padding:56px 64px}.signin-screen.wide .signin-app b{font-size:44px}.signin-screen.wide .signin-app span{font-size:16px}.signin-screen.wide .signin-panel{border-radius:0;flex:1;place-items:center;margin:0;padding:48px;display:grid}}.signin-hero>:not(svg){animation:m-rise var(--t-slow) var(--ease-out) both}@media (prefers-reduced-motion:reduce){.signin-streak,.signin-hero:after{display:none}}@media (width<=899px){.signin-points{display:none}}.signin-help{margin-top:-6px;font-size:13.5px;line-height:1.45}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f1f3f6;--sunk:#e9ecf1;--ink:#0a0d14;--ink-2:#3d4452;--ink-3:#737a8a;--line:#e3e6ec;--line-2:#eef0f4;--accent:#2563ff;--accent-2:#1846d8;--accent-soft:#eaf0ff;--on-accent:#fff;--ok:#0f8a45;--ok-soft:#e7f7ee;--no:#d12f35;--no-soft:#fdecec;--rev:#a8650a;--rev-soft:#fdf3e1;--unk:#5f6676;--unk-soft:#eef0f4;--c-ok:#12a150;--c-ok-2:#0b7a3b;--c-rev:#f5a524;--c-rev-2:#e5940e;--c-no:#e5383b;--c-no-2:#b8222a;--c-blue:#2f6bff;--c-blue-2:#1440c9;--c-blue-3:#0d2a8a;--c-night:#0c1018;--band-entry:#2563ff;--band-exit:#0c1018;--shadow:0 0 0 1px #0a0d140d, 0 12px 32px -14px #0a0d1447;--shadow-sm:0 0 0 1px var(--line), 0 1px 2px #0a0d140a;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);--f-body:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--f-cond:var(--f-body);--f-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:16px;--radius-sm:10px;--radius-lg:28px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--g-bg:#07090d;--g-panel:#10141b;--g-panel-2:#171c25;--g-ink:#f4f6f9;--g-dim:#8a93a3;--g-line:#232a35;--g-ok:#12a150;--g-no:#e5383b;--g-rev:#f5a524;--g-dup:#343d4c;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.45, .64, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.28s}@keyframes m-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes m-fade{0%{opacity:0}}@keyframes m-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes m-sheet{0%{opacity:0;transform:translateY(28px)scale(.98)}}@keyframes m-pop{0%{opacity:0;transform:scale(.6)}}@keyframes m-zoom{0%{opacity:0;transform:scale(.97)}}@keyframes m-stamp{0%{transform:scale(1.07)}}@keyframes m-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}@keyframes m-ripple{0%{box-shadow:0 0 #ffffff3d,0 0 #ffffff1f}}@keyframes m-breathe{50%{transform:scale(1.06)}}@keyframes m-live{50%{opacity:.35}}@keyframes m-tick{0%{opacity:.2;transform:translateY(6px)}}@keyframes m-flash{0%{background-color:var(--accent-soft)}}@keyframes m-glow{0%{box-shadow:inset 0 0 0 1px var(--rev), 0 0 0 6px color-mix(in srgb, var(--rev) 25%, transparent)}}@keyframes m-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.m-enter{animation:m-rise var(--t-base) var(--ease-out) both}.notice{animation:m-drop var(--t-base) var(--ease-out)}.skeleton{animation:m-fade var(--t-base) var(--ease-out) .15s both}.skeleton .bar{background:linear-gradient(90deg, var(--sunk) 0%, var(--surface-2) 50%, var(--sunk) 100%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s linear infinite m-shimmer;display:block}.skeleton-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px;display:grid}.skeleton-stats>div{background:var(--surface);border-radius:var(--radius);height:86px;box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.skeleton-rows{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-rows>div{border-bottom:1px solid var(--line-2);grid-template-columns:90px 32px 1fr 1fr .6fr;align-items:center;gap:16px;padding:16px;display:grid}.skeleton-rows>div:first-child{background:var(--surface-2);padding:12px 16px}.skeleton-rows>div:last-child{border-bottom:0}.skeleton-rows .dot{border-radius:50%;width:32px;height:32px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.autobar i{animation-duration:var(--auto)!important}.spinner,.o-spinner{animation-duration:.9s!important;animation-iteration-count:infinite!important}.skeleton .bar{animation:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--f-body);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.45}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:var(--accent);text-decoration:none}a.btn,button,.btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}:focus-visible{box-shadow:var(--focus);outline:none}.eyebrow{letter-spacing:-.005em;color:var(--ink-3);font-size:13px;font-weight:500}.display{letter-spacing:-.045em;font-weight:700;line-height:1}.muted{color:var(--ink-3)}.mono{font-family:var(--f-mono);letter-spacing:0;font-size:.92em}.btn{box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px #0a0d140a;background:var(--surface);color:var(--ink);letter-spacing:-.01em;min-height:44px;transition:background-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast) var(--ease-out);white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.acc{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 100%);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff38, 0 8px 20px -10px color-mix(in srgb, var(--accent) 80%, transparent)}.btn.acc:hover{background:var(--accent-2)}.btn.ink{background:var(--ink);color:var(--bg);box-shadow:none}.btn.ink:hover{background:color-mix(in srgb, var(--ink) 85%, var(--bg))}.btn.soft{background:var(--accent-soft);color:var(--accent);box-shadow:none}.btn.soft:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.btn.danger{color:var(--no);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--no) 35%, var(--line))}.btn.danger:hover{background:var(--no-soft)}.btn.block{width:100%}.btn.big{border-radius:var(--radius);min-height:58px;font-size:17px}.btn.sm{border-radius:var(--radius-sm);min-height:34px;padding:6px 12px;font-size:13.5px}.btn.quiet{box-shadow:none;color:var(--ink-2);background:0 0}.btn.quiet:hover{background:var(--surface-2)}.linkbtn{color:var(--accent);min-height:44px;padding:10px 4px;font-size:15px;font-weight:600}.linkbtn:disabled{color:var(--ink-3);cursor:default}.field{color:var(--ink-2);flex-direction:column;gap:7px;font-size:13.5px;font-weight:500;display:flex}.field>span.hint{color:var(--ink-3);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;min-height:48px;padding:11px 14px;font-size:16px;font-weight:450;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0a0d140a}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}.field input::placeholder{color:var(--ink-3);font-weight:400}.field.invalid input{border-color:var(--no)}.field .error{color:var(--no);font-weight:500}.pill{background:var(--unk-soft);color:var(--unk);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12.5px;font-weight:600;line-height:1.3;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.no{background:var(--no-soft);color:var(--no)}.pill.rev{background:var(--rev-soft);color:var(--rev)}.pill.acc{background:var(--accent-soft);color:var(--accent)}.notice{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14.5px;display:flex}.notice.bad{background:var(--no-soft);border-color:color-mix(in srgb, var(--no) 30%, var(--line));color:var(--no)}.notice.good{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 30%, var(--line));color:var(--ok)}.notice.with-retry{justify-content:space-between;align-items:center;padding-block:4px}.notice.with-retry>span{padding-block:8px}.notice-retry{color:inherit;text-underline-offset:3px;flex:none;text-decoration:underline}.notice.warn{background:var(--rev-soft);border-color:color-mix(in srgb, var(--rev) 30%, var(--line));color:var(--rev)}.spinner{border:3px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.env-band{color:#f5c35b;text-align:center;letter-spacing:.06em;text-transform:uppercase;background:#0a0d14;padding:3px 8px;font-size:11.5px;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-logo{-webkit-user-select:none;user-select:none;flex:none;width:auto;display:block}.center-text{text-align:center;margin:0;font-size:15px}.loading{color:var(--ink-3);flex:1;place-items:center;min-height:120px;display:grid}.avatar{background:linear-gradient(135deg, var(--surface-2), var(--sunk));width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.office{background:var(--bg);flex:1;grid-template-columns:248px 1fr;min-height:0;display:grid}.office-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:18px 12px;display:flex}.office-brand{padding:0 4px;flex-direction:column;align-items:flex-start;gap:10px;padding:4px 8px 0;display:flex}.office-brand-sub{padding-left:2px}@media (width<=800px){.office-brand{flex-direction:row;align-items:center;gap:10px}.office-brand .brand-logo{height:40px!important}.office-brand-sub{padding-left:0}}.office-brand-sub{color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.25}.office-nav{flex-direction:column;gap:2px;display:flex}.office-nav a{color:var(--ink-2);transition:background-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:14.5px;font-weight:500;display:flex}.office-nav a svg{color:var(--ink-3);flex:none}.office-nav a:hover{background:var(--surface-2)}.office-nav a.active{background:var(--accent-soft);color:var(--accent-2);font-weight:600}.office-nav a.active svg{color:var(--accent)}.nav-badge{background:var(--rev);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700;line-height:20px}.gate-question{background:var(--rev-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rev);border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14.5px;display:block}.gate-question span{color:var(--accent);font-weight:600;text-decoration:underline}.office-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 6px 0;font-size:13.5px;display:flex}.office-user .avatar{width:32px;height:32px;font-size:12px}.office-user>div{flex:1;min-width:0}.office-user b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.office-user span{color:var(--ink-3);font-size:12.5px}.office-main{min-width:0;max-width:1400px;padding:28px 36px 48px}@media (width<=800px){.office{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.office-side{border-right:0;border-bottom:1px solid var(--line);z-index:5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 16px 0;display:grid;position:sticky;top:0}.office-nav{scrollbar-width:none;flex-direction:row;grid-area:2/1/auto/-1;gap:4px;margin:0 -16px;padding:0 16px 10px;overflow-x:auto}.office-nav::-webkit-scrollbar{display:none}.office-nav a{white-space:nowrap;flex:none;padding:7px 11px;font-size:14px}.office-user{border-top:0;grid-area:1/2;margin-top:0;padding:0}.office-user>div{display:none}.office-main{padding:20px 16px 40px}.page-title{font-size:23px}.page-actions{width:100%}.page-actions>.btn{flex:auto;justify-content:center}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.035em;font-size:26px;font-weight:650;line-height:1.1}.page-title small{font-family:var(--f-body);color:var(--ink-3);letter-spacing:0;margin-left:10px;font-size:14px;font-weight:500}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.crumbs{color:var(--ink-3);margin-bottom:10px;font-size:13.5px}.crumbs a{color:var(--ink-2);font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .search{border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737a8a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px 50%;border-radius:11px;flex:1;min-width:220px;max-width:380px;min-height:40px;padding:9px 12px 9px 36px;font-size:14.5px;box-shadow:0 1px 2px #0a0d140a}.toolbar .search:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}.segmented{background:var(--sunk);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);border-radius:8px;min-height:34px;padding:6px 12px;font-size:13.5px;font-weight:600}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.table-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:11px 16px;font-size:12.5px;font-weight:500}.table td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr.row-link{cursor:pointer}.table tbody tr{transition:background-color var(--t-fast)}.table tbody tr.row-link:hover{background:var(--surface-2)}.table tbody tr.is-new{animation:m-fade var(--t-base) var(--ease-out), m-flash 1.8s var(--ease-out)}.table .name{align-items:center;gap:11px;display:flex}.table .name .avatar{width:32px;height:32px;font-size:11.5px}.table .name b{text-wrap:balance;min-width:18ch;max-width:28ch;font-weight:550;display:block}.table .name span{color:var(--ink-3);font-size:12.5px;font-family:var(--f-mono)}.table .dim,.table .inactive td{color:var(--ink-3)}.table .num{text-align:right;font-family:var(--f-mono)}.table td.mono{white-space:nowrap}.table td.time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-2)}.empty{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty:before{content:"";background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23737a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l2.5-7.5A2 2 0 0 1 8.4 4h7.2a2 2 0 0 1 1.9 1.5L20 13'/%3E%3Cpath d='M4 13v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5h-5l-1 2h-4l-1-2z'/%3E%3C/svg%3E") no-repeat center;width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;margin-bottom:2px}.empty.search:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23737a8a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E")}.empty.clear:before{background-color:var(--ok-soft);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231a7f45' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.empty b{color:var(--ink);font-size:17px}.empty span{max-width:42ch;line-height:1.45}.detail{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.detail{grid-template-columns:1fr}}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.panel h2{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.kv{grid-template-columns:160px 1fr;gap:8px 16px;font-size:14.5px;display:grid}.kv dt{color:var(--ink-3)}.kv dd{overflow-wrap:anywhere;margin:0;font-weight:500}.head-who{align-items:center;gap:14px;display:flex}.head-who .avatar{width:56px;height:56px;font-size:19px}.head-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.history{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history li{border-bottom:1px solid var(--line-2);grid-template-columns:1fr;gap:2px;padding:10px 0;font-size:14px;display:grid}.history li:last-child{border-bottom:0}.history .when{color:var(--ink-3);font-size:12.5px}.history .what b{font-weight:600}.form{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.form .span2{grid-column:1/-1}@media (width<=640px){.form{grid-template-columns:1fr}}.form-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.checks{flex-direction:column;gap:10px;display:flex}.check{cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.check span small{color:var(--ink-3);font-size:12.5px;display:block}.dialog{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:22px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d1466}.dialog-body{flex-direction:column;gap:16px;padding:24px;display:flex}.dialog h2{letter-spacing:-.03em;font-size:22px;font-weight:650}.drop{border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;background:var(--surface);flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop input{display:none}.drop textarea{width:100%;min-height:120px;font-family:var(--f-mono);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);padding:10px;font-size:13px}.cell-bad{color:var(--no);font-weight:600}.office-page{animation:m-rise var(--t-base) var(--ease-out)}.nav-badge{animation:m-pop var(--t-slow) var(--ease-spring)}.gate-question{animation:m-drop var(--t-base) var(--ease-out), m-glow 1.6s var(--ease-out) var(--t-base);transition:box-shadow var(--t-fast)}.dialog[open]{animation:m-zoom var(--t-base) var(--ease-out)}.dialog[open]::backdrop{animation:m-fade var(--t-base) var(--ease-out)}.segmented button{transition:background-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast)}.table .stack{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.table .stack b{max-width:28ch}.table .stack .dim{font-size:13px}.table td.by{white-space:nowrap}.live-tag{align-items:center;gap:7px;display:inline-flex}.live-tag i{background:var(--c-ok);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c-ok) 20%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite m-live}.page-date{color:var(--ink-3);margin-bottom:4px;font-size:13px;font-weight:500}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.office-main:focus{outline:none}.shift-pills{flex-wrap:wrap;gap:6px;display:flex}.shift-pill{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;font-weight:500;display:inline-flex}.shift-pill i{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}.shift-pill.off i{background:var(--ink-3);box-shadow:0 0 0 3px var(--unk-soft)}.shift-pill.silent i{background:var(--rev);box-shadow:0 0 0 3px var(--rev-soft)}.shift-pill em{color:var(--rev);font-style:normal;font-weight:600}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}@media (width<=1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats>.stat.big{grid-row:span 2}}@media (width<=640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>.stat.big{grid-area:auto/1/auto/-1}}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;display:flex;position:relative}a.stat{transition:box-shadow var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out)}a.stat:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat b{animation:m-tick var(--t-slow) var(--ease-out)}.stat span{color:var(--ink-3);padding-right:34px;font-size:13px;font-weight:500}.stat b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:650;line-height:1}.stat.big{isolation:isolate;color:#fff;background:radial-gradient(120% 120% at 100% 0,#78a5ff73,#0000 60%),linear-gradient(150deg,#2a62ff 0%,#1440c9 100%);overflow:hidden;box-shadow:0 14px 30px -16px #1440c9b3}.stat.big:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000,#0000 70%);mask-image:linear-gradient(200deg,#000,#0000 70%)}.stat.big span{color:#ffffffc7}.stat-icon{width:30px;height:30px;color:var(--ink-2);background:var(--surface-2);border-radius:9px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.stat-icon svg{width:16px;height:16px}.stat-icon.ok{color:var(--ok);background:var(--ok-soft)}.stat-icon.rev{color:var(--rev);background:var(--rev-soft)}.stat.big .stat-icon{color:#fff;background:#ffffff29}.stat b{margin-top:10px}.stat.warn b{color:var(--rev)}.requests{border-radius:var(--radius);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 35%, transparent);margin-bottom:22px;padding:18px 20px 20px}.requests h2,.group h2{align-items:baseline;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.requests h2 small,.group h2 small{color:var(--ink-3);font-size:13px;font-weight:500}.request-list{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;display:grid}.request{animation:m-rise var(--t-slow) var(--ease-out);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.request-who{align-items:center;gap:11px;display:flex}.request-who .avatar{width:40px;height:40px;font-size:14px}.request-who>div{flex:1;min-width:0}.request-who b{font-size:15.5px;font-weight:600;display:block}.request-who b a{color:inherit}.request-who>div>span{color:var(--ink-3);font-size:12.5px}.request-left{font-family:var(--f-mono);color:var(--rev);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.request-left.over{color:var(--ink-3);font-family:inherit;font-size:13.5px}.request-why{color:var(--ink-2);font-size:14.5px;line-height:1.4}.request-why b{color:var(--no);font-weight:650}.request-note{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-height:38px;padding:9px 12px;font-size:14px}.request-note:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}.request-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;display:grid}.request-actions .btn{letter-spacing:.02em;min-width:0;min-height:46px;padding-inline:10px;font-weight:700}.btn.ok{background:var(--ok);color:#fff;border-color:#0000}.btn.ok:hover{background:color-mix(in srgb, var(--ok) 88%, black)}.latest-head{margin-bottom:10px}.latest-head h2{font-size:15px;font-weight:600}.group{margin-bottom:24px}.group-hint{color:var(--ink-3);margin:-6px 0 12px;font-size:13.5px}.table .name{color:inherit}.table a.name:hover b{text-decoration:underline}.avatar.unknown{background:var(--unk-soft);color:var(--ink-3)}.filters{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.filters label{color:var(--ink-3);flex-direction:column;flex:112px;gap:5px;min-width:0;font-size:12.5px;font-weight:500;display:flex}.filters label.grow{flex:1.6 160px}.filters label:has(input[type=date]){flex:0 142px}.filters input,.filters select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:38px;color:var(--ink);border-radius:10px;padding:8px 11px;font-size:14px}.filters input:focus-visible,.filters select:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}.filters .btn{min-height:38px}.page-actions .btn svg{margin-right:6px}.table .when{white-space:nowrap;color:var(--ink-2);font-size:13.5px}.table td.result{white-space:nowrap}.table .dir{text-align:center;width:18px;color:var(--ink-3);margin-right:6px;font-weight:700;display:inline-block}.table .dir.in{color:var(--accent)}.table .reason{margin-left:8px;font-size:13px}.table .happened{align-items:center;gap:8px;display:inline-flex}.table .happened .dot{background:var(--unk);border-radius:50%;flex:none;width:8px;height:8px}.table .happened .dot.ok{background:var(--ok)}.table .happened .dot.no{background:var(--no)}.table .happened .dot.rev{background:var(--rev)}.table .note{margin-top:2px;font-size:13px;display:block}.table .happened+.pill{margin-left:8px}.fresh-pill{animation:m-drop var(--t-base) var(--ease-out);background:var(--accent);color:var(--on-accent);font:inherit;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;margin:0 auto 12px;padding:7px 14px;font-size:13.5px;font-weight:600;display:block}.table-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.exceptions{flex-direction:column;gap:10px;display:flex}.exception{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.exception-actions{min-width:216px}@media (width<=760px){.exception{grid-template-columns:1fr}.exception-actions{min-width:0}}.exception.reviewed{opacity:.72}.exception .kind{letter-spacing:.01em;background:var(--unk-soft);color:var(--unk);border-radius:8px;justify-self:start;padding:5px 10px;font-size:12.5px;font-weight:650;display:inline-block}.exception .kind.no{background:var(--no-soft);color:var(--no)}.exception .kind.rev{background:var(--rev-soft);color:var(--rev)}.exception .kind.acc{background:var(--accent-soft);color:var(--accent)}.exception-body{flex-direction:column;gap:6px;min-width:0;display:flex}.exception-who{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.exception-who .name{color:inherit;align-items:center;gap:10px;display:flex}.exception-who .avatar{width:32px;height:32px;font-size:11.5px}.exception-who b{font-weight:600;display:block}.exception-who .name span{color:var(--ink-3);font-size:12.5px;font-family:var(--f-mono)}.exception-who .when{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:13px}.exception-line{color:var(--ink-2);font-size:14.5px}.exception-line,.exception-reviewed{padding-left:42px}.exception-reviewed{color:var(--ink-3);font-size:13px}.exception-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.table.audit td b{font-weight:600}.photo-row{align-items:center;gap:16px;display:flex}.photo{object-fit:cover;background:var(--surface-2,#f1f3f7);border-radius:16px;flex:none;width:96px;height:96px}.photo.placeholder{color:var(--ink-3,#6b7280);justify-content:center;align-items:center;font-size:26px;font-weight:700;display:inline-flex}.day-picks{flex-wrap:wrap;gap:6px;display:flex}.day-pick{border:1px solid var(--line);background:var(--surface);min-width:46px;color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:600}.day-pick.on{border-color:var(--ink);background:var(--ink);color:var(--surface)}.hours-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.group h2 .btn{margin-left:auto}