body{color:#0f172a;background:#f5f7fb;margin:0;font-family:Inter,Arial}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#0ea5e9;border:0;border-radius:14px;padding:12px 16px;font-weight:800}input,textarea{border:1px solid #e2e8f0;border-radius:14px;width:100%;margin:8px 0;padding:12px}.login{color:#fff;background:#050b16;place-items:center;min-height:100vh;display:grid}.login form{background:#0b1628;border:1px solid #22d3ee55;border-radius:28px;width:420px;max-width:92vw;padding:30px;box-shadow:0 0 60px #22d3ee22}.login input{color:#fff;background:#020617;border-color:#164e63}.login button{color:#052e16;background:#22c55e;width:100%}.app{min-height:100vh;display:flex}aside{color:#fff;background:#07111f;flex-direction:column;gap:8px;width:250px;padding:20px;display:flex}aside button{color:#cbd5e1;text-align:left;text-transform:capitalize;background:0 0}aside button.active,aside button:hover{background:#12304a}main{flex:1;padding:28px}.cards,.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.cards div,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 15px 40px #0f172a0d}.cards b{font-size:32px;display:block}.cards span{color:#64748b}.row{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr 2fr;padding:12px;display:grid}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:14px;padding:12px}.qr{color:#64748b;word-break:break-all;background:#f8fafc;border:1px dashed #94a3b8;border-radius:16px;place-items:center;min-height:120px;margin:12px 0;padding:12px;display:grid}small{color:#64748b;word-break:break-all;margin-top:10px;display:block}@media (width<=900px){aside{width:110px}.cards,.grid,.row{grid-template-columns:1fr}}