:root{--primary:#2563eb;--dark:#0f172a;--bg:#f5f7fb}.body{background:var(--bg)}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,#0f172a,#172554);color:#fff;padding:20px 14px;position:fixed;inset:0 auto 0 0;z-index:100}.brand{font-weight:800;font-size:19px;padding:8px 12px 24px;display:flex;gap:10px;align-items:center}.brand i{color:#60a5fa}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#cbd5e1;text-decoration:none;padding:12px;border-radius:10px}.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 24px;gap:15px;position:sticky;top:0;z-index:90}.content{padding:24px}.stat-card,.panel{background:#fff;border:0;border-radius:16px;box-shadow:0 8px 25px rgba(15,23,42,.06)}.stat-card{padding:20px}.stat-icon{width:44px;height:44px;border-radius:12px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:21px}.panel{padding:20px}.table thead th{font-size:12px;text-transform:uppercase;color:#64748b}.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}.btn{border-radius:10px}.login-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1d4ed8);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:35px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.login-logo{width:58px;height:58px;border-radius:16px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:28px;margin-bottom:16px}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.content{padding:15px}.topbar{padding:0 15px}.topbar>div:nth-child(2){display:none}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.content{padding:0}.panel{box-shadow:none}}
