*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0b0d12;color:#eef0f6}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center}.card{background:#151821;border:1px solid #292d39;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 32px)}input{width:100%;padding:12px;margin:7px 0;background:#0f1117;border:1px solid #343947;border-radius:8px;color:white}button{padding:11px 15px;border:0;border-radius:8px;background:#635bff;color:#fff;cursor:pointer}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{padding:24px 16px;border-right:1px solid #242833}.brand{font-weight:800;margin-bottom:28px}.nav button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent}.nav button:hover,.nav button.active{background:#202431}.main{padding:28px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric{background:#151821;border:1px solid #292d39;border-radius:12px;padding:18px}.metric b{font-size:28px;display:block;margin-top:8px}.panel{background:#151821;border:1px solid #292d39;border-radius:12px;padding:18px;margin-top:14px}.row{display:flex;gap:10px;flex-wrap:wrap}.row input{max-width:320px}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #292d39;text-align:left}@media(max-width:800px){.app{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid #242833}.grid{grid-template-columns:1fr 1fr}}