:root{color-scheme:dark;--bg:#08090a;--panel:#181a1b;--surface:#212325;--stroke:#36383b;--text:#f2f2f4;--muted:#a1a3a6;--chrome:linear-gradient(120deg,#fafafa,#989a9f 31%,#f3f3f5 52%,#777a80 71%,#ededf0);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1.2px}h2{font-size:17px}h3{font-size:15px}p{line-height:1.6;color:#b7b9bc}small,.muted{color:var(--muted);font-size:12px}label{font-size:12px;color:#d6d6da}input,select,textarea{width:100%;border:1px solid #4a4d50;border-radius:11px;background:#202224;color:#f0f0f2;padding:12px;min-height:44px;outline:none}input:focus,select:focus,textarea:focus{border-color:#dedfe1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dcdde2;outline-offset:3px}[hidden]{display:none!important}
.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9d9fa3;font-weight:700}.center{text-align:center}.button{padding:11px 17px;border-radius:13px;border:1px solid #777a7e;font-weight:650;min-height:44px}.button.chrome{background:var(--chrome);color:#101113;border-color:#eeeef0}.button.subtle{background:#292b2d;color:#e9e9ea;border-color:#45474a}.button.outline{background:transparent}.button:hover:not(:disabled){filter:brightness(1.12)}.feedback{min-height:20px;margin:6px 0;font-size:12px;color:#d6d8da}.feedback.error{color:#f2b9be}.feedback.success{color:#b3dcc5}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:28px 20px 32px;background:#030405 url('./chrome-soft.svg') center center/100% 100% no-repeat;position:relative;isolation:isolate;overflow:hidden}
@supports (background-image:image-set(url('./chrome-reference-v1.avif') type('image/avif'))){.auth-gate{background-image:image-set(url('./chrome-reference-v1.avif') type('image/avif'),url('./chrome-soft.svg') type('image/svg+xml'))}}
.auth-gate:before{display:none}
.auth-stage{width:min(100%,540px);position:relative;z-index:1;margin:auto;text-align:center}
.auth-brand{display:flex;flex-direction:column;align-items:center;margin:0 auto 24px}
.auth-mark{display:block;width:182px;height:140px;object-fit:contain;filter:drop-shadow(0 12px 25px #000b)}
.auth-wordmark{display:block;width:min(80%,316px);height:64px;object-fit:fill;margin:-10px auto -2px;filter:drop-shadow(0 6px 14px #0009)}
.auth-subtitle{font-size:10px;letter-spacing:5.8px;font-weight:550;color:#d5d5d7;margin:3px 0 12px}
.auth-tagline{font-size:9px;letter-spacing:3px;font-weight:520;color:#c1c1c4;margin:0}
.auth-tagline span{margin:0 6px;color:#c3c5c7}
.auth-card{width:100%;border-radius:22px;padding:32px 42px 28px;border:1px solid #444549c2;background:linear-gradient(145deg,#141517eb,#08090bef 88%);box-shadow:inset 0 1px 0 #ffffff13,0 20px 78px #000d;text-align:center;backdrop-filter:blur(13px);position:relative}
.auth-eyebrow{font-size:9px;color:#999ca0;letter-spacing:2.3px;font-weight:720;margin:0 0 11px}
.auth-card h2{font-size:33px;line-height:1.16;font-weight:700;letter-spacing:-.9px;margin:0 0 10px}
.auth-summary{font-size:13px;color:#a9abae;margin:0 auto 21px}
.auth-card .form-stack{display:grid;gap:12px;margin:0}
.auth-field{display:flex;align-items:center;gap:10px;border:1px solid #323438;background:linear-gradient(120deg,#121315,#17181a);border-radius:12px;padding:0 15px;height:56px;position:relative}
.auth-field:focus-within{border-color:#bcbec1;box-shadow:0 0 0 2px #bbb3}
.auth-field>svg{width:18px;height:18px;color:#b1b3b7;flex-shrink:0}
.auth-field input{border:0;outline:none;background:transparent;color:#fff;min-width:0;flex:1;width:100%;height:100%;min-height:0;padding:0;font-size:13px}
.auth-field input:focus-visible{outline:none}
.auth-field input::placeholder{color:#8d9093}
.auth-toggle{display:grid;place-items:center;background:transparent;border:0;color:#a6a8ad;width:27px;height:38px;padding:0;flex-shrink:0;cursor:pointer}
.auth-toggle svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor}
.auth-toggle:hover{color:#fff}
.auth-primary{height:53px;border-radius:12px;margin-top:2px;position:relative;box-shadow:inset 0 1px 0 #fffc,0 5px 19px #0009;font-size:14px;letter-spacing:.1px;font-weight:740;width:100%;background:linear-gradient(112deg,#f5f5f5 0%,#c7c8c9 32%,#e8e9eb 65%,#9c9ea1 100%)!important;color:#0d0e10!important;border-color:#d6d7d9!important}
.auth-primary .auth-button-arrow{position:absolute;right:18px;font-size:22px;font-weight:400;top:9px}
.auth-primary:hover:not(:disabled){filter:brightness(1.07)}
.auth-card .minor-link{background:none;border:0;color:#b5b7bc;font-size:12px;margin:17px auto 0;min-height:28px;padding:3px}
.auth-card .minor-link:hover{color:#fff}
.auth-divider{height:1px;background:#353739;margin:20px 0 15px}
.auth-footnote{font-size:11px;color:#a1a3a7;margin:0}
.auth-footer{font-size:9px;color:#bec0c2;letter-spacing:2px;margin:23px auto 0;background:none;padding:4px 0;width:max-content;max-width:100%;text-shadow:0 2px 7px #000}
.auth-footer span{margin:0 8px}
.auth-card #auth-feedback{position:relative;z-index:1;font-size:12px;line-height:1.55;text-align:left;margin:10px 0 0}
.auth-card #auth-feedback:empty{display:none}
.auth-recovery{margin-top:10px!important;text-align:left}
.auth-recovery label{margin-top:2px}
.auth-recovery .message{margin:0 0 4px}
.auth-card .message{font-size:12px;background:#252728;padding:12px;border:1px solid #434446;border-radius:12px;line-height:1.5;text-align:left}
@media(max-width:540px){.auth-gate{padding:25px 16px;background-size:100% 100%}.auth-stage{max-width:390px}.auth-mark{width:140px;height:110px}.auth-wordmark{width:min(80%,268px);height:55px}.auth-subtitle{font-size:9px;letter-spacing:4.2px}.auth-tagline{font-size:8px;letter-spacing:1.9px}.auth-card{padding:25px 22px 23px}.auth-card h2{font-size:25px}.auth-brand{margin-bottom:24px}.auth-footer{font-size:8px;letter-spacing:1.3px}}
.workspace{display:flex;min-height:100dvh}.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:236px;padding:24px 16px;display:flex;flex-direction:column;gap:25px;background:#101112;border-right:1px solid #303233}.wordmark{display:flex;align-items:center;gap:10px;letter-spacing:.8px;font-size:14px;font-weight:800}.wordmark img{width:54px;height:45px;object-fit:contain}.wordmark small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.sidebar nav{display:grid;gap:7px}.nav-button{background:none;border:0;padding:13px 15px;border-radius:13px;text-align:left;color:#bdbfc2;font-size:13px}.nav-button:hover,.nav-button.selected{background:#27292a;color:#fff}.sidebar-footer{margin-top:auto;border:1px solid #3a3b3d;background:#1b1c1d;padding:12px;border-radius:15px;display:grid;gap:12px;font-size:12px}.logout{background:#292a2b;border-radius:9px;border:1px solid #4c4e50;min-height:36px;font-size:12px}.main-column{margin-left:236px;flex:1;min-width:0}.topbar{height:69px;border-bottom:1px solid #2b2d2e;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.brand-mini{display:none;align-items:center;gap:5px;font-size:12px;letter-spacing:1px}.brand-mini img{width:33px;height:33px}.icon-action{background:#232526;border:1px solid #383a3c;border-radius:11px;height:36px;width:36px;font-size:23px}.main-content{padding:36px 35px 80px;max-width:1440px;margin:0 auto}.top-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.top-intro h1{margin-bottom:8px}.top-intro p{margin-bottom:0}.user-chip{border:1px solid #383a3c;border-radius:25px;background:#202223;color:#d6d8da;font-size:11px;padding:10px 13px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:30px}.stat{padding:23px;border:1px solid #343639;border-radius:17px;background:linear-gradient(130deg,#242628,#161819);display:flex;flex-direction:column;gap:7px;min-height:116px}.stat strong{font-size:29px;font-weight:700}.stat span{font-size:12px;color:#c1c3c6}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 13px}.section-head h2{margin:0}.inline-action{border:0;color:#d8d9dc;background:none;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{border-radius:18px;min-height:157px;border:1px solid #393b3d;padding:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,#51535866,transparent 48%),linear-gradient(125deg,#242628,#101213);display:flex;flex-direction:column;justify-content:end}.project-card:before{content:"";position:absolute;top:-160px;right:-145px;width:280px;height:280px;border-radius:50%;border:45px solid #d9dade12;transform:rotate(-20deg)}.project-card strong{font-size:16px;position:relative}.project-card p{font-size:11px;margin:7px 0 0;position:relative}.project-card .status{position:absolute;right:13px;top:13px;border:1px solid #6c6c6b50;border-radius:15px;font-size:10px;padding:4px 9px;background:#ffffff12;color:#dfdfdf}.panel{border-radius:17px;border:1px solid #343639;background:linear-gradient(135deg,#202223,#151617)}.list-panel{overflow:hidden}.list-row{padding:14px 17px;border-bottom:1px solid #303234;display:flex;gap:12px;align-items:center;justify-content:space-between}.list-row:last-child{border-bottom:0}.list-row .item-meta{min-width:0;display:grid;gap:5px}.list-row strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row small{overflow:hidden;text-overflow:ellipsis}.pill{flex-shrink:0;font-size:10px;padding:5px 9px;border-radius:14px;border:1px solid #54575b;color:#dfe0e1;background:#303235}.pill.pending,.pill.in_review{background:#4a3b2b;color:#eed9b3}.pill.approved,.pill.completed{background:#2a4136;color:#b9ddc6}.empty{padding:25px 18px;color:#a6a8aa;font-size:12px;line-height:1.6}.explain{padding:22px;margin:20px 0}.explain p{font-size:12px;margin-bottom:0}.request-form{margin-bottom:17px;padding:23px;display:grid;gap:11px;max-width:650px}.request-form h3{margin:0 0 6px}.request-form select,.request-form textarea{width:100%}.form-actions{display:flex;justify-content:end;gap:12px;margin-top:9px}.identity{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:13px}.identity dt{color:var(--muted)}.identity dd{margin:0}.mobile-nav{display:none}.browser-notice{padding:30px;text-align:center}.auth-card #auth-feedback{position:relative;z-index:1}
@media(max-width:1060px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:29px 22px 78px}.topbar{padding:0 22px}}
@media(max-width:730px){.sidebar{display:none}.main-column{margin:0}.topbar{padding:0 18px;height:62px}.topbar>.eyebrow{display:none}.brand-mini{display:flex}.main-content{padding:23px 17px 110px}.top-intro h1{font-size:27px}.user-chip{display:none}.mobile-nav{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;justify-content:space-around;gap:3px;border-top:1px solid #3b3c40;background:#121314f2;backdrop-filter:blur(16px);padding:11px 10px max(13px,env(safe-area-inset-bottom))}.mobile-button{padding:10px 5px;border:0;border-radius:9px;background:none;font-size:11px;color:#aaaeb0;min-width:52px}.mobile-button.selected{color:white;background:#282a2c}.stats{gap:8px}.stat{padding:14px;min-height:90px}.stat strong{font-size:23px}.stat span{font-size:10px}.project-grid{grid-template-columns:1fr}.project-card{min-height:124px}.section-head{margin-top:21px}.auth-card{padding:25px 22px 23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
