:root{--ic-navy:#0a1628;--ic-navy-2:#12243f;--ic-navy-3:#1a3354;--ic-gold:#d4a017;--ic-gold-2:#e4b84a;--ic-ink:#142033;--ic-ink-2:#3d4f66;--ic-ink-3:#6b7c90;--ic-surface:#fff;--ic-surface-muted:#eef2f7;--ic-surface-panel:#f7f9fc;--ic-border:#d5dee8;--ic-border-strong:#b8c5d4;--ic-danger:#b42318;--ic-success:#0f7a4d;--ic-warn:#9a6700;--ic-radius:10px;--ic-radius-sm:6px;--ic-sidebar:260px;--ic-topbar:64px;--ic-font:"Plus Jakarta Sans", "Segoe UI", sans-serif;--ic-display:"Fraunces", "Times New Roman", serif;--ic-mono:"JetBrains Mono", ui-monospace, monospace;--ic-shadow:0 1px 2px #0a16280f, 0 8px 24px #0a16280f}*{box-sizing:border-box}html,body,#root{min-height:100%;font-family:var(--ic-font);color:var(--ic-ink);background:var(--ic-surface-muted);margin:0}body{-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.landing{color:#e8eef5;background:#0a1628;flex-direction:column;min-height:100svh;display:flex}.landing-nav{z-index:5;justify-content:space-between;align-items:center;padding:1rem 1.5rem;animation:.5s ease-out rise;display:flex;position:absolute;inset:0 0 auto}.landing-nav-brand{font-family:var(--ic-display);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:600;display:flex}.landing-nav-brand img{border-radius:9px}.landing-nav-login{color:#e8eef5;background:0 0;border:1px solid #e8eef547;padding:.5rem 1rem}.landing-nav-login:hover{color:#fff;background:#ffffff14}.landing-hero{background:radial-gradient(70% 55% at 15% 20%,#d4a01729,#0000 60%),linear-gradient(120deg,#07101c 0%,#0a1628 45%,#12243f 100%);grid-template-columns:1fr;min-height:100svh;display:grid;position:relative;overflow:hidden}.landing-hero-copy{z-index:2;flex-direction:column;justify-content:center;gap:1rem;max-width:38rem;padding:6.5rem 1.5rem 3rem;animation:.55s ease-out 50ms both rise;display:flex;position:relative}.landing-brand{font-family:var(--ic-display);letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;line-height:.95}.landing-brand:after{content:"";background:var(--ic-gold);width:3.25rem;height:3px;margin-top:.85rem;display:block}.landing-hero-copy h1{font-family:var(--ic-font);letter-spacing:-.02em;color:#e8eef5eb;max-width:22ch;margin:0;font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:550;line-height:1.25}.landing-lead{color:#e8eef5ad;max-width:36ch;margin:0;font-size:1.02rem;line-height:1.5}.landing-cta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.landing-link{color:var(--ic-gold-2);font-size:.95rem;font-weight:550;text-decoration:none}.landing-link:hover{text-decoration:underline}.landing-hero-visual{z-index:1;pointer-events:none;position:absolute;inset:0}.landing-route-art{object-fit:cover;opacity:.55;width:100%;height:100%;animation:.9s ease-out .15s both fadein}@media (width>=960px){.landing-hero{grid-template-columns:minmax(320px,1.05fr) minmax(340px,1fr)}.landing-hero-copy{padding:7rem 2rem 4rem 4vw}.landing-hero-visual{opacity:1;position:relative}.landing-route-art{opacity:1;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}}.landing-section{color:var(--ic-ink);background:linear-gradient(#f3f6fa 0%,#e8eef5 100%);justify-items:start;gap:1rem;width:100%;max-width:720px;margin:0 auto;padding:4rem 1.5rem;animation:.45s ease-out rise;display:grid}.landing-section h2{font-family:var(--ic-display);color:var(--ic-navy);letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}.landing-section>p{color:var(--ic-ink-2);margin:0;font-size:1.02rem;line-height:1.55}.landing-points{gap:.55rem;width:100%;margin:.25rem 0 .5rem;padding:0;list-style:none;display:grid}.landing-points li{border-bottom:1px solid var(--ic-border);color:var(--ic-navy);padding:.75rem 0;font-weight:550}.landing-foot{color:#e8eef58c;background:#07101c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;font-size:.85rem;display:flex}.landing-foot-login{color:var(--ic-gold-2);text-underline-offset:3px;background:0 0;border:0;padding:.35rem 0;text-decoration:underline}.landing-foot-login:hover{color:#fff;background:0 0}.login-page{background:radial-gradient(80% 60% at 10% 0,#d4a0172e,#0000 55%),radial-gradient(70% 50% at 90% 100%,#1a335459,#0000 50%),linear-gradient(145deg,#0a1628 0%,#12243f 48%,#1a3354 100%);place-items:center;min-height:100svh;padding:1.5rem;display:grid}.login-card{background:var(--ic-surface);border-radius:16px;gap:1rem;width:min(420px,100%);padding:2rem 1.75rem;animation:.45s ease-out rise;display:grid;box-shadow:0 24px 48px #00000047}.login-brand{gap:.35rem;margin-bottom:.25rem;display:grid}.login-mark,.login-mark-img{border-radius:12px;width:48px;height:48px}.login-mark{background:var(--ic-navy);color:var(--ic-gold);font-family:var(--ic-display);letter-spacing:-.02em;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.login-brand h1{font-family:var(--ic-display);color:var(--ic-navy);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.login-brand p{color:var(--ic-ink-3);margin:0;font-size:.92rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.shell{grid-template-columns:var(--ic-sidebar) 1fr;background:linear-gradient(180deg, #e8eef5 0%, var(--ic-surface-muted) 40%), var(--ic-surface-muted);min-height:100svh;display:grid}.sidebar{background:linear-gradient(180deg, var(--ic-navy) 0%, #0d1c30 55%, #112640 100%);color:#e8eef5;z-index:20;border-right:1px solid #d4a0172e;flex-direction:column;height:100svh;padding:1.1rem .85rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.35rem .65rem 1.1rem;display:flex}.sidebar-brand .mark{width:40px;height:40px;color:var(--ic-gold);font-family:var(--ic-display);background:#d4a01726;border:1px solid #d4a01759;border-radius:10px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.sidebar-brand strong{font-family:var(--ic-display);letter-spacing:-.02em;font-size:1.2rem;font-weight:600;display:block}.sidebar-brand span{color:#e8eef58c;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;display:block}.nav-group{flex:1;gap:.2rem;padding-inline:.15rem;display:grid;overflow-y:auto}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:#e8eef566;margin:.85rem .65rem .35rem;font-size:.68rem;font-weight:600}.nav-item{text-align:left;color:#e8eef5c7;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.65rem .75rem;transition:background .15s,color .15s,transform .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--ic-gold);background:linear-gradient(90deg,#d4a01738,#d4a01714)}.nav-item .nav-ico{text-align:center;opacity:.85;width:1.35rem;font-size:.95rem}.sidebar-foot{border-top:1px solid #ffffff14;gap:.5rem;margin-top:auto;padding:.85rem .65rem .25rem;display:grid}.sidebar-foot .env-pill{color:var(--ic-gold-2);letter-spacing:.04em;font-size:.72rem}.shell-main{flex-direction:column;min-width:0;min-height:100svh;display:flex}.topbar{z-index:10;height:var(--ic-topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ic-border);background:#f7f9fce0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar h1{color:var(--ic-navy);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:650}.topbar .subtitle{color:var(--ic-ink-3);margin:.1rem 0 0;font-size:.8rem}.topbar-actions{align-items:center;gap:.75rem;display:flex}.user-chip{color:var(--ic-ink-2);background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:999px;padding:.35rem .65rem;font-size:.82rem;display:none}@media (width>=900px){.user-chip{display:inline-flex}}.content{padding:1.25rem 1.5rem 2.5rem;animation:.28s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.panel-head h2{color:var(--ic-navy);letter-spacing:-.02em;margin:0;font-size:1.35rem}.panel-head p{color:var(--ic-ink-3);margin:.25rem 0 0;font-size:.9rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.kpi{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:var(--ic-radius);box-shadow:var(--ic-shadow);cursor:pointer;text-align:left;padding:1rem 1.1rem;transition:border-color .15s,transform .15s}.kpi:hover{border-color:var(--ic-gold);transform:translateY(-2px)}.kpi .label{text-transform:uppercase;letter-spacing:.06em;color:var(--ic-ink-3);font-size:.75rem}.kpi .value{font-family:var(--ic-display);color:var(--ic-navy);margin-top:.35rem;font-size:1.85rem;font-weight:600;line-height:1}.kpi .hint{color:var(--ic-ink-2);margin-top:.45rem;font-size:.78rem}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.quick-card{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:var(--ic-radius);box-shadow:var(--ic-shadow);gap:.5rem;padding:1.1rem;display:grid}.quick-card h3{color:var(--ic-navy);margin:0;font-size:1rem}.quick-card p{color:var(--ic-ink-3);margin:0;font-size:.88rem}.card{background:var(--ic-surface);border:1px solid var(--ic-border);border-radius:var(--ic-radius);box-shadow:var(--ic-shadow);gap:.75rem;padding:1.1rem 1.15rem;display:grid}.card+.card,.stack>.card{margin-top:0}.stack{gap:1rem;display:grid}.stack-lg{gap:1.25rem;display:grid}.two-col{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=1100px){.two-col{grid-template-columns:1fr 1.15fr;align-items:start}}.row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.row.between{justify-content:space-between}label{color:var(--ic-ink-2);gap:.3rem;font-size:.85rem;font-weight:500;display:grid}input,textarea,select{border:1px solid var(--ic-border-strong);border-radius:var(--ic-radius-sm);background:var(--ic-surface-panel);color:var(--ic-ink);padding:.55rem .7rem}input:focus,textarea:focus,select:focus{border-color:var(--ic-gold);background:#fff;outline:2px solid #d4a01759}textarea{resize:vertical;min-height:88px}button{background:var(--ic-navy);color:#fff;border-radius:var(--ic-radius-sm);cursor:pointer;border:0;padding:.55rem .95rem;font-weight:550;transition:background .15s,transform .1s}button:hover{background:var(--ic-navy-3)}button:active{transform:translateY(1px)}button.secondary{color:var(--ic-navy);border:1px solid var(--ic-border-strong);background:0 0}button.secondary:hover{background:#e8eef5}button.ghost{color:#e8eef5d9;background:0 0;border:1px solid #ffffff26}button.ghost:hover{color:#fff;background:#ffffff14}button.danger{background:var(--ic-danger)}button.gold{background:var(--ic-gold);color:var(--ic-navy)}button.gold:hover{background:var(--ic-gold-2)}.muted{color:var(--ic-ink-3);font-size:.88rem}.error{color:var(--ic-danger);margin:0;font-size:.9rem}.banner-error{border-radius:var(--ic-radius-sm);color:var(--ic-danger);background:#fef3f2;border:1px solid #fecdca;margin:0 0 1rem;padding:.75rem 1rem}.list-plain{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.list-plain>li{background:var(--ic-surface-panel);border:1px solid var(--ic-border);border-radius:var(--ic-radius-sm);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.9rem;display:flex}.list-plain button{padding:.35rem .6rem;font-size:.8rem}.pending-btn{text-align:left;background:var(--ic-surface);width:100%;color:var(--ic-ink);border:1px solid var(--ic-border);justify-content:space-between;gap:.75rem;display:flex}.pending-btn:hover{border-color:var(--ic-gold);background:#fffdf6}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--ic-navy);background:#e8eef5;border-radius:4px;align-items:center;padding:.2rem .45rem;font-size:.72rem;font-weight:650;display:inline-flex}.badge.warn{color:var(--ic-warn);background:#fff4ce}.badge.ok{color:var(--ic-success);background:#dcf5e8}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--ic-border);text-align:left;padding:.5rem .4rem}th{color:var(--ic-ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.menu-toggle{background:var(--ic-surface);color:var(--ic-navy);border:1px solid var(--ic-border);display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{width:min(280px,86vw);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:8px 0 32px #00000040}.sidebar.open{transform:none}.menu-toggle{display:inline-flex}.backdrop{z-index:15;background:#0a162873;position:fixed;inset:0}.content{padding:1rem}}h3,h4,h5{color:var(--ic-navy);margin:0}h3{font-size:1.05rem}h4{font-size:.95rem}h5{color:var(--ic-ink-2);font-size:.88rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}