:root{--sidebar:#111827;--sidebar2:#1f2937;--primary:#4f46e5;--bg:#f5f7fb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.login-wrapper{width:100%;max-width:430px;padding:20px}.login-card{background:#fff;padding:36px;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px rgba(15,23,42,.12)}.login-logo{text-align:center;margin-bottom:28px}.login-logo .logo-mark{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:25px}.login-logo h2{margin:0;font-weight:800}.login-logo p{margin:6px 0 0;color:var(--muted)}.login-card .form-label{font-weight:600}.login-card .form-control{height:48px;border-radius:10px}.login-card .btn{height:48px;border-radius:10px;font-weight:700}
.mobile-header{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--sidebar);color:#fff;padding:22px 16px;z-index:1000}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:42px;height:42px;border-radius:12px;background:var(--primary);display:grid;place-items:center}.brand h4{font-size:17px;margin:0;font-weight:800}.brand span{font-size:12px;color:#9ca3af}.menu-title{font-size:10px;letter-spacing:1.2px;color:#6b7280;font-weight:800;padding:24px 12px 9px}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-menu a{display:flex;align-items:center;gap:12px;color:#cbd5e1;padding:12px;border-radius:10px;font-size:14px;font-weight:600}.sidebar-menu a i{width:20px;text-align:center}.sidebar-menu a:hover,.sidebar-menu a.active{background:#252f43;color:#fff}.sidebar-menu a.active{box-shadow:inset 3px 0 0 #818cf8}.sidebar-menu .logout-link{color:#fca5a5}.sidebar-footer{position:absolute;left:26px;bottom:20px;color:#6b7280;font-size:11px;line-height:1.6}.main-wrapper{margin-left:260px;min-height:100vh}.top-header{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.top-header h5{margin:0;font-size:21px;font-weight:800}.top-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.admin-info{display:flex;align-items:center;gap:10px}.admin-avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:var(--primary);font-weight:800}.admin-avatar{width:40px;height:40px}.admin-details{display:flex;flex-direction:column}.admin-details strong{font-size:13px}.admin-details span{font-size:11px;color:var(--muted)}.dashboard-content{padding:30px 34px}.welcome-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border-radius:18px;padding:26px 30px;margin-bottom:24px;box-shadow:0 12px 30px rgba(79,70,229,.18)}.welcome-box h2{font-size:24px;margin:0 0 6px;font-weight:800}.welcome-box p{margin:0;color:#e0e7ff;font-size:13px}.welcome-icon{width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:29px}.stat-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 5px 18px rgba(15,23,42,.04)}.stat-icon{width:50px;height:50px;flex:0 0 50px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#eef2ff;color:var(--primary)}.stat-content span{display:block;color:var(--muted);font-size:12px;font-weight:600}.stat-content h3{margin:3px 0;font-size:27px;font-weight:800}.stat-content small{color:#9ca3af;font-size:11px}.dashboard-box{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.box-header{display:flex;justify-content:space-between;margin-bottom:15px}.box-header h5{margin:0;font-weight:800}.box-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.quick-actions{display:flex;flex-direction:column}.quick-action{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #f0f2f5;color:var(--text)}.quick-action:last-child{border-bottom:0}.quick-action:hover{color:var(--primary)}.quick-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;color:var(--primary)}.quick-action strong{display:block;font-size:13px}.quick-action span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.arrow{margin-left:auto;color:#9ca3af;font-size:11px}.admin-box{text-align:center}.account-profile{padding:8px 0 18px}.large-avatar{width:66px;height:66px;margin:0 auto 10px;font-size:24px}.account-profile h5{margin:0;font-weight:800}.account-profile span{font-size:12px;color:var(--muted)}.account-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f2f5;font-size:12px}.account-row span{color:var(--muted)}.status-active{color:#16a34a}.status-active i{font-size:7px;vertical-align:middle}.dashboard-logout{display:block;margin-top:12px;padding:11px;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:700}.dashboard-footer{text-align:center;padding:20px 30px;color:#9ca3af;font-size:11px}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:translateX(0)}.main-wrapper{margin-left:0}.mobile-header{height:60px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;position:sticky;top:0;z-index:900}.menu-btn{border:0;background:#f3f4f6;width:38px;height:38px;border-radius:9px}.mobile-title{font-weight:800}.top-header{height:auto;padding:20px}.dashboard-content{padding:20px}.sidebar-footer{display:none}}
@media(max-width:575px){.admin-details{display:none}.welcome-box{padding:22px}.welcome-icon{display:none}.welcome-box h2{font-size:20px}.dashboard-content{padding:15px}.top-header{padding:15px}.stat-card{padding:16px}}
.public-site-link {
    color: #4f46e5;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.2s ease;
}

.public-site-link:hover {
    color: #3730a3;
    text-decoration: underline;
}