:root{--admin-font-heading:"Chakra Petch",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--admin-font-body:"Chakra Petch",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sidebar-bg:#091326;--sidebar-hover:#152445;--primary:#135bec;--primary-hover:#0d43b3;--accent:#FFB800;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#0092B0;--bg-admin:#f4f6fb;--bg-card:#ffffff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(19,91,236,0.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--admin-font-body);background-color:var(--bg-admin);color:var(--text-main);line-height:1.5}.brand-font,button,code,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family:var(--admin-font-heading)}code{background:#f1f5f9;color:#0f172a;padding:2px 7px;border-radius:5px;font-weight:600;font-size:.82rem}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:276px;background:var(--sidebar-bg);color:white;display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0}.sidebar-brand{gap:12px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.brand-icon-box,.sidebar-brand{display:flex;align-items:center}.brand-icon-box{width:44px;height:44px;background:linear-gradient(135deg,#135bec,#0092B0);border-radius:var(--radius-md);justify-content:center;font-weight:700;font-size:1.15rem;color:white;flex-shrink:0}.brand-title{font-size:1.05rem;font-weight:700;color:white;letter-spacing:.04em}.brand-sub{font-size:.72rem;color:#94a3b8;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1 1}.sidebar-link{justify-content:space-between;padding:11px 14px;border-radius:var(--radius-md);color:#cbd5e1;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;background:transparent;width:100%;text-align:left}.sidebar-link,.sidebar-link-left{display:flex;align-items:center;gap:10px}.sidebar-count-pill{font-size:.74rem;padding:1px 8px;border-radius:var(--radius-full);background:rgba(255,255,255,.12);color:#e2e8f0}.sidebar-link:hover{background:var(--sidebar-hover);color:white}.sidebar-link.active{background:var(--primary);color:white;box-shadow:0 4px 14px rgba(19,91,236,.35)}.sidebar-link.active .sidebar-count-pill{background:rgba(255,255,255,.25);color:#ffffff}.sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.admin-user-chip{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.06);padding:10px 12px;border-radius:var(--radius-md);font-size:.82rem}.admin-main{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.admin-header{background:white;border-bottom:1px solid var(--border-color);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-page-title{font-size:1.4rem;color:#0b1f48}.header-status-badge{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.admin-body{padding:24px 28px 48px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-bottom:24px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{background:white;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .18s ease}.stat-box:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#dbeafe;color:#135bec}.stat-icon.yellow{background:#fef3c7;color:#d97706}.stat-icon.green{background:#d1fae5;color:#10b981}.stat-icon.cyan{background:#cffafe;color:#0092B0}.stat-val{font-size:1.7rem;font-weight:700;color:#0b1f48;line-height:1.15}.stat-lbl{font-size:.82rem;color:var(--text-muted)}.admin-card{background:white;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:22px 24px;margin-bottom:22px}.card-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.table-responsive{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-table th{background:#f8fafc;padding:11px 14px;color:#475569;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color)}.admin-table td{padding:13px 14px;vertical-align:middle}.admin-table tr:hover td{background:#f8fafc}.adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .16s ease;white-space:nowrap}.adm-btn:disabled{opacity:.6;cursor:not-allowed}.adm-btn-sm{padding:5px 10px;font-size:.78rem}.adm-btn-primary{background:var(--primary);color:#ffffff;border-color:var(--primary)}.adm-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.adm-btn-secondary{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.adm-btn-secondary:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;color:var(--primary)}.adm-btn-danger{background:#dc2626;color:#ffffff;border-color:#dc2626}.adm-btn-danger:hover:not(:disabled){background:#b91c1c}.adm-input,.adm-select,.adm-textarea{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid #cbd5e1;background:#ffffff;font-size:.88rem;color:var(--text-main);outline:none;transition:border-color .15s ease}.adm-input:focus,.adm-select:focus,.adm-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(19,91,236,.1)}.adm-label{display:block;font-size:.78rem;font-weight:700;color:#475569;margin-bottom:4px}.adm-inline-row td{background:#f8fafc!important;padding:0!important;border-bottom:2px solid #cbd5e1}.adm-inline-panel{padding:16px 20px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-left:4px solid var(--primary);border-radius:var(--radius-sm)}.adm-inline-panel.danger{background:#fff1f2;border-left-color:#dc2626}.adm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.76rem;font-weight:700}.badge-primary{background:#dbeafe;color:#135bec}.badge-success{background:#d1fae5;color:#059669}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#dc2626}.badge-secondary{background:#f1f5f9;color:#475569}.portal-switch-banner{background:linear-gradient(135deg,#135bec,#0b2f7a);color:white;padding:18px 24px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.btn-open-web{background:white;color:#135bec;padding:8px 16px;border-radius:var(--radius-md);font-weight:700;font-size:.88rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-open-web:hover{background:#f1f5f9}.admin-login-page{min-height:100vh;background:linear-gradient(135deg,#091326,#112654);display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{width:100%;max-width:440px;background:#ffffff;border-radius:16px;padding:34px 32px;box-shadow:0 20px 45px rgba(0,0,0,.28)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}