*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#0f172a}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#4169e1)}.login-card{width:360px;background:#fff;padding:34px;border-radius:28px;box-shadow:0 30px 80px #0004;text-align:center}.login-card img,.brand img{width:54px;height:54px;border-radius:14px}.login-card input,.grid input,.grid select{width:100%;padding:14px;border:1px solid #d8dee9;border-radius:14px;margin:5px 0;background:#fff}button{border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#5b7cfa,#ff5aa5);color:#fff;font-weight:800;cursor:pointer}button:hover{filter:brightness(.95)}.app{display:flex;min-height:100vh}aside{width:280px;background:#0b1220;color:#fff;padding:24px;position:fixed;top:0;bottom:0;left:0}.brand{display:flex;gap:14px;align-items:center;margin-bottom:30px}.brand span{display:block;color:#94a3b8;font-size:13px}aside button{width:100%;text-align:left;background:transparent;color:#dbeafe;margin:6px 0}aside button:hover{background:#1e293b}main{margin-left:280px;padding:32px;width:calc(100% - 280px)}h2{font-size:30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px}.cards div,.panel,.list .item{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0f172a12}.cards span{color:#64748b}.cards b{display:block;font-size:28px;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;background:#fff;padding:22px;border-radius:22px;border:1px solid #e5e7eb}.list{display:grid;gap:12px;margin-top:18px}.item{display:flex;justify-content:space-between;gap:16px;align-items:center}.muted{color:#64748b}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:18px;border-radius:16px}@media(max-width:800px){aside{position:relative;width:100%}.app{display:block}main{margin-left:0;width:100%}.cards,.grid{grid-template-columns:1fr}}