/* Simplified demo CSS extracted from the UI mockup (fixed) */
:root{ --bg:#0f1221; --panel:#151936; --soft:#1b2147; --text:#e6e9ff; --muted:#a9b2ff; --accent:#7c9cff; --accent-2:#59f0c8; --warn:#ffd166; --success:#73f59a; --radius:14px; }
.esr-wrap{font-family:system-ui,Segoe UI,Roboto,Arial; color:var(--text); background:linear-gradient(0deg, rgba(255,255,255,0.02), transparent); padding:14px; border-radius:12px;}
.esr-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.esr-logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#081024;font-weight:800}
.esr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.esr-card{background:var(--panel);border:1px solid #22285a;padding:12px;border-radius:12px}
.esr-big{font-size:20px;font-weight:800}
.esr-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.esr-tasks .esr-task{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;background:var(--panel);margin-bottom:8px}
.esr-listings{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.esr-listing{background:var(--panel);border-radius:10px;overflow:hidden}
.esr-widget{background:var(--panel);padding:12px;border-radius:12px;margin-bottom:10px}
.esr-wheel{aspect-ratio:1/1;border-radius:50%;border:6px solid #20265a;background:conic-gradient(#7c9cff 0 45deg,#59f0c8 45deg 90deg,#ffd166 90deg 135deg,#ff7b7b 135deg 180deg,#7c9cff 180deg 225deg,#59f0c8 225deg 270deg,#ffd166 270deg 315deg,#ff7b7b 315deg 360deg);position:relative}
.esr-btn{padding:8px 12px;border-radius:10px;border:none;background:#232a5f;color:var(--text);cursor:pointer}
@media(max-width:960px){ .esr-stats{grid-template-columns:repeat(2,1fr)} .esr-grid{grid-template-columns:1fr} .esr-listings{grid-template-columns:1fr} }