@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');
:root{font-family:Heebo,system-ui,sans-serif;color:#edf2f7;background:#0b1118;--line:#22303e;--muted:#8ea0b3;--panel:#111b25;--cyan:#49d3c8;--red:#ff6b78;--amber:#f4c76b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#1d3540 0,#0b1118 38%),#0b1118}.shell{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:34px 0 60px}.topbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:22px}.eyebrow{color:var(--cyan);font:600 12px 'JetBrains Mono';letter-spacing:2px;margin:0 0 5px}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:18px}.top-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.top-actions button,.settings-panel button{border:1px solid #3b6970;background:#173238;color:#dffdfa;border-radius:8px;padding:9px 16px;font:600 14px Heebo;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.metric,.panel{background:linear-gradient(135deg,#121e29,#0f1821);border:1px solid var(--line);border-radius:12px}.metric{padding:18px;min-height:125px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:42px;line-height:1.2;display:block;margin:5px 0}.metric.accent strong{color:var(--cyan)}.metric.danger strong{color:var(--red)}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-title span{color:var(--muted);font-size:12px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #49d3c81a}.health-list,.settings-list{display:grid;gap:8px}.health-row,.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e2a36;padding:9px 0}.health-row:last-child,.setting-row:last-child{border-bottom:0}.label{color:#d7e2ed}.value{font:600 12px 'JetBrains Mono';color:var(--cyan);text-align:left;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bad{color:var(--red)}.warn{color:var(--amber)}form{display:flex;gap:8px;margin-top:16px}input{background:#0a1118;border:1px solid #2c3b49;border-radius:7px;color:#edf2f7;padding:10px 12px;font:14px Heebo;min-width:0}form input{flex:1}.form-result{font-size:12px;color:var(--muted);margin-top:8px}.projects-panel{margin-bottom:16px}.projects-panel .panel-title{align-items:center}.projects-panel input{width:260px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:right;color:var(--muted);font-weight:500;font-size:12px;border-bottom:1px solid var(--line);padding:10px 8px}td{padding:13px 8px;border-bottom:1px solid #1b2732;vertical-align:top}td:first-child{font-weight:600;color:#f3f7fb}.mono{font-family:'JetBrains Mono';font-size:11px}.status{display:inline-flex;padding:4px 9px;border-radius:20px;background:#1b3034;color:var(--cyan);font-size:12px}.status.error{background:#3b2029;color:#ff9ba4}.status.working{background:#332d1a;color:var(--amber)}.source{color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.error-text{color:#ff9ba4;max-width:270px;font-size:12px}.download{color:var(--cyan);text-decoration:none;margin-left:8px}.logs-panel pre{height:260px;overflow:auto;margin:0;background:#091017;border:1px solid #1e2a36;border-radius:8px;padding:14px;color:#b9c8d5;font:12px/1.65 'JetBrains Mono';direction:ltr;text-align:left;white-space:pre-wrap}.empty{color:var(--muted);text-align:center;padding:30px}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.health-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 24px,1440px);padding-top:20px}.topbar{align-items:start;gap:15px;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:105px;padding:14px}.metric strong{font-size:32px}.projects-panel .panel-title{align-items:stretch;flex-direction:column}.projects-panel input{width:100%}}