:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:#eaf2ff;background:radial-gradient(circle at 20% 10%,#17345e 0,transparent 35%),#07101f}.shell{width:min(1000px,calc(100% - 40px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{color:#fff;text-decoration:none;font-weight:750}.nav{display:flex;gap:18px;align-items:center}.nav a{color:#a9c7ed;text-decoration:none}.session-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#163d2d;color:#9ce2bc;font-size:.82rem;font-weight:700}.card{margin:8vh auto;padding:clamp(28px,6vw,56px);border:1px solid #28466f;border-radius:24px;background:#0c192be8;box-shadow:0 24px 80px #0008}.narrow{max-width:650px;text-align:center}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:.3em 0}p{color:#aebdd2;line-height:1.65}.button,button{display:inline-block;border:0;border-radius:12px;padding:12px 18px;background:#4f8cff;color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.button.secondary{background:#203854}.form-row{display:flex;gap:12px;margin:24px 0}.form-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #385577;border-radius:10px;background:#091525;color:#fff;font:inherit}.list{padding:0;list-style:none}.list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #203854}.danger{background:#7d3140}.notice{padding:12px 14px;border-radius:10px;background:#183d2d;color:#aaf0c8}.error{background:#49212b;color:#ffb8c4}@media(max-width:600px){.topbar,.form-row{align-items:stretch;flex-direction:column}.nav{flex-wrap:wrap}}
.hero{padding:50px 0 26px}.hero.compact{padding:26px 0 10px}.hero h1{margin:.15em 0}.eyebrow{margin:0;color:#72aaff;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{border:1px solid #27466c;background:#0b1829e8;border-radius:18px}.metric{padding:22px}.metric strong{display:block;font-size:2rem}.metric span,.muted{color:#8fa5c1}.panel{padding:22px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2,.panel h2{margin:.15em 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #203650;vertical-align:top}th{color:#8fa5c1;font-size:.78rem;text-transform:uppercase}td small{display:block;color:#7890ae;margin-top:5px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#17375e;color:#b9d8ff;font-size:.78rem}.pill.ok{background:#163d2d;color:#9ce2bc}.table-wrap{overflow:auto}.empty{padding:28px;text-align:center;color:#8398b4;border:1px dashed #294564;border-radius:14px}.timeline article{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:14px 0;border-top:1px solid #203650}.timeline time,.result-meta{color:#8299b5;font-size:.84rem}.timeline p{margin:.3em 0}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end}.filters label{display:grid;gap:7px;color:#9eb0c7;font-size:.82rem}.filters input,.filters select,.save-row input{width:100%;padding:11px;border:1px solid #385577;border-radius:10px;background:#091525;color:#fff}.save-row{display:flex;gap:10px;margin-top:14px}.content-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:18px}.result{padding:18px 0;border-top:1px solid #203650}.result-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pager{display:flex;justify-content:space-between;margin-top:20px}.saved{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-top:1px solid #203650}.saved a,a{color:#80b4ff}.link{padding:0;background:none}.danger-text{color:#ff9eae}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}@media(max-width:600px){.metrics{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr}.save-row,.section-head{align-items:stretch;flex-direction:column}}
