:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0d1420;color:#edf4fb}
*{box-sizing:border-box}
body{margin:0} [hidden]{display:none!important} button,input,textarea{font:inherit}
button{cursor:pointer} h1,h2,h3,p{margin-top:0} h1{font-size:clamp(29px,3vw,45px);line-height:1.17;letter-spacing:-1.4px} h2{font-size:21px} h3{font-size:16px}
em{color:#79dfbd;font-style:normal}.muted{color:#94a4b6}.eyebrow{color:#65ddba;font-size:11px;font-weight:800;letter-spacing:2px}.soft{color:#5c6b83}
.btn{border:0;border-radius:11px;padding:12px 17px;font-size:13px;font-weight:750;transition:opacity .2s,background .2s}
.btn:hover{opacity:.84}.primary{background:#74e2bc;color:#102b2a}.secondary{background:#1a2a3c;color:#edf4fb;border:1px solid #2e4053}.ghost{background:transparent;color:#b8c9d8}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#18434155,transparent 40%),#0d1420}
.login-card{width:min(470px,100%);padding:37px;background:#131f2e;border:1px solid #263a48;border-radius:23px;box-shadow:0 35px 70px #0006}
.brand-big{font-size:42px;font-weight:900;letter-spacing:-3px}.brand-big span,.brand span{color:#73e0ba}.login-card h1{font-size:36px}.login-card small{display:block;margin-top:25px;color:#75889b}
.stack{display:flex;flex-direction:column;gap:17px}.stack label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c8d5e0}
input:not([type=checkbox]),textarea{width:100%;background:#0c1725;border:1px solid #304557;border-radius:10px;color:#f4fbff;padding:12px 13px;outline:none}
input:focus,textarea:focus{border-color:#65dcb7} textarea{resize:vertical}.alert{background:#652e34;color:#ffe7e7;padding:11px;border-radius:10px}
.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#0f1b2b;border-right:1px solid #233548;position:sticky;top:0;height:100vh;padding:25px 14px;display:flex;flex-direction:column;flex-shrink:0}
.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:900;margin:8px 10px 51px}.brand strong{font-size:15px;letter-spacing:-.4px}.side-caption{margin:0 12px 18px;color:#688198;font-size:10px;letter-spacing:2px;font-weight:900}
.nav{padding:14px;border:0;text-align:left;color:#9eb1c7;background:none;border-radius:11px}.nav:hover,.nav.active{background:#1d3445;color:#85e6c4}
.side-bottom{margin-top:auto;border-top:1px solid #28394b;padding:22px 8px;display:grid;gap:13px}.online{font-size:12px;color:#86e2bb}.online::first-letter{color:#71e0aa}
.workarea{flex:1;min-width:0}.workarea header{height:70px;border-bottom:1px solid #27384b;display:flex;justify-content:space-between;align-items:center;padding:0 38px;color:#8ca1b4;font-size:12px;letter-spacing:1px}
.workarea header strong{color:#f6fcff}main{max-width:1300px;margin:auto;padding:47px 38px}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.heading p.muted{max-width:590px;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin:30px 0 45px}.stat,.panel,.task{border:1px solid #283b4d;border-radius:15px;background:#142131}
.stat{padding:23px}.stat .symbol{font-size:24px;color:#69dcb6}.stat .number{font-size:35px;font-weight:850;margin:12px 0 6px}.stat .label{font-size:12px;color:#9bb0c4}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title h2{margin:0 0 18px}
.panel{padding:22px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.feature-grid .panel p{font-size:13px;color:#9db3c3}
.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid #26374a;font-size:13px}th{font-size:11px;letter-spacing:.7px;color:#8fa5b9}td button{margin-right:6px}
.tag{display:inline-block;padding:5px 9px;border:1px solid #35576b;color:#9fe0ee;border-radius:99px;font-size:11px}.tag.completed{color:#91e3b9;border-color:#345c4c}.tag.failed{color:#f3a7a7;border-color:#6b3c41}.tag.running{color:#f1d69b;border-color:#705f3c}
.task-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.task{padding:24px}.task h3{margin:0 0 10px}.task p{color:#a4b7c8;font-size:13px;word-break:break-word}.task .buttons{margin-top:20px}
.buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.note{padding:13px;color:#c0d0df;background:#1c2d40;border-radius:9px;font-size:12px}
.overlay{position:fixed;inset:0;background:#050c17d9;display:grid;place-items:center;padding:15px;z-index:10}.dialog{width:min(650px,100%);max-height:92vh;overflow-y:auto;padding:28px;background:#142333;border:1px solid #3b5268;border-radius:20px;box-shadow:0 30px 80px #0008}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{display:flex!important;flex-direction:row!important;align-items:center}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1724;border-radius:8px;padding:16px;font-size:12px}.logline{border-bottom:1px solid #2f4556;padding:10px 0;color:#b8cedc;font-size:12px}.logline time{display:block;color:#7299b1}
.toast{position:fixed;bottom:18px;right:18px;padding:14px 18px;background:#1d4150;border:1px solid #5b9c9c;color:#fff;max-width:360px;border-radius:11px;z-index:20}
footer{color:#61788e;font-size:12px;padding-top:40px}
@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.sidebar{width:190px}.workarea header{padding:0 20px}main{padding:30px 20px}}
@media(max-width:650px){.sidebar{position:static;width:69px;padding:20px 6px}.brand{font-size:14px;margin:0 0 35px}.brand strong,.side-caption,.side-bottom,.nav{font-size:0}.nav{padding:14px 7px;font-size:13px}.heading{align-items:stretch;flex-direction:column}.stats,.task-grid,.twocol{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}main{padding:23px 14px}.workarea header{padding:0 14px}.login-card{padding:25px}}