*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d12;color:#eef0f6;display:flex}aside{width:240px;min-height:100vh;background:#11141b;border-right:1px solid #262b35;padding:24px 14px;position:fixed}.brand{font-size:20px;font-weight:800;padding:10px 12px 30px;letter-spacing:.5px}.brand span{color:#9b6cff}nav{display:grid;gap:5px}nav a,.sidebottom a{color:#aeb5c3;text-decoration:none;padding:11px 12px;border-radius:10px}nav a:hover,.sidebottom a:hover{background:#1b2029;color:#fff}.sidebottom{position:absolute;bottom:22px;left:14px;right:14px}main{margin-left:240px;width:calc(100% - 240px);padding:32px 38px}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}h1{margin:4px 0 0;font-size:30px}small{color:#8992a3;letter-spacing:1.5px}.user{color:#aeb5c3}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#12161e;border:1px solid #252b36;border-radius:16px;padding:20px}.metric{font-size:30px;font-weight:800;margin-top:8px}.muted{color:#8f98a8}.panel{margin-top:18px}.panel h2{margin-top:0;font-size:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid #252b36}.table th{color:#8f98a8;font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#202632;color:#cfd5df;font-size:12px}.status-active{background:#173524;color:#72e6a4}.status-pending{background:#352d17;color:#ffd56b}.status-lost,.status-blocked{background:#3a1e24;color:#ff8f9e}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:#8b5cf6;color:white;text-decoration:none;cursor:pointer}.btn.secondary{background:#252b36}.btn.danger{background:#b83b50}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{display:grid;gap:14px;max-width:700px}.form label{display:grid;gap:6px;color:#aeb5c3}.form input,.form select,.form textarea{background:#0c0f15;color:#fff;border:1px solid #303642;border-radius:9px;padding:11px}.form textarea{min-height:130px}.alert{padding:12px;border-radius:10px;background:#3a1e24;color:#ffb2bc;margin-bottom:15px}.login{min-height:100vh;width:100%;display:grid;place-items:center}.loginbox{width:min(420px,92vw);background:#12161e;border:1px solid #252b36;border-radius:18px;padding:30px}.loginbox h1{margin-top:0}.empty{padding:35px;text-align:center;color:#8f98a8}code{color:#cbb8ff}a{color:#bca3ff} @media(max-width:900px){aside{width:72px}.brand{font-size:0}.brand span{font-size:12px}nav a{font-size:0}nav a:first-letter{font-size:16px}main{margin-left:72px;width:calc(100% - 72px);padding:20px}.grid{grid-template-columns:repeat(2,1fr)}}