:root{color:#f5f5f5;background:#070707;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{background:#0b0b0b;border-right:1px solid #242424;padding:22px 14px}.brand{align-items:center;gap:10px;padding:0 8px 24px;font-size:18px;display:flex}.brand span{background:#e4432f;border-radius:7px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}nav{gap:5px;display:grid}nav button{color:#a7a7a7;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:11px 12px;display:flex}nav button.active,nav button:hover{color:#fff;background:#1b1b1b}.signout{color:#aaa;background:0 0;border:0;align-items:center;gap:9px;width:192px;padding:10px 12px;display:flex;position:absolute;bottom:18px;left:14px}main{width:100%;max-width:1500px;margin:0 auto;padding:28px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}p{color:#8b8b8b;margin:0;font-size:13px}h1{letter-spacing:0;margin:4px 0 0;font-size:25px}h2{margin:5px 0 0;font-size:18px}.icon{color:#fff;background:#151515;border:1px solid #303030;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.metrics{border:1px solid #242424;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metrics article{border-bottom:1px solid #242424;border-right:1px solid #242424;grid-template-columns:24px 1fr;gap:7px 10px;padding:18px;display:grid}.metrics article:nth-child(3n){border-right:0}.metrics svg{color:#e4432f}.metrics span{color:#929292;font-size:13px}.metrics strong{grid-column:2;font-size:20px}.panel{background:#0d0d0d;border:1px solid #242424;margin-top:22px;padding:20px;position:relative}.status{border-radius:5px;padding:6px 9px;font-size:12px;font-weight:700;position:absolute;top:20px;right:20px}.good{color:#66d895;background:#102a1b}.bad{color:#ff8b7d;background:#321713}.detail{max-width:720px;margin-top:24px;line-height:1.6}.command{color:#fff;background:#181818;border:1px solid #383838;border-radius:5px;margin-top:18px;padding:8px 10px}.command.compact{justify-self:end;align-items:center;gap:6px;margin:0;display:flex}.services{background:#0d0d0d;border:1px solid #242424;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px;display:grid}.services div{text-transform:capitalize;border-right:1px solid #242424;grid-template-columns:10px 1fr;gap:3px 8px;padding:14px;display:grid}.services div:last-child{border-right:0}.services small{color:#888;grid-column:2}.dot{border-radius:50%;width:8px;height:8px;margin-top:5px}.dot.online{background:#55cc84}.dot.offline{background:#e75b4a}.alert-panel{border-color:#51231e;margin-bottom:22px}.identify{margin-bottom:22px}.identify-form{grid-template-columns:1fr 1fr 120px 130px;gap:12px;margin-top:20px;display:grid}.identify-form label{color:#999;gap:6px;font-size:12px;display:grid}.identify-form input,.identify-form select{color:#fff;background:#151515;border:1px solid #333;border-radius:5px;min-width:0;padding:9px}.identify-actions{gap:8px;display:flex}.danger-command{color:#ff9589;align-items:center;gap:6px;display:inline-flex}.identify-results{background:#242424;gap:1px;margin-top:18px;display:grid}.identify-results article{background:#111;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.identify-results img{object-fit:cover;width:62px;height:82px}.identify-results article>div{gap:4px;display:grid}.identify-results span{color:#999;font-size:12px}.identify-results p{text-overflow:ellipsis;white-space:nowrap;max-width:720px;overflow:hidden}.account-detail{padding:0}.inline-title{justify-content:space-between;align-items:center;display:flex}.detail-metrics{border-bottom:1px solid #242424;grid-template-columns:repeat(4,1fr);display:grid}.detail-metrics span{color:#888;border-right:1px solid #242424;gap:4px;padding:16px;font-size:12px;display:grid}.detail-metrics span:last-child{border-right:0}.detail-metrics strong{color:#fff;font-size:20px}.ledger{padding:18px}.ledger h3{margin:0 0 12px;font-size:14px}.ledger>div{border-top:1px solid #202020;grid-template-columns:50px 1fr auto;gap:12px;padding:9px 0;display:grid}.ledger span,.ledger small{color:#999;font-size:12px}.positive{color:#66d895}.negative{color:#ff8b7d}.table-panel{background:#0d0d0d;border:1px solid #242424}.section-title{border-bottom:1px solid #242424;padding:18px}.table{display:grid}.table-row{border-bottom:1px solid #202020;grid-template-columns:minmax(210px,1.2fr) .5fr .6fr minmax(320px,1.6fr);align-items:center;gap:15px;padding:14px 18px;display:grid}.table-row:last-child{border-bottom:0}.table-row>div:first-child{gap:3px;display:grid}.table-row span{color:#999;font-size:12px}.actions{justify-content:flex-end;gap:7px;display:flex}.actions button{color:#ddd;background:#181818;border:1px solid #333;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:inline-flex}.actions .danger{color:#ff9589}.tag{background:#222;border-radius:4px;justify-self:start;padding:4px 7px}.tag.completed{color:#66d895;background:#102a1b}.tag.retryable,.tag.discarded,.tag.repair,.tag.failed{color:#ff8b7d;background:#321713}.tag.sorting,.tag.completed{color:#f0bf67;background:#30250f}.tag.downloading{color:#8db9ff;background:#10223b}.progress-cell{gap:7px;display:grid}.progress{background:#252525;height:5px;overflow:hidden}.progress i{background:#e4432f;height:100%;transition:width .25s;display:block}.job-end{justify-content:space-between;align-items:center;gap:10px;display:flex}.job-end button{color:#fff;background:#181818;border:1px solid #383838;border-radius:5px;padding:6px 9px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{gap:16px;width:min(420px,100%);display:grid}.login label{color:#aaa;gap:7px;font-size:13px;display:grid}.login input{color:#fff;background:#111;border:1px solid #333;border-radius:6px;outline:none;padding:12px}.login input:focus{border-color:#e4432f}.login form>button{color:#fff;background:#d83a2b;border:0;border-radius:6px;padding:12px;font-weight:700}.error{color:#ff8b7d}@media (max-width:800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:18px}.metrics{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.services div{border-bottom:1px solid #242424}.identify-form{grid-template-columns:1fr}.identify-results article{grid-template-columns:52px 1fr}.identify-results article>button{grid-column:2;justify-self:start}.detail-metrics{grid-template-columns:1fr 1fr}.ledger>div{grid-template-columns:45px 1fr}.ledger small{grid-column:2}.metrics article{border-right:0}.table-row{grid-template-columns:1fr}.actions{flex-wrap:wrap;justify-content:flex-start}}