:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8edf6;background:#10151e;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input{font:inherit}
.shell{max-width:960px;margin:auto;padding:28px 16px 55px}.top,.status,.tabs,.task-head,footer{display:flex;justify-content:space-between;align-items:center;gap:14px}
.top{margin-bottom:23px}.top h1{font-size:34px;letter-spacing:-.06em;margin:3px 0 0}.eyebrow{color:#90a1b9;font-size:11px;letter-spacing:.15em;font-weight:700}
.badge{font-size:12px;background:#202d38;color:#a7d8c0;border-radius:99px;padding:8px 12px;white-space:nowrap}
.panel,.card,.metric{background:#1a2230;border:1px solid #2b3747;border-radius:16px;padding:18px}
.panel h2{font-size:22px;letter-spacing:-.035em;margin:8px 0 4px}.panel p{color:#aebbd0;line-height:1.45;margin:6px 0 16px}
.status{margin-bottom:12px}button{cursor:pointer;border:0;border-radius:10px;background:#a8d6c0;color:#112322;padding:11px 15px;font-weight:650}button:disabled{opacity:.55;cursor:default}
.controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
button.quiet{background:#293548;color:#d4deee}button:focus-visible,input:focus-visible{outline:2px solid #9dd9c3;outline-offset:3px}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:14px}.metric b{display:block;font-size:25px;margin-bottom:1px}.metric span{color:#aebbd0;font-size:12px}
.tabs{justify-content:flex-start;border-bottom:1px solid #2b3747;margin:21px 0 15px}.tabs button{border-radius:0;background:transparent;color:#aebbd0;padding:10px 3px;margin-right:22px}
.tabs button.selected{color:#e9fff4;border-bottom:2px solid #a8d6c0}.card{width:100%;text-align:left;color:inherit;display:block;margin:9px 0;background:#1a2230}
.card:hover{border-color:#7eaf9c}.card small,.subtle{color:#aebbd0}.card strong{display:block;margin:7px 0;line-height:1.3;font-size:16px}
.card .row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.pill{font-size:11px;border-radius:5px;padding:4px 7px;background:#34445a;color:#d7e6fc}
.pill.attention{background:#6f4a32;color:#ffe5bb}.pill.done{background:#2b5848;color:#bcebcf}
#detail h2{letter-spacing:-.035em;line-height:1.25;margin:9px 0 5px}#detail h3{font-size:13px;color:#aebbd0;margin:25px 0 8px;text-transform:uppercase;letter-spacing:.07em}
#detail p,#detail li{overflow-wrap:anywhere;line-height:1.5}#detail ul{padding-left:20px}#detail .panel{margin:10px 0}
form{display:grid;gap:13px;margin-top:18px}label{display:grid;gap:6px;color:#aebbd0;font-size:13px}input{border:1px solid #45546a;border-radius:10px;background:#111925;color:#f3f7fd;padding:12px;width:100%}
.error{color:#ffb4ad!important}footer{font-size:12px;color:#8797ab;margin-top:30px}code{background:#111925;padding:2px 5px;border-radius:4px}
@media(min-width:700px){.shell{padding:50px 30px}.metrics{grid-template-columns:repeat(4,1fr)}.panel,.card{padding:22px}}
@media(max-width:440px){.status{align-items:flex-start;flex-direction:column}.controls{justify-content:flex-start}}