*{box-sizing:border-box}body{margin:0;background:#0d1016;color:#edf0f7;font:15px system-ui,-apple-system,sans-serif}main{max-width:1100px;margin:auto;padding:28px 18px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}small{color:#b69a64;font-weight:800;letter-spacing:.15em}h1{margin:.25rem 0;font-family:Georgia,serif;font-size:34px}h2{margin-top:0;font-size:17px}.panel{background:#151a23;border:1px solid #2a303b;border-radius:16px;padding:20px}.panel#login{max-width:430px;margin:80px auto}.panel input{display:block;width:100%;margin:10px 0;padding:14px;background:#0f131a;color:white;border:1px solid #343b48;border-radius:10px}button,select{padding:11px 14px;border-radius:10px;border:1px solid #3a414e;background:#202735;color:white;font-weight:700}.toolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.card{background:#151a23;border:1px solid #2a303b;border-radius:14px;padding:17px}.card b{font-size:28px;display:block;margin-top:5px}.card span{color:#929bab}.grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.grid article:last-child{grid-column:2}.chart{height:220px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #333}.bar{flex:1;min-width:3px;background:#b69a64;border-radius:4px 4px 0 0}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #292f39}.muted{color:#8f98a8}#msg{color:#d49a9a}@media(max-width:700px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.grid article:last-child{grid-column:auto}}