*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ev-charcoal: #303E48;--ev-charcoal-80: #596571;--ev-charcoal-60: #838B93;--ev-charcoal-40: #ACB2B8;--ev-charcoal-20: #D6D8DB;--ev-charcoal-10: #EAECEE;--ev-cyan: #00CCFF;--ev-cyan-80: #33D6FF;--ev-cyan-40: #99EBFF;--ev-cyan-20: #CCF5FF;--ev-cyan-10: #E5FAFF;--ev-cool-grey: #7B868C;--ev-cool-grey-20: #E5E7E8;--ev-cool-grey-10: #F2F3F4;--ev-white: #FFFFFF;--color-primary: var(--ev-charcoal);--color-accent: var(--ev-cyan);--color-bg: var(--ev-cool-grey-10);--color-surface: var(--ev-white);--color-text: var(--ev-charcoal);--color-text-muted: var(--ev-charcoal-80);--color-border: var(--ev-charcoal-20);--color-border-soft: var(--ev-cool-grey-20);--status-ok: #157A44;--status-ok-bg: #E4F3EA;--status-warn: #8A5800;--status-warn-bg: #FCF0D8;--status-danger: #B3261E;--status-danger-bg: #FAE9E7;--status-neutral: #596571;--status-neutral-bg: #EAECEE;--font-body: "Funnel Sans", Arial, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgba(48, 62, 72, .08), 0 1px 2px rgba(48, 62, 72, .04);--shadow-lift: 0 6px 20px rgba(48, 62, 72, .14), 0 2px 6px rgba(48, 62, 72, .08);--maxw: 1200px}html,body{width:100%;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-body);line-height:1.2;letter-spacing:-.015em}h1{font-size:2rem;font-weight:800}h2{font-size:1.4rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}p{max-width:72ch}.mono{font-family:var(--font-mono);font-size:.92em;font-variant-numeric:tabular-nums}.muted{color:var(--color-text-muted)}.small{font-size:.875rem}a{color:var(--ev-charcoal);text-decoration-color:var(--ev-cyan);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:#000}:focus-visible{outline:3px solid var(--ev-cyan);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:10px 18px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ev-charcoal);color:var(--ev-white)}.btn-primary:hover{background:#24303a;box-shadow:var(--shadow-card);color:var(--ev-white)}.btn-accent{background:var(--ev-cyan);color:var(--ev-charcoal);font-weight:700}.btn-accent:hover{background:var(--ev-cyan-80);color:var(--ev-charcoal)}.btn-outline{background:transparent;color:var(--ev-charcoal);border-color:var(--ev-charcoal-40)}.btn-outline:hover{border-color:var(--ev-charcoal);background:var(--ev-charcoal-10)}.btn-danger{background:var(--status-danger);color:#fff}.btn-danger:hover{background:#9a1f18;color:#fff}.btn-ok{background:var(--status-ok);color:#fff}.btn-ok:hover{background:#106538;color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:6px 12px;font-size:.85rem}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:22px}.card-hover{transition:transform .15s ease,box-shadow .15s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.page{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:32px 24px 64px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head p{margin-top:6px}.grid{display:grid;gap:18px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th{text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--ev-cool-grey-10);padding:12px 16px;border-bottom:1px solid var(--color-border-soft);white-space:nowrap}table.data td{padding:13px 16px;border-bottom:1px solid var(--ev-cool-grey-20);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s ease}table.data tbody tr:hover{background:var(--ev-cyan-10)}tr.sev-warn td:first-child{box-shadow:inset 3px 0 0 var(--status-warn)}tr.sev-danger td:first-child{box-shadow:inset 3px 0 0 var(--status-danger)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok)}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-neutral{background:var(--status-neutral-bg);color:var(--status-neutral)}.badge-accent{background:var(--ev-cyan-20);color:var(--ev-charcoal)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.78rem;font-weight:500;padding:3px 10px;border-radius:6px;white-space:nowrap}.pill-ok{background:var(--status-ok-bg);color:var(--status-ok)}.pill-warn{background:var(--status-warn-bg);color:var(--status-warn)}.pill-danger{background:var(--status-danger-bg);color:var(--status-danger)}.pill-neutral{background:var(--status-neutral-bg);color:var(--status-neutral)}label.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600}label.field span.hint{font-weight:400;color:var(--color-text-muted);font-size:.8rem}input[type=text],input[type=date],input[type=number],input[type=email],input[type=file],select,textarea{font-family:var(--font-body);font-size:.95rem;color:var(--color-text);padding:10px 12px;border:1.5px solid var(--ev-charcoal-40);border-radius:var(--radius-sm);background:var(--ev-white);width:100%;transition:border-color .15s ease}input:hover,select:hover,textarea:hover{border-color:var(--ev-charcoal-80)}input:focus,select:focus,textarea:focus{border-color:var(--ev-charcoal);outline:3px solid var(--ev-cyan);outline-offset:1px}.field-error{color:var(--status-danger);font-size:.82rem;font-weight:500}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--status-danger)}.site-header{background:var(--ev-charcoal);color:var(--ev-white);position:sticky;top:0;z-index:40;box-shadow:0 2px 8px #303e4840}.site-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px;min-height:62px;flex-wrap:wrap}.wordmark{display:flex;align-items:baseline;gap:2px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:var(--ev-white);text-decoration:none}.wordmark .accent{color:var(--ev-cyan)}.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a{color:var(--ev-charcoal-20);text-decoration:none;font-size:.92rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--ev-white);background:#ffffff14}.site-nav a.active{color:var(--ev-cyan);font-weight:600}.role-switch{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--ev-charcoal-40)}.role-switch select{width:auto;padding:5px 8px;font-size:.82rem;background:var(--ev-charcoal);color:var(--ev-white);border-color:var(--ev-charcoal-80)}.site-footer{background:var(--ev-charcoal);color:var(--ev-charcoal-40);margin-top:auto}.site-footer-inner{max-width:var(--maxw);margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;font-size:.85rem}.site-footer a{color:var(--ev-cyan-40)}.timeline{list-style:none;position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--ev-charcoal-20)}.timeline li{position:relative;padding:0 0 20px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-26px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--ev-white);border:3px solid var(--ev-charcoal-60)}.timeline li.tl-ok:before{border-color:var(--status-ok)}.timeline li.tl-warn:before{border-color:var(--status-warn)}.timeline li.tl-danger:before{border-color:var(--status-danger)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#303e4873;z-index:50;animation:fadeIn .2s ease both}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);z-index:51;background:var(--ev-white);box-shadow:-12px 0 40px #303e4840;padding:28px;overflow-y:auto;animation:slideIn .25s cubic-bezier(.22,1,.36,1) both}.drawer h2{margin-bottom:4px}.hero{background:linear-gradient(rgba(0,204,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,204,255,.05) 1px,transparent 1px),linear-gradient(160deg,#24303a 0%,var(--ev-charcoal) 55%,#3a4a56 100%);background-size:44px 44px,44px 44px,cover;color:var(--ev-white)}.hero-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px 72px}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;max-width:21ch}.hero h1 .accent{color:var(--ev-cyan)}.hero p.lede{font-size:1.15rem;color:var(--ev-charcoal-20);max-width:58ch;margin-top:18px;font-weight:300}.hero .kicker{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ev-cyan);margin-bottom:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.animate-in{animation:fadeInUp .5s ease-out both}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.13s}.animate-in:nth-child(3){animation-delay:.21s}.animate-in:nth-child(4){animation-delay:.29s}.animate-in:nth-child(5){animation-delay:.37s}.animate-in:nth-child(6){animation-delay:.45s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.empty{text-align:center;padding:48px 24px;color:var(--color-text-muted);border:1.5px dashed var(--ev-charcoal-40);border-radius:var(--radius-md);background:var(--ev-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.page{padding:20px 14px 48px}.site-header-inner{padding:8px 14px}h1{font-size:1.5rem}}