*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e5e7eb;font-family:Arial,Helvetica,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#020617;padding:22px}.sidebar h2{font-size:20px;margin:0 0 25px}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:12px;border-radius:10px;margin-bottom:8px}.sidebar a:hover{background:#1e293b}main{margin-left:250px;padding:25px}h1{margin-top:0}.card{background:#111827;border:1px solid #263244;border-radius:16px;padding:18px;margin-bottom:20px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}label{display:block;color:#cbd5e1;font-size:13px}input,select{width:100%;margin-top:6px;padding:11px;border-radius:10px;border:1px solid #334155;background:#020617;color:#e5e7eb}button{padding:12px 18px;border:0;border-radius:10px;background:#2563eb;color:white;font-weight:bold;cursor:pointer;align-self:end}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #263244;padding:10px;text-align:left}th{color:#93c5fd}.badge{padding:5px 9px;border-radius:999px;background:#334155}.badge.active{background:#14532d;color:#bbf7d0}.badge.disabled{background:#7f1d1d;color:#fecaca}a{color:#60a5fa}.login-page{display:flex;align-items:center;justify-content:center;height:100vh}.login-box{width:360px;background:#111827;padding:30px;border-radius:18px}.login-box input,.login-box button{margin:8px 0}.alert{background:#7f1d1d;color:#fecaca;padding:10px;border-radius:10px;margin:10px 0}@media(max-width:1000px){.grid{grid-template-columns:1fr}.sidebar{position:static;width:auto}main{margin-left:0}}