:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7eaf2;background:#0e1320}*{box-sizing:border-box}body{margin:0}header{background:#171e30;border-bottom:1px solid #283148;display:flex;align-items:center;justify-content:space-between;padding:13px max(24px,calc((100vw - 1200px)/2));gap:16px;flex-wrap:wrap}.brand{font-size:20px;color:#81b6ff;white-space:nowrap}.brand small{font-size:12px;color:#8b9cba}nav{display:flex;gap:5px;flex-wrap:wrap}button,.upload{background:#477fff;border:0;border-radius:8px;color:white;padding:11px 16px;cursor:pointer;font:inherit;font-weight:600}button:hover,.upload:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:not-allowed}.secondary,nav button,#logout{background:#293650}main{max-width:1200px;margin:30px auto;padding:0 20px}h1{font-size:29px}h2{font-size:19px}p{line-height:1.5}.muted{color:#9eabc3}.card{padding:24px;background:#192235;border:1px solid #2b3953;border-radius:15px;margin:20px 0}.flex{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.flex>*{flex:1;min-width:145px}label{display:flex;flex-direction:column;gap:7px;color:#b9c6de;font-size:14px}input,select{background:#111a2c;border:1px solid #374662;border-radius:7px;padding:11px;color:white;width:100%;font:inherit}input[type=file]{max-width:370px}input[type=range]{padding:0;accent-color:#71a8ff}video{display:block;width:100%;max-height:560px;background:black;border-radius:9px;margin:18px 0}.timeline{margin:16px 0;padding:10px 0;background:#10192a;border-radius:9px}.timeline input{display:block;width:100%;margin:8px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid .card{margin:0}.grid video{max-height:200px}.login{max-width:460px;margin:12vh auto}.login input{margin-bottom:12px}#message:not(:empty){background:#223c59;border-left:4px solid #79aeff;padding:15px;border-radius:6px;margin-bottom:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080e19;color:#a6edc1;padding:14px;border-radius:8px;max-height:280px;overflow:auto;font-size:12px}.job{border-bottom:1px solid #35425b;padding:17px 0}.job:last-child{border:0}.jobhead{display:flex;justify-content:space-between;gap:20px}progress{width:100%;height:14px;accent-color:#6fa2ff}a{color:#85b7ff}#history .card{margin:10px 0;padding:15px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{padding:14px 20px}.flex>*{flex:1 1 100%}}
