:root{--ink:#08090b;--ink2:#14171a;--paper:#f2f0eb;--paper2:#e7e4de;--white:#fff;--coral:#ff725c;--coral-hover:#ff8a77;--blue:#69bfff;--line:#08090b29;--line-strong:#08090b47;--gradient-hero:radial-gradient(80% 80% at 80% 30%, #364352b8, #08090b00 64%), radial-gradient(44% 50% at 12% 68%, #37404c40, transparent 70%), linear-gradient(135deg, #050608 0%, #111417 58%, #262b31 100%);--bg:var(--paper);--bg-raised:var(--white);--bg-panel:var(--white);--bg-hover:var(--paper2);--border:var(--line-strong);--border-soft:var(--line);--text:var(--ink);--text-muted:#555b61;--text-faint:#686d71;--coral-soft:#ff725c24;--blue-soft:#69bfff24;--green:#1f7a3f;--green-soft:#1f7a3f1f;--amber:#b45309;--amber-soft:#b453091f;--radius:0;--radius-sm:0;--radius-full:999px;--ease:cubic-bezier(.2, .75, .25, 1);--transition-fast:.2s var(--ease);--transition-base:.35s var(--ease);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14.5px;line-height:1.45}::selection{background:var(--coral);color:var(--ink)}a{color:var(--ink);font-weight:630;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast);outline:none;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:var(--ink)}input::placeholder,textarea::placeholder{color:#9199a1}.topbar{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);z-index:10;background:#f2f0ebe0;align-items:center;gap:20px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:8px;display:flex}.logo:hover{text-decoration:none}.logo img{height:22px;display:block}.logo .sub{color:var(--text-muted);white-space:nowrap;font-size:14.5px;font-weight:520}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.container{max-width:1040px;margin:0 auto;padding:40px 28px 90px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}h1{letter-spacing:-.045em;font-size:27px;font-weight:690;line-height:1.15}h2{letter-spacing:-.02em;margin-bottom:4px;font-size:16px;font-weight:690}.subtitle{color:var(--text-muted);margin-top:6px}.section{margin-top:44px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-head h2{letter-spacing:.15em;text-transform:uppercase;color:var(--ink);align-items:center;gap:12px;margin:0;font-size:12px;font-weight:780;line-height:1;display:flex}.section-head h2:before{content:"";opacity:.75;background:currentColor;width:28px;height:1px}.section-head .hint{color:var(--text-faint);text-align:right;font-size:13px}.card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px}.card.clickable{color:inherit;transition:border-color var(--transition-base), transform var(--transition-base);font-weight:400;display:block}.card.clickable:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-3px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap;color:var(--ink);align-items:center;gap:7px;padding:4px 11px;font-size:11px;font-weight:690;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.blue{background:#69bfff38}.badge.blue:before{background:var(--blue)}.badge.coral{background:#ff725c33}.badge.coral:before{background:var(--coral)}.badge.green{background:#1f7a3f24}.badge.green:before{background:var(--green)}.badge.amber{background:#b4530924}.badge.amber:before{background:var(--amber)}.badge.gray{background:var(--paper2)}.badge.gray:before{background:var(--text-faint)}.btn{border-radius:var(--radius-full);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);white-space:nowrap;border:1px solid #0000;align-items:center;gap:10px;padding:12px 20px;font-size:13.5px;font-weight:750;line-height:1;display:inline-flex}.btn.primary{background:var(--coral);color:var(--ink)}.btn.primary:hover{background:var(--coral-hover);transform:translateY(-3px)}.btn.secondary{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn.secondary:hover{background:var(--paper2);transform:translateY(-3px)}.btn.ghost{color:var(--text-muted);font-weight:630}.btn.ghost:hover{color:var(--ink)}.btn.small{padding:8px 14px;font-size:12.5px}.btn.approve{color:var(--green);background:0 0;border-color:#1f7a3f73}.btn.approve:hover{background:var(--green-soft);transform:translateY(-2px)}.btn.reject{color:var(--amber);background:0 0;border-color:#b4530973}.btn.reject:hover{background:var(--amber-soft);transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:13px}.small{font-size:13px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.divider{border:none;border-top:1px solid var(--border-soft);margin:16px 0}.pill-tabs{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:0 0;gap:2px;padding:3px;display:inline-flex}.pill-tabs button{border-radius:var(--radius-full);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);padding:6px 15px;font-size:12.5px;font-weight:690}.pill-tabs button.active{background:var(--ink);color:var(--white)}.file-icon{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:750;display:flex}.comment{gap:12px;display:flex}.avatar{background:var(--paper2);width:30px;height:30px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:720;display:flex}.avatar.internal{background:var(--ink);color:var(--white)}.comment-body{flex:1}.comment-meta{color:var(--text-faint);margin-bottom:2px;font-size:12.5px}.comment-meta strong{color:var(--text-muted);font-weight:660}.notice{background:var(--blue-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice.coral{background:var(--coral-soft)}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border-soft);padding:8px 12px;font-size:11px;font-weight:690}.table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:12px}.table tr:last-child td{border-bottom:none}.switch{border-radius:var(--radius-full);background:var(--paper2);border:1px solid var(--line-strong);width:36px;height:20px;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;position:relative}.switch:after{content:"";background:var(--white);border:1px solid var(--line);width:14px;height:14px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.switch.on{background:var(--coral);border-color:var(--coral)}.switch.on:after{border-color:#0000;transform:translate(15px)}.shell{align-items:flex-start;display:flex}.sidebar{border-right:1px solid var(--border-soft);background:0 0;flex-shrink:0;width:232px;height:calc(100vh - 60px);padding:26px 14px;position:sticky;top:60px;overflow-y:auto}.sidebar .nav-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint);align-items:center;gap:12px;margin-bottom:10px;padding:0 12px;font-size:11px;font-weight:780;display:flex}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:560;display:flex}.sidebar nav a:hover{background:var(--paper2);text-decoration:none}.sidebar nav a.active{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:720}.sidebar .nav-icon{text-align:center;width:18px;font-size:13px}.sidebar nav a.active .nav-icon{color:var(--coral)}@media (width<=800px){.shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft);width:100%;height:auto;padding:10px 16px;position:static}.sidebar .nav-label{display:none}.sidebar nav{flex-direction:row;gap:6px}}.modal-overlay{z-index:50;background:#08090b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:460px;padding:26px}.login-wrap{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:clamp(24px,5vw,68px);display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(90px);pointer-events:none;animation:glow-drift 14s var(--ease) infinite alternate;border-radius:50%;position:absolute}.glow-coral{background:#ff725c24;width:480px;height:480px;bottom:-180px;left:-140px}.glow-blue{background:#69bfff1f;width:560px;height:560px;animation-delay:-7s;top:-220px;right:-160px}@keyframes glow-drift{0%{transform:translateY(-24px)}to{transform:translateY(24px)}}.login-strands{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-inner{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,440px);align-items:center;gap:clamp(40px,6vw,96px);width:min(100%,1100px);display:grid;position:relative}.login-logo{height:30px;margin-bottom:clamp(36px,6vh,72px);display:block}.eyebrow-dark{color:#c4c9ce;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;font-weight:780;line-height:1;display:flex}.eyebrow-dark:before{content:"";opacity:.75;background:currentColor;width:28px;height:1px}.login-display{color:var(--white);letter-spacing:-.061em;font-size:clamp(42px,5.4vw,68px);font-weight:520;line-height:1.02}.display-diamond{background:var(--coral);width:.16em;height:.16em;margin-left:.18em;display:inline-block;transform:rotate(45deg)translateY(-.1em)}.login-lead{color:#aeb4ba;max-width:46ch;margin-top:22px;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.hero-list{max-width:380px;margin-top:clamp(28px,4vh,48px);list-style:none}.hero-list li{color:#c4c9ce;border-top:1px solid #ffffff29;align-items:center;gap:12px;padding:12px 0;font-size:13.5px;font-weight:560;display:flex}.hero-list li:before{content:"";background:var(--coral);flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.hero-list li:nth-child(2):before{background:var(--blue)}.hero-list li:nth-child(3):before{background:var(--white)}.login-glass{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:linear-gradient(#1b1f24d1,#111418b8);border:1px solid #ffffff47;flex-direction:column;padding:30px 28px;display:flex;box-shadow:inset 0 1px #ffffff1a}.glass-label{color:var(--white);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:780;display:flex}.glass-label:before{content:"";opacity:.75;background:currentColor;width:28px;height:1px}.glass-copy{color:#aeb4ba;font-size:13.5px;line-height:1.55}.glass-copy.faint-dark{color:#8f969d;font-size:12.5px}.glass-divider{border:none;border-top:1px solid #ffffff29;margin:18px 0 8px}.login-glass input{color:var(--white);background:#ffffff0f;border-color:#ffffff47}.login-glass input:focus{border-color:#ffffffb3}.login-glass input::placeholder{color:#8f969d}.login-glass .btn.ghost{color:#aeb4ba}.login-glass .btn.ghost:hover{color:var(--white)}.login-glass .lang-switch button{color:#8f969d}.login-glass .lang-switch button.active{color:var(--white);background:#ffffff1f}@media (width<=900px){.login-inner{grid-template-columns:1fr;gap:44px;padding:40px 0}.login-logo{margin-bottom:32px}.login-display{font-size:clamp(38px,11vw,56px)}}@media (prefers-reduced-motion:reduce){.login-glow{animation:none}}.mock-email{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px;font-size:13.5px}.mock-email .from{color:var(--text-faint);margin-bottom:10px;font-size:12px}.mock-email .btn-email{background:var(--coral);color:var(--ink);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base);margin-top:12px;padding:11px 20px;font-weight:750;display:inline-block}.mock-email .btn-email:hover{background:var(--coral-hover)}.impersonation-banner{background:var(--coral);color:var(--ink);justify-content:center;align-items:center;gap:18px;padding:7px 14px;font-size:12.5px;font-weight:690;display:flex}.impersonation-banner button{text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #08090b73;font-size:12px;font-weight:780}.impersonation-banner button:hover{border-bottom-color:var(--ink)}.lang-switch button{color:var(--text-faint);border-radius:var(--radius-full);padding:4px 8px;font-size:12.5px;font-weight:690}.lang-switch button.active{color:var(--ink);background:var(--paper2)}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:560;display:inline-flex}.progress-line{border-radius:var(--radius-full);background:var(--paper2);height:4px;overflow:hidden}.progress-line>div{background:var(--coral);height:100%}@media (width<=640px){.topbar{gap:10px;padding:0 16px}.container{padding:24px 16px 60px}.page-head{flex-direction:column}}.site-footer{border-top:1px solid var(--border-soft);max-width:1040px;color:var(--text-faint);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:18px 28px;font-size:13px;display:flex}.site-footer a{color:var(--text-muted);font-weight:560}.login-footer{color:#ffffff73;z-index:2;justify-content:center;align-items:center;gap:22px;padding:18px clamp(24px,5vw,68px);font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-footer a{color:#ffffffa6;font-weight:560}.login-footer a:hover{color:#fff}.legal-page{max-width:720px}.legal-page h1{letter-spacing:-.02em;margin-bottom:6px;font-size:30px}.legal-page h2{margin:34px 0 10px;font-size:18px}.legal-page p,.legal-page li{color:var(--text);margin-bottom:10px;line-height:1.6}.legal-page ul{margin:0 0 14px;padding-left:22px}.legal-page li{margin-bottom:6px}