:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #0a1020; color: #e7edf9; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 0%, #172951, transparent 38%), #0a1020; }
.shell { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 56px 0; }
.hero { margin-bottom: 28px; }
.eyebrow { color: #72d5b2; font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 8px 0 12px; font-size: clamp(2rem, 6vw, 3rem); }
.hero p:not(.eyebrow) { color: #aebbd4; line-height: 1.6; max-width: 650px; }
.card, .note, .result { background: rgba(18, 30, 58, .9); border: 1px solid #2a3d67; border-radius: 16px; padding: 24px; box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.card { display: grid; gap: 18px; }
label { display: grid; gap: 8px; font-weight: 600; color: #d9e4fa; }
input, textarea { width: 100%; color: #f5f8ff; background: #0d172d; border: 1px solid #3b4d75; border-radius: 8px; padding: 12px; font: inherit; resize: vertical; }
input:focus, textarea:focus { outline: 2px solid #70d3b1; border-color: transparent; }
.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
button { justify-self: start; border: 0; border-radius: 8px; background: #72d5b2; color: #07130f; cursor: pointer; font: inherit; font-weight: 800; padding: 12px 18px; }
button:disabled { cursor: wait; opacity: .7; }
.status { min-height: 1.4em; margin: 0; color: #b5c1d8; }
.status.success { color: #72d5b2; }.status.error { color: #ff9c9c; }
.note { margin-top: 20px; color: #b5c1d8; line-height: 1.5; }.note strong { color: #e7edf9; }
.result { margin-top: 20px; }.result h2 { margin: 4px 0 10px; }.result h3 { font-size: 1rem; margin: 22px 0 8px; }.result p { color: #d9e4fa; line-height: 1.55; }.result li { color: #b5c1d8; margin: 6px 0; }.result-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 18px; }.result-grid article { display: grid; gap: 5px; padding: 14px; background: #0d172d; border-radius: 8px; }.result-grid span { color: #9facca; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }.result-grid strong { color: #eef4ff; text-transform: capitalize; }.publication { margin-top: 22px !important; padding: 12px; border-left: 3px solid #72d5b2; background: #10243b; border-radius: 4px; }
@media (max-width: 620px) { .grid { grid-template-columns: 1fr; }.shell { padding-top: 32px; } }

.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{padding:28px 16px;background:#101a2d;border-right:1px solid #2a3d67}.brand{display:flex;gap:10px;color:#f4f7ff;text-decoration:none;font-size:1.15rem;font-weight:800;margin:0 10px 32px}.brand small{color:#91a1bd;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.nav-link{border:0;border-radius:8px;background:transparent;color:#b5c2d8;text-align:left;padding:12px;font:inherit;cursor:pointer}.nav-link:hover,.nav-link.active{background:#1c3152;color:#fff}.side-note{color:#8493ae;font-size:.8rem;line-height:1.45;margin:30px 10px}.content{width:min(1120px,100%);margin:auto;padding:52px clamp(24px,5vw,70px)}.page{display:none}.page.active{display:block}.lead{color:#aebbd4;line-height:1.65;max-width:750px}.actions{display:flex;gap:12px;margin:28px 0}.primary,.secondary{border:0;border-radius:8px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.primary{background:#72d5b2;color:#07130f}.secondary{background:#223656;color:#e7edf9;border:1px solid #3b5177}.info-grid,.two-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-grid article,.metric-grid article{background:#121e34;border:1px solid #2a3d67;border-radius:12px;padding:18px}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.report-form{display:grid;gap:20px}fieldset{border:0;margin:0;padding:0;display:grid;gap:14px}legend{font-weight:800;margin-bottom:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload{padding:14px;border:1px dashed #52729b;border-radius:8px}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachment{display:flex;align-items:center;gap:8px;padding:7px;background:#0d172d;border-radius:7px;font-size:.8rem}.attachment img{width:42px;height:42px;object-fit:cover;border-radius:4px}.privacy{font-size:.82rem;color:#98a8c1}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.metric-grid span{display:block;color:#99a9c4;font-size:.75rem;text-transform:uppercase}.two-columns{grid-template-columns:1fr 1fr}.action-center{margin-top:28px}.action-list{display:grid;gap:10px}.action{padding:14px;background:#0d172d;border-left:3px solid #72d5b2;border-radius:5px}.action b{display:block;margin-bottom:5px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{padding:12px;position:sticky;top:0;z-index:2;display:flex;gap:10px;align-items:center}.brand{margin:0}.sidebar nav{display:flex;overflow:auto}.nav-link{white-space:nowrap}.side-note{display:none}.content{padding:32px 20px}.info-grid,.two-columns,.two{grid-template-columns:1fr}}