:root{color:#172554;--admin-sidebar-w:264px;--admin-sidebar-bg:linear-gradient(165deg, #0c1222 0%, #111c3a 38%, #1e3a8a 100%);--admin-surface:#fff;--admin-surface-muted:#f1f5f9;--admin-border:#e2e8f0;--admin-border-strong:#cbd5e1;--admin-text:#0f172a;--admin-text-muted:#64748b;--admin-primary:#1e40af;--admin-primary-soft:#dbeafe;--admin-shadow-sm:0 1px 2px #0f172a0d;--admin-shadow-md:0 4px 6px -1px #0f172a12, 0 10px 24px -6px #1e40af1a;--admin-shadow-lg:0 18px 40px #0f172a1f;--admin-radius:12px;--admin-radius-lg:16px;background:#f8fbff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:#eef2f7;background-image:radial-gradient(120% 80% at 50% -20%,#bfdbfe8c,#0000 50%),radial-gradient(80% 50% at 100% 0,#e0e7ff66,#0000 45%),linear-gradient(#f8fafc 0%,#eef2f7 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;margin:0}label{color:#1e3a8a;margin-bottom:6px;font-size:14px;font-weight:600;display:block}input,textarea{color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}input:focus,textarea:focus{border-color:#2563eb;outline:2px solid #2563eb}button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.login-page{background:#f0f4ff;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:100vh;display:grid}.login-brand{color:#f8fafc;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 42%,#1d4ed8 100%);justify-content:center;align-items:center;padding:clamp(32px,6vw,64px);display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#60a5fa59 0%,#0000 45%),radial-gradient(circle at 85% 15%,#93c5fd40 0%,#0000 40%);position:absolute;inset:0}.login-brand:after{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-brand-inner{z-index:1;text-align:center;max-width:400px;position:relative}.login-brand-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#93c5fd73 0%,#0000 70%);width:280px;height:280px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.login-logo-slot{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:24px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 28px;padding:14px;display:flex;position:relative;box-shadow:0 24px 48px #0003,inset 0 1px #ffffff26}.login-logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.login-logo-fallback{color:#bfdbfe;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-logo-fallback-icon{width:48px;height:48px}.login-logo-skeleton{background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e 50%,#ffffff14 75%) 0 0/200% 100%;border-radius:16px;width:72px;height:72px;animation:1.2s ease-in-out infinite login-shimmer}.login-text-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:8px;margin-left:auto;margin-right:auto;animation:1.2s ease-in-out infinite login-shimmer}.login-skel-title{width:72%;height:28px;margin-bottom:16px}.login-skel-line{width:88%;height:14px;margin-bottom:10px}.login-skel-line.short{width:60%}@keyframes login-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.login-brand-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#93c5fd;margin:0 0 8px;font-size:12px;font-weight:700}.login-brand-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.2}.login-brand-tagline{color:#cbd5e1;margin:0;font-size:15px;line-height:1.65}.login-form-region{background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,48px);display:flex}.login-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:420px;padding:clamp(28px,4vw,40px);box-shadow:0 4px 6px -1px #0f172a0f,0 24px 48px -12px #1e40af1f}.login-form-header{text-align:center;margin-bottom:28px}.login-form-icon-wrap{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.login-form-icon{width:24px;height:24px}.login-form-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:800}.login-form-sub{color:#64748b;margin:0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:#334155;margin:0;font-size:13px;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.login-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 14px 12px 44px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.login-input:hover{border-color:#cbd5e1}.login-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.login-submit{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);border-radius:12px;width:100%;margin-top:4px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 4px 14px #2563eb59}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #2563eb66}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-footer-note{color:#94a3b8;text-align:center;margin:24px 0 0;font-size:12px}@media (width<=900px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-brand{min-height:auto;padding:36px 24px 40px}.login-brand-glow{top:35%}.login-logo-slot{width:96px;height:96px;margin-bottom:20px}.login-brand-tagline{max-width:28rem;margin-left:auto;margin-right:auto}.login-form-region{flex:1;padding-top:8px}}@media (width<=640px){.login-form-card{border-radius:16px;padding:22px 18px;box-shadow:0 12px 32px #0f172a14}}.dash-wrap{max-width:1100px;margin:0 auto;padding:24px}.dash-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dash-header h1{margin:0;font-size:28px}.dash-header p{color:#475569;margin:4px 0 0}.logout-btn{color:#fff;background:#0f172a}.dash-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:20px;box-shadow:0 16px 40px #2563eb14}.dash-card h2{margin-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid .full{grid-column:1/-1}.save-btn{color:#fff;background:linear-gradient(90deg,#1d4ed8,#1e3a8a);margin-top:16px}.loading{color:#334155;place-items:center;min-height:100vh;font-weight:600;display:grid}.error-box,.success-box{border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.error-box{color:#991b1b;background:#fee2e2}.success-box{color:#166534;background:#dcfce7}@media (width<=760px){.grid{grid-template-columns:1fr}}.admin-layout{grid-template-columns:var(--admin-sidebar-w) 1fr;min-height:100vh;display:grid}.mobile-overlay{display:none}.sidebar{background:var(--admin-sidebar-bg);color:#fff;border-right:1px solid #ffffff0f;padding:0;position:relative;box-shadow:4px 0 32px #0f172a2e}.sidebar:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 0 0,#93c5fd1f 0%,#0000 42%),radial-gradient(circle at 100% 100%,#3b82f61a 0%,#0000 40%);position:absolute;inset:0}.sidebar-inner{z-index:1;flex-direction:column;height:100%;min-height:100vh;padding:20px 14px 16px;display:flex;position:relative}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;display:flex}.brand-mark{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:inset 0 1px #ffffff1f}.brand-icon{color:#fde68a;width:22px;height:22px}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-title{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1.2}.brand-sub{color:#bfdbfed9;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;flex:1;gap:4px;margin-right:-4px;padding-right:4px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.sidebar-group{margin-bottom:14px}.sidebar-group:last-of-type{margin-bottom:8px}.sidebar-group-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8f2;padding:8px 10px 6px;font-size:10px;font-weight:700}.sidebar a.nav-item{color:#cbd5f5;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex;position:relative}.sidebar a.nav-item:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.sidebar a.nav-item.active{color:#fff;background:#2563eb59;border-color:#93c5fd59;box-shadow:0 4px 14px #00000026}.sidebar a.nav-item.active:before{content:"";background:linear-gradient(#93c5fd,#3b82f6);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.menu-icon{opacity:.92;flex-shrink:0;width:18px;height:18px}.sidebar-footer{color:#94a3b8f2;border-top:1px solid #ffffff14;align-items:flex-start;gap:8px;margin-top:auto;padding:12px 10px;font-size:11px;line-height:1.45;display:flex}.sidebar-footer-dot{background:#34d399;border-radius:999px;flex-shrink:0;width:6px;height:6px;margin-top:4px;box-shadow:0 0 0 3px #34d39940}.main-area{background:0 0;flex-direction:column;min-width:0;display:flex}.top-header{border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(12px);z-index:90;min-height:64px;box-shadow:var(--admin-shadow-sm);background:#ffffffe0;justify-content:space-between;align-items:center;gap:16px;padding:0 22px;display:flex;position:sticky;top:0}.top-left{align-items:center;gap:14px;min-width:0;display:flex}.header-title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.header-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.crumb-muted,.crumb-current{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.crumb-muted{color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.crumb-sep{color:#cbd5e1;font-weight:500}.crumb-current{color:var(--admin-primary);letter-spacing:-.01em;font-size:13px;font-weight:700}.mobile-nav-toggle{background:var(--admin-surface);color:var(--admin-primary);border:1px solid var(--admin-border-strong);box-shadow:var(--admin-shadow-sm);border-radius:10px;padding:9px;display:none}.welcome{color:var(--admin-text);letter-spacing:-.02em;font-size:15px;font-weight:600}.top-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.notif-dropdown{position:relative}.notif-btn,.profile-btn{background:var(--admin-surface);color:var(--admin-primary);border:1px solid var(--admin-border-strong);box-shadow:var(--admin-shadow-sm);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.notif-btn:hover,.profile-btn:hover{background:var(--admin-surface-muted);box-shadow:var(--admin-shadow-md);border-color:#94a3b8}.notif-btn-label{display:none}@media (width>=480px){.notif-btn-label{display:inline}}.profile-btn-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.action-icon,.profile-icon{width:18px;height:18px}.notif-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.profile-menu-wrap{position:relative}.notif-menu{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);width:min(360px,100vw - 32px);max-height:min(420px,70vh);box-shadow:var(--admin-shadow-lg);z-index:120;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.notif-menu-head{background:#f8fbff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:sticky;top:0}.notif-menu-head small{color:#64748b}.notif-empty{text-align:center;color:#64748b;padding:16px 12px}.notif-list{gap:8px;padding:8px;display:grid}.notif-item{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:8px 10px}.notif-type{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.notif-title{color:#0f172a;font-weight:700}.notif-sub{color:#475569;font-size:12px}.notif-time{color:#64748b;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.notif-time-icon{width:12px;height:12px}.profile-menu{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);width:min(240px,100vw - 32px);box-shadow:var(--admin-shadow-lg);z-index:120;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.profile-menu-head{border-bottom:1px solid #e2e8f0;margin-bottom:6px;padding:8px}.profile-menu-head small{color:#64748b;margin-top:3px;display:block}.profile-menu a,.profile-menu button{text-align:left;color:#0f172a;background:0 0;border:0;border-radius:8px;width:100%;padding:8px;font-weight:600;text-decoration:none;display:block}.profile-menu a:hover,.profile-menu button:hover{background:#eff6ff}.content-area{flex:1;padding:22px 22px 32px}.content-shell{width:100%;max-width:1440px;margin:0 auto}.panel-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-md);padding:22px 22px 24px;transition:box-shadow .22s,border-color .22s}.panel-card:hover{box-shadow:var(--admin-shadow-lg);border-color:#cbd5e1}.panel-card h2{color:#0f172a;margin-top:0;margin-bottom:14px}.cms-subsection-title{color:#1e3a8a;border-bottom:1px solid #e2e8f0;margin:18px 0 8px;padding-bottom:8px;font-size:.95rem;font-weight:700}.dashboard-hero{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-sm);background:linear-gradient(125deg,#eff6ff 0%,#e0e7ff 45%,#f8fafc 100%);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.dashboard-hero p{color:#475569;margin:0}.hero-badge{color:#fff;background:linear-gradient(90deg,#1d4ed8,#312e81);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel-sub{color:#64748b;max-width:820px;margin:0 0 16px;font-size:.9rem;line-height:1.5}.fee-err{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.fee-status{font-size:.85rem;font-weight:600}.fee-status-paid{color:#15803d}.fee-status-partial{color:#b45309}.fee-status-unpaid{color:#64748b}.fee-hint{color:#334155;margin:0 0 12px;font-size:.9rem}.fee-pay-title{color:#1e3a8a;margin:16px 0 8px;font-size:1rem}.fee-empty{color:#64748b;font-size:.9rem}.fee-pay-table table{font-size:.88rem}.top-add-btn{white-space:nowrap;margin-top:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:linear-gradient(165deg,#fff 0%,#f8fafc 100%);padding:16px 16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:var(--admin-shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.stat-icon-wrap{background:linear-gradient(145deg,#dbeafe,#e0e7ff);border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon{width:20px;height:20px;color:var(--admin-primary)}.stat-title{color:#475569;margin-top:6px;font-size:13px}.stat-value{color:#1e3a8a;margin-top:4px;font-size:28px;font-weight:800}.inline-form{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.inline-form button{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8)}.table-wrap{overflow:auto}.table-toolbar{margin-bottom:10px}.table-search{width:min(100%,320px)}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;word-break:break-word;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:14px}th{color:var(--admin-primary);border-bottom:1px solid var(--admin-border-strong);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#f8fafc,#f1f5f9);font-size:12px;font-weight:700}.no-record{text-align:center;color:#64748b;padding:18px 8px}.tiny-btn{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);margin-right:6px;padding:6px 10px;font-size:12px}.tiny-btn.ghost{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.tiny-btn.ghost:hover{background:#e2e8f0}.tiny-btn.danger{background:#dc2626}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-thumb{object-fit:cover;border:1px solid #cbd5e1;border-radius:8px;width:84px;height:48px}.modal-thumb{object-fit:cover;border:1px solid #bfdbfe;border-radius:10px;width:140px;height:82px;margin-bottom:8px;display:block}.modal-thumb.leadership-preview{object-fit:cover;object-position:top center;width:160px;height:200px}.field-hint{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4}.settings-thumb{object-fit:contain;background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;width:140px;height:74px;margin-bottom:8px;padding:4px;display:block}.settings-favicon-thumb{object-fit:contain;background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;width:44px;height:44px;margin-bottom:8px;padding:4px;display:block}select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px}.modal-overlay{z-index:1000;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;width:100%;max-width:760px;max-height:88vh;padding:16px;overflow:auto;box-shadow:0 24px 40px #0f172a33}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-header h3{color:#1e3a8a;margin:0}.modal-form{gap:12px;display:grid}.modal-form .checkbox-inline{color:#334155;align-items:center;gap:10px;font-weight:500;display:flex}.modal-form .checkbox-inline input[type=checkbox]{width:auto;margin:0}.view-detail-modal{max-height:min(70vh,640px);overflow:auto}.view-detail-dl{gap:10px;margin:0;display:grid}.view-detail-row{border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(120px,200px) 1fr;align-items:start;gap:12px;padding:8px 0;font-size:.9rem;display:grid}.view-detail-row:last-child{border-bottom:none}.view-detail-row dt{color:#475569;margin:0;font-weight:600}.view-detail-row dd{color:#0f172a;word-break:break-word;margin:0}.view-json{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:280px;margin:0;padding:10px 12px;font-size:.78rem;line-height:1.45;overflow:auto}a.view-link{color:#2563eb;text-decoration:underline}.file-picked-name{color:#64748b;margin:4px 0 8px;font-size:.85rem}@media (width<=1024px){.admin-layout{grid-template-columns:1fr}.sidebar{z-index:110;height:100vh;width:min(var(--admin-sidebar-w), 88vw);border-right:1px solid #ffffff1f;transition:transform .24s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a80;display:block;position:fixed;inset:0}.sidebar-inner{min-height:100%;max-height:100vh}.sidebar-nav{max-height:calc(100vh - 200px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{flex-direction:column}.notif-menu{width:min(360px,100vw - 24px);left:auto;right:0}.profile-menu{width:min(240px,100vw - 24px);right:0}.top-header{gap:8px;padding:0 12px}.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.welcome{font-size:14px}.top-actions{gap:6px}.content-area{padding:14px}.panel-head{flex-direction:column;align-items:stretch}.top-add-btn{width:100%}.table-wrap table{min-width:700px}}@media (width>=1200px){.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}.panel-card{padding:14px}.notif-btn,.profile-btn{padding:7px 8px}.profile-btn span{display:none}.modal-card{max-height:92vh;padding:12px}.table-wrap table{min-width:100%}.table-wrap thead{display:none}.table-wrap tbody{gap:10px;display:grid}.table-wrap tr{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:8px;display:block}.table-wrap td{border-bottom:1px dashed #dbeafe;grid-template-columns:110px 1fr;gap:8px;padding:8px 6px;font-size:13px;display:grid}.table-wrap td:last-child{border-bottom:0}.table-wrap td:before{content:attr(data-label);color:#1e3a8a;font-weight:700}.row-actions{justify-content:flex-start}.row-actions .tiny-btn{margin-right:0}.no-record{text-align:center;border:0;display:block}}.notice-compose-card{background:linear-gradient(#f8fbff 0%,#fff 65%);border:1px solid #dbeafe;border-radius:14px;margin-bottom:16px;padding:16px}.notice-compose-head h2{color:#0f172a;margin:4px 0 0;font-size:1.2rem}.notice-compose-kicker{letter-spacing:.02em;color:#1d4ed8;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:inline-flex}.notice-compose-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px 16px;margin-top:14px;display:grid}.notice-compose-grid .full{grid-column:1/-1}.notice-select-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.notice-select-head span{color:#1e40af;font-size:12px;font-weight:700}.notice-users-select{min-height:132px}.notice-users-select2{margin-top:4px}.notice-select2__control{min-height:42px!important;box-shadow:none!important;border-color:#cbd5e1!important;border-radius:10px!important}.notice-select2__control:hover,.notice-select2__control--is-focused{border-color:#93c5fd!important}.notice-select2__value-container{padding:4px 10px!important}.notice-select2__placeholder{color:#94a3b8!important}.notice-select2__multi-value{border:1px solid #bfdbfe;background:#eff6ff!important}.notice-select2__multi-value__label{font-weight:600;color:#1e3a8a!important;font-size:12px!important}.notice-select2__multi-value__remove{color:#1e3a8a!important}.notice-select2__menu{border:1px solid #dbeafe!important;box-shadow:0 10px 24px #0f172a1f!important}.notice-select2__option--is-focused{background:#eff6ff!important}.notice-select2__option--is-selected{background:#1d4ed8!important}.notice-audience-chip{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;margin-top:-2px;padding:9px 12px;font-size:13px;font-weight:600;display:inline-flex}.notice-compose-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.notice-send-btn{justify-content:center;align-items:center;gap:7px;min-width:154px;display:inline-flex}.notifications-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.notifications-sub{color:#64748b;margin:4px 0 0;font-size:13px}.socket-live{color:#059669;font-weight:600}.socket-off{color:#94a3b8}.notifications-actions .ghost-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.notifications-actions .ghost-btn:hover{background:#f1f5f9}.notifications-feed-tabs{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.notifications-feed-tabs .ghost-btn{padding:7px 12px;font-size:12px}.notifications-feed-tabs .ghost-btn.is-active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.btn-ico{width:16px;height:16px}.notifications-empty{text-align:center;color:#64748b;padding:48px 20px}.notifications-empty .empty-ico{opacity:.35;width:48px;height:48px;margin:0 auto 12px}.notifications-empty .empty-hint{margin-top:8px;font-size:13px}.notifications-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.notifications-item{background:#fafbff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notifications-item.is-unread{background:#eff6ff;border-color:#93c5fd}.notifications-kind{text-transform:uppercase;letter-spacing:.04em;color:#1e40af;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.notifications-title{color:#0f172a;margin:0 0 6px;font-size:16px}.notifications-body{color:#475569;margin:0 0 8px;font-size:14px;line-height:1.5}.notifications-time{color:#94a3b8;font-size:12px}.notifications-item-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notifications-item-actions .link-btn{align-items:center;gap:4px;text-decoration:none;display:inline-flex}@media (width<=720px){.notice-compose-card{padding:14px}.notice-compose-head h2{font-size:1.05rem}.notice-compose-footer{align-items:stretch}.notice-send-btn{width:100%}}.notif-menu-footer{text-align:center;border-top:1px solid #e2e8f0;padding:10px 12px}.notif-view-all{color:#1e40af;font-size:13px;font-weight:600;text-decoration:none}.notif-view-all:hover{text-decoration:underline}button.notif-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;padding:10px 12px}button.notif-item:hover{background:#f8fafc}.notif-item-unread{background:#eff6ff}button.notif-item .notif-title{font-weight:600}.attendance-mark-form{margin-top:12px}.attendance-filters{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:end;gap:14px 16px;margin-bottom:20px;display:grid}.attendance-load-cell{flex-direction:column;display:flex}.attendance-load-spacer{min-height:22px}.attendance-roster-wrap{margin-top:8px}.attendance-roster-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.attendance-roster-hint{color:#1e3a8a;font-size:13px;font-weight:600}.attendance-roster-table .attendance-status-select{max-width:140px;padding:8px 10px}.attendance-submit-row{margin-top:16px}.attendance-history-title{color:#1e3a8a;margin:28px 0 12px;font-size:1.1rem}.attendance-session-hint{color:#334155;margin:8px 0 0;font-size:12px;line-height:1.5}.attendance-session-hint .tiny-btn{margin:2px 4px 2px 0}.attendance-matrix-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.attendance-matrix-wrap{margin-top:10px}.att-roster-empty{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin:12px 0 16px;padding:14px 16px;font-size:14px;line-height:1.5}.att-roster-empty ul{margin:10px 0 0 18px;padding:0}.att-roster-empty li{margin-bottom:6px}.holiday-calendar{background:#fff;border:1px solid #dbeafe;border-radius:12px;margin-bottom:16px;overflow:auto hidden}.holiday-calendar-head{background:#eff6ff;border-bottom:1px solid #dbeafe;grid-template-columns:repeat(7,minmax(96px,1fr));min-width:672px;display:grid}.holiday-calendar-weekday{text-align:center;color:#1e3a8a;border-right:1px solid #dbeafe;padding:8px 6px;font-size:12px;font-weight:700}.holiday-calendar-weekday:last-child{border-right:0}.holiday-calendar-grid{grid-template-columns:repeat(7,minmax(96px,1fr));min-width:672px;display:grid}.holiday-cell{text-align:left;cursor:pointer;background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;gap:6px;min-height:96px;padding:8px;display:flex}.holiday-cell.is-empty{cursor:default;background:#f8fafc}.holiday-cell.is-sunday{background:#fff7ed}.holiday-cell.is-holiday{background:#ecfdf5}.holiday-cell.is-active{outline-offset:-2px;outline:2px solid #2563eb}.holiday-cell-day{color:#0f172a;font-size:13px;font-weight:700}.holiday-tag{border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.holiday-tag.sunday{color:#9a3412;background:#fed7aa}.holiday-tag.custom{color:#166534;background:#bbf7d0}@media (width<=720px){.holiday-calendar{border-radius:10px}.holiday-cell{min-height:102px;padding:7px}.holiday-cell-day{font-size:12px}.holiday-tag{padding:3px 6px;font-size:9px}}.att-tabs{gap:8px;margin:8px 0 10px;display:flex}.att-tab{color:#334155;background:#e2e8f0;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.att-tab.active{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb)}.attendance-matrix-actions{margin-bottom:12px}.attendance-month-grid-scroll{background:#fff;border:1px solid #dbeafe;border-radius:12px;max-height:68vh;overflow:auto}.attendance-month-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content}.attendance-month-grid th,.attendance-month-grid td{text-align:center;background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0}.attendance-month-grid th{z-index:4;color:#1e3a8a;background:#eff6ff;min-width:52px;padding:8px 4px;font-size:12px;font-weight:700;line-height:1.1;position:sticky;top:0}.attendance-month-grid th small{color:#64748b;margin-top:3px;font-size:10px;display:block}.attendance-month-grid th.is-sun{background:#fee2e2}.attendance-month-grid th.is-holiday{background:#fef3c7}.att-day-holiday{color:#92400e;margin-top:2px;font-size:9px;font-weight:700;display:block}.attendance-month-grid .sticky-col-1{z-index:6;text-align:left;white-space:nowrap;background:#f8fafc;min-width:280px;max-width:320px;padding:8px 10px;position:sticky;left:0}.attendance-month-grid td .att-cell{color:#475569;background:0 0;border:0;border-radius:0;place-items:center;width:48px;min-height:42px;padding:6px 0;font-size:12px;font-weight:700;line-height:1.1;display:grid}.attendance-month-grid td .att-cell:hover{background:#eff6ff}.attendance-month-grid td .att-cell.is-present{color:#166534;background:#dcfce7}.attendance-month-grid td .att-cell.is-absent{color:#991b1b;background:#fee2e2}.attendance-month-grid td .att-cell.is-leave{color:#92400e;background:#fef3c7}.attendance-month-grid td .att-cell.is-selected{outline-offset:-2px;outline:2px solid #2563eb}.attendance-month-grid td .att-cell.is-holiday-lock{color:#92400e;cursor:not-allowed;background:#fff7ed}.att-cell-status{display:block}.att-cell-time{opacity:.95;margin-top:2px;font-size:10px;font-weight:600;display:block}.att-stu-cell{flex-direction:column;gap:2px;display:flex}.att-stu-name{color:#0f172a;font-size:13px;font-weight:700}.att-stu-meta{color:#64748b;font-size:11px;font-weight:600}.att-modal-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.att-modal-card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:min(440px,100%);padding:18px;box-shadow:0 26px 60px #0f172a3d}.att-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.att-modal-close{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;width:32px;height:32px;padding:0;font-size:20px;line-height:1}.att-modal-close:hover{background:#eef2ff}.att-modal-card h4{color:#1e3a8a;margin:0;font-size:1.05rem}.att-modal-card p{margin:0 0 8px}.att-modal-student{color:#0f172a;font-size:15px}.att-modal-sub{color:#64748b;font-size:13px}.att-modal-time{margin:10px 0 12px}.att-modal-time input{max-width:180px}.att-modal-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 12px;display:grid}.att-mark-btn{border:1px solid #0000;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.att-mark-btn.is-present{color:#166534;background:#dcfce7;border-color:#86efac}.att-mark-btn.is-absent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.att-mark-btn.is-leave{color:#92400e;background:#fef3c7;border-color:#fcd34d}.att-mark-btn:disabled{opacity:.65;cursor:not-allowed}.att-modal-cancel{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-weight:700}.att-daywise-card{background:#fff;border:1px solid #dbeafe;border-radius:12px;margin-top:16px;padding:14px}.att-daywise-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.att-daywise-head h3{color:#1e3a8a;margin:0}.att-daywise-head p{color:#475569;margin:0;font-size:13px}.att-daywise-actions{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.att-daywise-actions label{margin:0;font-size:12px}.att-daywise-actions input{width:auto;min-width:140px}.att-daywise-table th,.att-daywise-table td{vertical-align:middle}.att-inline-actions{flex-wrap:wrap;gap:6px;display:flex}.att-chip{border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.att-chip.is-present{color:#166534;background:#dcfce7;border-color:#86efac}.att-chip.is-absent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.att-chip.is-leave{color:#92400e;background:#fef3c7;border-color:#fcd34d}.tt-page .tt-head{align-items:flex-start}.tt-sub{max-width:720px}.tt-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 18px;display:flex}.tt-tab{cursor:pointer;color:#334155;background:#e2e8f0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700}.tt-tab.active{color:#fff;box-shadow:var(--admin-shadow-sm);background:linear-gradient(135deg,#1e40af,#2563eb)}.tt-toolbar{background:var(--admin-surface-muted);border:1px solid var(--admin-border);border-radius:var(--admin-radius);flex-wrap:wrap;align-items:flex-end;gap:14px 18px;margin-bottom:14px;padding:16px;display:flex}.tt-toolbar-overview{align-items:flex-end}.tt-field{min-width:140px}.tt-field-grow{flex:1;min-width:200px}.tt-field-checks{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.tt-field-checks .tt-label{width:100%;margin-bottom:0}.tt-label{color:#1e3a8a;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.tt-scope{gap:14px;padding-top:4px;display:flex}.tt-radio{color:#0f172a;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.tt-radio input{width:auto}.tt-check{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.tt-check input{width:auto}.tt-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.tt-context{color:#334155;margin:0 0 12px;font-size:14px}.tt-meta{color:#64748b;font-weight:500}.tt-hint{color:#64748b;margin:0 0 12px;font-size:14px}.tt-ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px;font-weight:600}.tt-footnote{color:#64748b;margin-top:18px;font-size:13px;line-height:1.5}.tt-grid-wrap{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--admin-shadow-sm);margin-top:8px;overflow-x:auto}.tt-grid{border-collapse:collapse;width:100%;font-size:13px}.tt-grid th,.tt-grid td{border:1px solid var(--admin-border);vertical-align:top}.tt-grid thead th{color:#1e3a8a;text-align:center;background:#eff6ff;padding:10px 8px;font-weight:800}.tt-corner{min-width:72px;background:#f8fafc!important}.tt-period-label{text-align:center;background:#f8fafc;width:72px;padding:10px 6px}.tt-period-num{color:#1e40af;font-size:15px;font-weight:800;display:block}.tt-period-hint{color:#64748b;margin-top:2px;font-size:11px;font-weight:600;display:block}.tt-cell{background:#fff;min-width:148px;padding:8px}.tt-mini{text-transform:uppercase;letter-spacing:.02em;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.tt-mini:last-child{margin-bottom:0}.tt-mini input,.tt-mini select{text-transform:none;margin-top:4px;padding:8px 10px;font-size:13px;font-weight:500}.tt-time-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tt-time input{width:100%}.tt-row-tools{vertical-align:middle;background:#f8fafc;width:1%;min-width:120px;padding:8px}.tt-copy-btn{white-space:normal;line-height:1.3;padding:8px 10px!important;font-size:11px!important}.tt-overview-table table{font-size:13px}.tt-overview-table .tt-muted{color:#64748b;font-size:12px}.tt-mono{font-variant-numeric:tabular-nums;white-space:nowrap}