:root{font-family:Inter,system-ui,sans-serif;color:#eaf0fa;background:#09111e;--card:#142136;--muted:#91a0b8;--accent:#54d4a9;--danger:#ff7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#183258,#09111e 50%)}main{max-width:760px;margin:auto;min-height:100vh}.auth{display:grid;place-items:center;min-height:100vh;padding:24px}.card{background:rgba(20,33,54,.96);border:1px solid #263854;border-radius:18px;padding:20px;box-shadow:0 20px 50px #0005}.auth .card{width:min(100%,390px)}.brand{display:flex;gap:14px;align-items:center;margin-bottom:26px}.brand span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--accent),#55aef0);font-weight:900;color:#0b1726}.brand h1,.brand p{margin:0}.brand p{color:var(--muted);font-size:.85rem}.compact{margin:0}.compact span{width:40px;height:40px}label{display:grid;gap:8px;color:#b8c4d6;font-size:.88rem;margin:15px 0}input,select{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #344662;background:#0d192a;color:white;font:inherit}button{border:0;border-radius:11px;padding:13px 16px;background:var(--accent);color:#082017;font-weight:800;font:inherit;cursor:pointer}form>button{width:100%;margin-top:8px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #21314a}header .ghost{width:42px;background:#1b2a42;color:white;font-size:1.25rem}#view{padding:14px 18px 100px}h2{font-size:1.45rem}h3{font-size:1rem}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics article{background:var(--card);border:1px solid #263854;padding:18px;border-radius:16px}.metrics b{display:block;font-size:1.8rem;color:var(--accent)}.metrics span,.muted{color:var(--muted);font-size:.84rem}.item{background:var(--card);border:1px solid #263854;border-radius:14px;padding:14px;margin:10px 0}.item-head{display:flex;justify-content:space-between;gap:10px}.pill{font-size:.72rem;padding:5px 9px;border-radius:20px;background:#263854;color:#b9c7dc}.pill.completed,.pill.online{background:#173e37;color:#67e7bb}.pill.failed{background:#492432;color:#ff9aaa}.progress{height:6px;border-radius:6px;background:#0b1525;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}nav{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:flex;background:#101b2df2;border-top:1px solid #263854;padding:8px max(8px,env(safe-area-inset-bottom))}nav button{flex:1;background:none;color:#73839b;font-size:1.25rem;padding:8px}nav button.active{color:var(--accent)}nav small{display:block;font-size:.65rem}.check{display:flex;grid-template-columns:22px 1fr;align-items:start}.check input{width:auto}.secondary,.danger{width:100%;margin-top:12px;background:#233651;color:white}.danger{background:#472333;color:#ff9aaa}.stack{margin-top:16px}#toast{position:fixed;z-index:10;top:16px;left:50%;transform:translate(-50%,-120px);background:#eaf0fa;color:#0b1525;padding:12px 18px;border-radius:10px;transition:.25s}#toast.show{transform:translate(-50%,0)}@media(min-width:650px){.metrics{grid-template-columns:repeat(4,1fr)}}