:root{--bg:#0f172a;--card:#0b1220;--muted:#94a3b8;--accent:#0ea5a3;--glass: rgba(255,255,255,.03);--text:#e6eef6;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:linear-gradient(180deg,#071025,#071a2b);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:72px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:12px;display:flex;flex-direction:column;gap:8px}.btn{background:var(--glass);border-radius:10px;padding:10px;text-align:center;font-size:12px;color:var(--muted);cursor:pointer}.main{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:20px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:12px;box-shadow:0 2px 12px #02061799;color:var(--text)}.card.h-200{height:200px}.card.h-120{height:120px}.flex{display:flex;gap:8px;align-items:center}.col-4{grid-column:span 4}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.small{font-size:13px;color:var(--muted)}.input{background:transparent;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:8px;color:var(--text);width:100%}.footer{margin-top:auto;color:var(--muted);font-size:12px;padding:8px}@media (max-width:800px){.sidebar{width:56px}.grid{grid-template-columns:repeat(6,1fr)}.col-8{grid-column:span 6}.col-4{grid-column:span 3}}