*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1020;color:#eef2ff}
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#111832;border-right:1px solid rgba(255,255,255,.08);padding:20px;position:sticky;top:0;height:100vh}
.brand{padding:18px;border:1px solid #2b3b74;border-radius:18px;background:linear-gradient(180deg,#18244a,#101733);margin-bottom:18px}
.brand h1{margin:0 0 6px;font-size:24px}.brand p{margin:0;color:#afbbe4;font-size:13px;line-height:1.5}
.nav{display:grid;gap:10px}.nav-btn,.chip,.primary-btn,.link-btn,.secondary-btn{cursor:pointer;border-radius:12px;border:1px solid #2a3a73;background:#162042;color:#eef2ff}
.nav-btn{padding:12px;text-align:left}.nav-btn.active{background:#243564;border-color:#69a7ff}
.sidebar-note{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);display:grid;gap:8px}
.status-pill{display:inline-block;width:max-content;padding:6px 10px;border-radius:999px;font-size:12px}
.status-loading{background:#413214;color:#ffcf6e}.status-live{background:#163828;color:#72f0b4}.status-error{background:#4b1f26;color:#ff9dad}
.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.topbar h2{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:#afbbe4}.primary-btn{padding:12px 16px;background:linear-gradient(135deg,#3f7dff,#33c7a2);border:none;font-weight:700}
.secondary-btn{padding:12px 16px;background:#1a2a54}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.chip{padding:10px 12px}.chip.active{background:#22345f;border-color:#69a7ff}
.page{display:none}.page.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.stat-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#18244a,#101733);border:1px solid rgba(255,255,255,.08)}
.stat-label{color:#afbbe4;font-size:13px;margin-bottom:10px}.stat-value{font-size:30px;font-weight:700}
.content-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.panel{padding:18px;border-radius:18px;background:linear-gradient(180deg,#18244a,#101733);border:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-head h3{margin:0}.link-btn{padding:8px 10px;background:transparent}
.list-area{display:grid;gap:12px}.mini-card,.prop-card,.setting-box{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mini-card h4,.prop-card h4{margin:0 0 6px;font-size:15px}.meta{font-size:12px;color:#afbbe4;line-height:1.5}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}th{color:#afbbe4}
.upload-box{display:grid;gap:8px;padding:26px;border:2px dashed #4865b1;border-radius:18px;background:rgba(105,167,255,.07);margin-bottom:14px;cursor:pointer}
.upload-box span{color:#afbbe4;font-size:13px}.upload-status{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.conf{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:#1f355f;color:#a9d0ff;font-size:12px}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.setting-label{font-size:13px;color:#afbbe4;margin-bottom:8px}.setting-value{font-size:18px;font-weight:700}.setting-select{width:100%;padding:10px;border-radius:10px;background:#0f1834;color:#eef2ff;border:1px solid #2a3a73}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
@media (max-width:1100px){.content-grid,.cards-grid,.stats-grid,.settings-grid{grid-template-columns:1fr 1fr}}
@media (max-width:840px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.content-grid,.cards-grid,.stats-grid,.settings-grid{grid-template-columns:1fr}}