:root{--blue:#0757b8;--dark:#083b78;--light:#f4f8fc}body{margin:0;background:var(--light);color:#1c2b39;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial}.app{display:flex;min-height:100vh}#side{width:255px;background:linear-gradient(180deg,var(--dark),#052c5b);color:#fff;position:fixed;inset:0 auto 0 0;z-index:1000;padding:20px 12px;overflow:auto}.logo{font-size:26px;font-weight:800;padding:0 12px 18px}.logo span{color:#56a7ff}#side a{display:flex;align-items:center;gap:12px;color:#dbeafe;text-decoration:none;padding:10px 12px;border-radius:8px;margin:2px 0}#side a:hover{background:#ffffff18;color:#fff}.navtitle{font-size:10px;letter-spacing:1.5px;color:#93b9e8;padding:18px 12px 5px}.logout{margin-top:20px;border-top:1px solid #ffffff20!important;padding-top:16px!important}main{margin-left:255px;width:calc(100% - 255px)}.top{height:64px;background:#fff;border-bottom:1px solid #e4ebf3;display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:900}.content{padding:24px}.card{border:0;box-shadow:0 5px 18px #123a5d10}.stat{border-left:4px solid var(--blue)}.table thead th{background:#f0f5fa}.btn-primary{background:var(--blue);border-color:var(--blue)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf3ff,#fff)}.login-card{width:min(420px,92%);background:#fff;padding:36px;border-radius:16px;box-shadow:0 20px 50px #174f8718}.brand{font-weight:800;font-size:30px;color:var(--dark)}@media(max-width:900px){#side{transform:translateX(-100%);transition:.2s}#side.open{transform:translateX(0)}main{margin-left:0;width:100%}.content{padding:15px}}