:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-app:#eef3f8;--bg-panel:#fff;--bg-panel-soft:#f8fafc;--text-strong:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border-soft:#e2e8f0;--border-strong:#cbd5e1;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--info:#0891b2;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 18px 45px #0f172a1a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;font-family:var(--font-sans);color:var(--text-body);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:radial-gradient(circle at 0 0,#2563eb1a,#0000 32rem),linear-gradient(135deg,#f8fafc 0%,#eef3f8 44%,#f7fafc 100%)}button,input,select,textarea{font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}::selection{color:var(--text-strong);background:#2563eb2e}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box;border:3px solid #0000}.dashboard-layout :is(h1,h2,h3,h4){letter-spacing:0}.dashboard-layout :is(.ad-card,.ad-stat-card,.ann-stat-card,.ann-controls,.ann-list-container,.st-table-card,.tc-table-card,.tc-stat-card,.cl-table-card,.stu-table-card,.tm-stat-card,.tm-panel,.tm-table-card,.att-stat-card,.att-chart-card,.att-table-card,.fm-table-card,.ex-table-card){border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffffff0;border:1px solid #cbd5e1b8}.dashboard-layout :is(.st-table th,.tc-table th,.cl-list-table th,.stu-table th,.tm-table th,.ad-data-table th,.att-table th,.fm-table th,.ex-table th){color:#475569;background:#f8fafc}.dashboard-layout :is(.st-table tr:hover,.tc-table tr:hover,.stu-table tr:hover td,.cl-list-table tr:hover td,.tm-table tr:hover td,.att-table tr:hover td,.fm-table tr:hover td,.ex-table tr:hover td){background:#f8fafc}.dashboard-layout :is(.st-btn-primary,.tc-btn-primary,.cl-btn-primary,.ann-btn-primary,.tm-action.primary,.st-btn-publish,.tc-page-btn.active,.cl-page-btn.active,.st-page-btn.active,.stu-page-btn.active,.att-btn-primary,.att-btn-publish,.att-page-btn.active,.fm-btn-primary,.fm-btn-publish,.fm-page-btn.active,.ex-btn-primary,.ex-btn-publish,.ex-page-btn.active){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 18px #2563eb2e}.dashboard-layout :is(.st-btn-primary,.tc-btn-primary,.cl-btn-primary,.ann-btn-primary,.tm-action,.st-btn-secondary,.tc-btn-secondary,.st-view-btn,.tc-view-btn,.cl-btn-view,.stu-view-btn,.att-btn-primary,.att-action-btn,.fm-btn-primary,.fm-action-btn,.ex-btn-primary,.ex-btn-outline){min-height:34px}.dashboard-layout :is(.st-search-box,.tc-search-box,.cl-search-input,.stu-search-box input,.ad-search-input,.tm-search,.tm-select,.att-input,.att-col-filter,.fm-search-box input,.fm-input,.ex-search-box input,.ex-select,.ex-input){box-shadow:var(--shadow-xs)}.dashboard-layout :is(.st-modal,.st-modal-wide,.tc-modal-wide,.cl-modal,.ann-modal,.att-modal,.fm-modal,.ex-modal){box-shadow:var(--shadow-md);border:1px solid #e2e8f0d1}@media (width<=720px){.dashboard-layout :is(.st-page-header,.tc-page-header,.cl-page-header,.ann-header,.ad-main-header){flex-direction:column;align-items:flex-start;gap:12px}.dashboard-layout :is(.st-header-right,.tc-header-right,.cl-header-right,.ann-header-right,.ad-header-right){flex-wrap:wrap;width:100%}.dashboard-layout :is(.st-form-row-3,.st-form-row-2,.tc-row-3,.tc-row-2,.cl-form-row-3,.cl-form-row-2,.ann-form-row,.ann-form-row-3){grid-template-columns:1fr}}.dashboard-layout :is(.att-modal-overlay,.tc-modal-overlay,.st-modal-overlay,.cl-modal-overlay,.sbj-modal-overlay,.fm-modal-overlay,.rep-modal-overlay,.ex-modal-overlay,.ann-modal-overlay){z-index:12000!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0713377a!important;padding:8px!important}.dashboard-layout :is(.att-modal,.tc-modal-wide,.st-modal-wide,.cl-modal,.sbj-modal,.fm-modal,.rep-generate-modal,.ex-modal,.ann-modal){border:1px solid #cbd6e6!important;border-radius:10px!important;flex-direction:column!important;width:min(1040px,100vw - 16px)!important;max-width:none!important;height:min(92vh,720px)!important;max-height:none!important;display:flex!important;overflow:hidden!important;box-shadow:0 24px 70px #07133738!important}.dashboard-layout :is(.att-modal-header,.tc-modal-header,.st-modal-header,.cl-modal-header,.sbj-modal-header,.fm-modal-header,.rep-generate-modal .rep-modal-header,.ex-modal-header,.ann-modal-header){background:#fff!important;border-bottom:1px solid #dbe4f0!important;flex-shrink:0!important;min-height:72px!important;padding:20px 28px 16px!important}.dashboard-layout :is(.att-modal-title-group,.tc-modal-title-group,.st-modal-title-group,.cl-modal-title-group,.sbj-modal-title-group,.fm-modal-title-group,.rep-generate-modal .rep-modal-title-group,.ex-modal-title-group){gap:18px!important}.dashboard-layout :is(.att-modal-icon,.tc-modal-icon,.st-modal-icon,.cl-modal-icon,.sbj-modal-icon,.fm-modal-icon,.rep-generate-modal .rep-modal-icon,.ex-modal-icon){border-radius:10px!important;flex:none!important;width:52px!important;height:52px!important}.dashboard-layout :is(.att-modal-icon svg,.tc-modal-icon svg,.st-modal-icon svg,.cl-modal-icon svg,.sbj-modal-icon svg,.fm-modal-icon .fm-line-icon,.rep-generate-modal .rep-modal-icon .rep-line-icon,.ex-modal-icon svg){width:28px!important;height:28px!important}.dashboard-layout :is(.att-modal-title h2,.tc-modal-title h2,.st-modal-title h2,.cl-modal-title h2,.sbj-modal-title h2,.fm-modal-title h2,.rep-generate-modal .rep-modal-title h2,.ex-modal-title h2,.ann-modal-title h2){margin:0 0 6px!important;font-size:22px!important;line-height:1.2!important}.dashboard-layout :is(.att-modal-title p,.tc-modal-title p,.st-modal-title p,.cl-modal-title p,.sbj-modal-title p,.fm-modal-title p,.rep-generate-modal .rep-modal-title p,.ex-modal-title p,.ann-modal-title p){margin:0!important;font-size:11px!important;line-height:1.35!important}.dashboard-layout :is(.att-modal-close,.tc-enroll-close,.st-enroll-close,.cl-modal-close,.sbj-modal-close,.fm-modal-close,.rep-modal-close,.ex-modal-close){border-radius:8px!important;width:34px!important;height:34px!important}.dashboard-layout :is(.att-modal-close .att-line-icon,.tc-enroll-close .tc-line-icon,.st-enroll-close .st-line-icon,.cl-modal-close .cl-line-icon,.sbj-modal-close .sbj-line-icon,.fm-modal-close .fm-line-icon,.rep-modal-close .rep-line-icon,.ex-modal-close .ex-line-icon){width:18px!important;height:18px!important}.dashboard-layout :is(.att-modal-body,.tc-modal-body-scroll,.st-modal-body-scroll,.cl-modal-body,.sbj-modal-body,.fm-modal-body,.rep-generate-modal .rep-modal-body,.ex-modal-body,.ann-modal-body){background:#fff!important;flex:auto!important;min-height:0!important;padding:14px 28px 18px!important;overflow-y:auto!important}.dashboard-layout :is(.att-modal-card,.tc-form-card,.st-form-card,.cl-modal-card,.sbj-modal-card,.fm-modal-card,.rep-modal-card,.ex-modal-card){border-radius:8px!important;padding:20px!important}.dashboard-layout :is(.att-modal-footer,.tc-modal-footer,.st-modal-footer-modern,.cl-modal-footer,.sbj-modal-footer,.fm-modal-footer,.rep-generate-modal .rep-modal-footer,.ex-modal-footer,.ann-modal-footer){background:#fff!important;border-top:1px solid #dbe4f0!important;flex-shrink:0!important;min-height:76px!important;padding:16px 28px!important}.dashboard-layout :is(.fm-modal-footer,.rep-generate-modal .rep-modal-footer){justify-content:flex-end!important;gap:12px!important}.dashboard-layout :is(.att-footer-actions,.tc-footer-actions,.st-footer-actions,.cl-footer-actions,.sbj-footer-actions,.rep-footer-actions,.ex-footer-actions,.ann-footer-actions){justify-content:flex-end!important;align-items:center!important;gap:12px!important;display:flex!important}@media (width<=720px){.dashboard-layout :is(.att-modal,.tc-modal-wide,.st-modal-wide,.cl-modal,.sbj-modal,.fm-modal,.rep-generate-modal,.ex-modal,.ann-modal){width:calc(100vw - 8px)!important;height:calc(100vh - 8px)!important}}.page{z-index:999;background:radial-gradient(circle at 96% -8%,#dbe7fff2 0 18rem,#dbe7ff75 18.1rem 26rem,#0000 26.2rem),radial-gradient(circle at 0 84%,#eae7ffe6 0 18rem,#0000 18.2rem),linear-gradient(135deg,#fff 0%,#f8fbff 48%,#eef6ff 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.page:before,.page:after{content:"";pointer-events:none;position:fixed}.page:before{border:2px solid #38bdf83d;border-radius:50%;width:34rem;height:34rem;bottom:-5rem;right:-10rem}.page:after{background:#e2e8ff5c;border-radius:50%;width:28rem;height:28rem;bottom:-10rem;left:-12rem}.bg-dot{opacity:.56;pointer-events:none;background-image:radial-gradient(circle,#a8b8ff 3px,#0000 3.5px);background-size:24px 24px;width:124px;height:74px;position:fixed}.bg-dot-left{top:18%;left:10%}.bg-dot-right{bottom:23%;right:9%}.bg-orb{pointer-events:none;border-radius:50%;position:fixed}.bg-orb-top{background:#a9d1ff;width:10px;height:10px;top:35%;right:16%}.bg-orb-bottom-left{background:#cfe2ff57;width:220px;height:220px;bottom:6%;left:10%}.bg-orb-bottom{background:#bfdbfecc;width:8px;height:8px;bottom:27%;left:21%}.bg-line{pointer-events:none;position:fixed}.bg-line-right{border-bottom:2px solid #c4b5fd80;border-left:2px solid #93c5fd8f;border-radius:54% 0 0 46%;width:460px;height:340px;bottom:24%;right:-5%;transform:rotate(-23deg)}.card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #cbd5e1d1;border-radius:22px;width:min(420px,100vw - 40px);padding:56px 36px 34px;position:relative;overflow:hidden;box-shadow:0 34px 76px #0f172a21}.card:before{content:"";background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 48%,#10b981 100%);height:7px;position:absolute;inset:0 0 auto}.icon{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);border-radius:15px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:22px;font-size:24px;font-weight:850;display:inline-flex;box-shadow:0 16px 32px #2563eb47}.card h2{color:#172033;letter-spacing:0;margin:0 0 12px;font-size:32px;font-weight:850;line-height:1.1}.welcome{color:#475569;margin:0;font-size:16px;font-weight:750}.subtitle{color:#64748b;margin-top:10px;margin-bottom:28px;font-size:14px;display:block}.tabs{background:#f3f6fb;border:1px solid #edf2f8;border-radius:11px;margin-bottom:28px;padding:0;display:flex;overflow:hidden}.tab{cursor:pointer;color:#526076;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 12px;font-size:14px;font-weight:750;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.tab .auth-line-icon{width:18px;height:18px}.tab:hover{color:#1d4ed8}.tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 22px #2563eb47}.form{flex-direction:column;gap:20px;display:flex}.input-shell{box-sizing:border-box;background:#ffffffeb;border:1px solid #d8e0ec;border-radius:12px;align-items:center;gap:14px;width:100%;height:62px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.input-shell:focus-within{border-color:#93b5ff;box-shadow:0 0 0 4px #2563eb17}.input-icon{color:#526076;background:#f4f7fb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.input-icon .auth-line-icon,.password-toggle .auth-line-icon{width:18px;height:18px}.form input{color:#111827;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:16px;font-weight:500}.form input::placeholder{color:#111827;opacity:1}.password-toggle{color:#334155;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.loginBtn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:140px;width:100%;height:58px;margin-top:8px;font-size:18px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 28px #2563eb42}.loginBtn .auth-line-icon{width:22px;height:22px}.loginBtn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #2563eb4d}.loginBtn:disabled{cursor:wait;opacity:.72;transform:none}.divider{color:#64748b;align-items:center;gap:22px;margin:30px 0 24px;font-size:15px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:#e5eaf2;flex:1;height:1px}.forgot{color:#2563eb;cursor:pointer;justify-content:center;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800;transition:color .2s;display:inline-flex}.forgot .auth-line-icon{width:18px;height:18px}.forgot:hover{color:#1d4ed8}.auth-line-icon{width:20px;height:20px}@media (width<=560px){.page{padding:16px;overflow:auto}.card{width:100%;padding:42px 18px 26px}.tabs{flex-direction:column;gap:4px;padding:4px}.loginBtn{gap:32px}.bg-dot,.bg-line{display:none}}.app-sidebar{scrollbar-width:none;-ms-overflow-style:none;height:100vh;font-family:var(--font-sans,"Segoe UI", system-ui, -apple-system, sans-serif);background:linear-gradient(#fffffff5 0%,#f8fafcfa 100%);border-right:1px solid #cbd5e1b8;flex-direction:column;padding:1.35rem 0 0;display:flex;box-shadow:18px 0 40px #0f172a0a}.app-sidebar::-webkit-scrollbar{display:none}.sidebar-logo-container{align-items:center;gap:12px;margin-bottom:1.5rem;padding:0 24px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:3px;width:34px;height:34px;padding:7px;display:grid;box-shadow:0 10px 22px #2563eb3d}.sidebar-logo-icon .logo-dot{background-color:#fffffff5;border-radius:2px;width:7px;height:7px;display:block}.sidebar-logo-text{color:#0f172a;letter-spacing:0;margin:0;font-size:20px;font-weight:800}.sidebar-nav-scroll{scrollbar-width:none;overflow-y:auto}.sidebar-nav-scroll::-webkit-scrollbar{display:none}.sidebar-nav-group{margin-bottom:14px}.sidebar-nav-label{color:#7c8a9c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding:0 24px;font-size:11px;font-weight:700}.sidebar-nav-item{color:#526275;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;margin:2px 12px;padding:9px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav-icon{color:#74849a;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s;display:flex}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-item.active:before{content:"";background:linear-gradient(#2563eb,#0891b2);border-top-right-radius:4px;border-bottom-right-radius:4px;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar-nav-item:hover{color:#0f172a;background-color:#f1f5f9}.sidebar-nav-item:hover .sidebar-nav-icon{color:#64748b}.sidebar-nav-item.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#eefbff);font-weight:750;box-shadow:inset 0 0 0 1px #2563eb14}.sidebar-nav-item.active .sidebar-nav-icon{color:#1d4ed8}.sidebar-bottom{background:#ffffffd1;border-top:1px solid #e2e8f0e6;margin-top:auto;padding:16px 0}.sidebar-nav-item--logout{color:#ef4444;gap:12px;margin-bottom:8px}.sidebar-nav-item--logout .sidebar-nav-icon{color:#ef4444;justify-content:center;width:36px}.sidebar-nav-item--logout:hover{color:#dc2626;background-color:#fef2f2}.sidebar-nav-item--logout:hover .sidebar-nav-icon{color:#dc2626}.sidebar-profile{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:12px;width:100%;padding:10px 24px 8px;transition:background-color .2s;display:flex}.sidebar-profile:hover{background-color:#f8fafc}.sidebar-avatar{color:#1e40af;background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-avatar.admin{color:#1e40af;background-color:#dbeafe}.sidebar-avatar.teacher{color:#16a34a;background-color:#dcfce7}.sidebar-avatar.student{color:#e11d48;background-color:#ffe4e6}.sidebar-profile-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-profile-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-profile-role{color:#64748b;text-transform:capitalize;font-size:12px}html,body,#root{width:100%!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.dashboard-layout h2,.dashboard-layout h3,.dashboard-layout h4,.dashboard-layout p{margin-top:0;margin-bottom:0}.dashboard-layout *,.dashboard-layout :before,.dashboard-layout :after{box-sizing:border-box}.dashboard-layout{width:100%;max-width:100vw;height:100vh;color:var(--text-strong,#1e293b);font-family:var(--font-sans,"Segoe UI", system-ui, -apple-system, sans-serif);background:radial-gradient(circle at 100% 0,#0891b21a,#0000 28rem),linear-gradient(135deg,#f8fafc 0%,#eef3f8 55%,#f7fafc 100%);grid-template-columns:272px minmax(0,1fr);display:grid;overflow:hidden}.dashboard-main{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;gap:1rem;height:100vh;padding:1.25rem 2rem 1.75rem;display:flex;overflow:hidden auto}.dashboard-main::-webkit-scrollbar{width:10px}.dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}@media (width<=768px){html,body,#root{height:auto!important;overflow:auto!important}.dashboard-layout{grid-template-columns:1fr;height:auto;overflow:visible}.dashboard-main{height:auto;padding:1rem;overflow-y:visible}}.ad-main-header{justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.ad-greeting{min-width:0}.ad-title-dropdown-wrapper{display:inline-block;position:relative}.ad-title-trigger{color:#071337;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:0;display:inline-flex}.ad-wave{font-size:22px;line-height:1}.ad-greeting h2{color:#071337;letter-spacing:0;margin:0;font-size:25px;font-weight:900;line-height:1.15}.ad-greeting p{color:#52617a;margin:8px 0 0;font-size:13px;font-weight:700}.ad-greeting p span{padding:0 7px}.ad-dropdown-menu{z-index:50;background:#fff;border:1px solid #dbe4f0;border-radius:10px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 42px #0f172a24}.ad-dropdown-item{color:#17223b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;min-height:38px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:800}.ad-dropdown-item:hover{color:#1d4ed8;background:#eff6ff}.ad-header-right,.ad-top-actions{align-items:center;gap:12px;display:flex}.ad-search-box{width:210px;position:relative}.ad-search-icon{color:#64748b;width:15px;height:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ad-search-icon svg{display:block}.ad-search-input{color:#17223b;background:#fff;border:1px solid #d8e2ef;border-radius:8px;outline:none;width:100%;height:36px;padding:0 14px 0 36px;font-size:12px;font-weight:700;box-shadow:0 10px 22px #0f172a09}.ad-search-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.ad-notification-group,.ad-avatar--hdr{color:#17223b;background:#fff;border:1px solid #d8e2ef;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative;box-shadow:0 10px 22px #0f172a0a}.ad-notification-group{cursor:pointer}.ad-notification-group svg{width:18px;height:18px}.ad-notification-badge-num{color:#fff;background:#ef4444;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-7px;right:-6px}.ad-avatar--hdr{color:#1d4ed8;background:#dbeafe;border-radius:999px;font-size:12px;font-weight:900}.ad-top-actions{justify-content:flex-end;margin-top:-2px}.ad-quick-btn,.ad-section-header button,.ad-more-btn,.ad-pagination button{cursor:pointer;font-family:inherit}.ad-quick-btn{border-radius:7px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex}.ad-quick-btn.add-student{color:#1d4ed8;background:#fff;border:1px solid #93c5fd}.ad-quick-btn.add-teacher{color:#16a34a;background:#fff;border:1px solid #86efac}.ad-quick-btn.generate-report{color:#fff;background:#1d4ed8;border:0;box-shadow:0 12px 24px #1d4ed838}.ad-action-icon{flex:none;width:16px;height:16px}.ad-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ad-stat-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex;overflow:hidden;box-shadow:0 16px 38px #0f172a0e}.ad-stat-left{align-items:center;gap:16px;min-width:0;display:flex}.ad-stat-icon-group{border-radius:13px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.ad-stat-card--blue .ad-stat-icon-group{color:#1d4ed8;background:#dbeafe}.ad-stat-card--purple .ad-stat-icon-group{color:#7c3aed;background:#f3e8ff}.ad-stat-card--orange .ad-stat-icon-group{color:#f97316;background:#ffedd5}.ad-stat-card--green .ad-stat-icon-group{color:#16a34a;background:#dcfce7}.ad-stat-icon-group svg{width:24px;height:24px}.ad-stat-content{flex-direction:column;min-width:0;display:flex}.ad-stat-content h4{color:#52617a;white-space:nowrap;margin:0 0 7px;font-size:12px;font-weight:900}.ad-stat-status{color:#071337;font-size:28px;font-weight:900;line-height:.95}.ad-stat-content span{color:#52617a;white-space:nowrap;margin-top:12px;font-size:11px;font-weight:800}.ad-stat-card--blue .ad-stat-content span,.ad-stat-card--green .ad-stat-content span{color:#16a34a}.ad-stat-card--purple .ad-stat-content span{color:#7c3aed}.ad-mini-line{opacity:.95;flex:0 0 78px;height:42px}.ad-stat-card--blue .ad-mini-line{color:#1d4ed8}.ad-stat-card--purple .ad-mini-line{color:#a855f7}.ad-stat-card--orange .ad-mini-line{color:#fb923c}.ad-mini-bars{flex:0 0 70px;align-items:flex-end;gap:7px;height:52px;display:flex}.ad-mini-bars span{background:#22c1d6;border-radius:999px;width:8px;display:block}.ad-middle-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.95fr);gap:18px;display:grid}.ad-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;box-shadow:0 16px 38px #0f172a0e}.ad-chart-card,.ad-events-card{padding:20px}.ad-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ad-section-header h3{color:#071337;margin:0;font-size:16px;font-weight:900}.ad-section-header button{color:#17223b;background:#fff;border:1px solid #d8e2ef;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.ad-section-header button svg{width:15px;height:15px}.ad-section-header .ad-view-link{color:#1d4ed8;background:0 0;border:0;min-height:auto;padding:0;font-size:13px}.ad-period-dropdown{z-index:5;position:relative}.ad-section-header .ad-period-trigger{min-width:118px}.ad-period-trigger svg{transition:transform .18s}.ad-period-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.ad-period-menu{z-index:20;background:#fff;border:1px solid #d8e2ef;border-radius:8px;width:142px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 38px #0f172a24}.ad-period-menu button{color:#17223b;background:#fff;border:0;border-radius:0;justify-content:flex-start;width:100%;min-height:36px;padding:0 12px;font-size:12px;font-weight:700}.ad-period-menu button:hover,.ad-period-menu button.active{color:#1d4ed8;background:#eff6ff}.ad-attendance-bars{flex-direction:column;gap:18px;display:flex}.ad-attendance-empty{color:#64748b;place-items:center;min-height:144px;font-size:13px;font-weight:650;display:grid}.ad-attendance-row{color:#52617a;grid-template-columns:86px minmax(0,1fr) 42px;align-items:center;gap:18px;font-size:12px;font-weight:800;display:grid}.ad-attendance-track{background:#f1f5f9;border-radius:999px;height:12px;overflow:hidden}.ad-attendance-track i{border-radius:inherit;height:100%;display:block}.ad-attendance-track .blue{background:#1d4ed8}.ad-attendance-track .orange{background:#fb923c}.ad-attendance-track .green{background:#10b981}.ad-attendance-track .purple{background:#a855f7}.ad-attendance-track .cyan{background:#22c1d6}.ad-attendance-row strong{color:#071337;font-size:12px;font-weight:900}.ad-attendance-scale{color:#52617a;grid-template-columns:repeat(5,1fr);margin-left:104px;font-size:11px;font-weight:800;display:grid}.ad-events-list{border:1px solid #dfe7f2;border-radius:9px;overflow:hidden}.ad-event-item{color:#17223b;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #dfe7f2;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:62px;padding:0 14px;display:grid}.ad-event-item:last-child{border-bottom:0}.ad-event-item:hover{background:#f8fbff}.ad-event-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ad-event-icon svg{width:22px;height:22px}.ad-event-icon.blue{color:#1d4ed8;background:#dbeafe}.ad-event-icon.green{color:#16a34a;background:#dcfce7}.ad-event-icon.yellow{color:#f97316;background:#ffedd5}.ad-event-icon.pink{color:#7c3aed;background:#f3e8ff}.ad-event-details h4{color:#071337;margin:0 0 5px;font-size:13px;font-weight:750}.ad-event-details p{color:#52617a;margin:0;font-size:11px;font-weight:600}.ad-event-item>.ad-action-icon{color:#071337}.ad-events-empty{color:#64748b;place-items:center;min-height:184px;font-size:13px;font-weight:650;display:grid}.ad-card.full{overflow:hidden}.ad-card.full .ad-section-header{border-bottom:1px solid #dfe7f2;min-height:58px;margin:0;padding:0 18px}.ad-table-responsive{width:100%;overflow-x:auto}.ad-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:940px}.ad-data-table th{color:#52617a;letter-spacing:.04em;text-transform:uppercase;background:#fbfcfe;border-bottom:1px solid #dfe7f2;height:42px;padding:0 14px;font-size:10px;font-weight:750}.ad-data-table td{color:#17223b;border-bottom:1px solid #dfe7f2;height:58px;padding:0 14px;font-size:12px;font-weight:600}.ad-data-table .ad-empty-row{color:#64748b;text-align:center;height:96px;font-size:13px;font-weight:650}.ad-data-table tr:last-child td{border-bottom:0}.ad-data-table input[type=checkbox]{accent-color:#1d4ed8;cursor:pointer;width:15px;height:15px}.ad-student-cell,.ad-date-cell{align-items:center;gap:10px;display:inline-flex}.ad-student-avatar{border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:9px;font-weight:750;display:inline-flex}.ad-student-cell strong{font-weight:700}.ad-student-avatar.rose{color:#dc2626;background:#fee2e2}.ad-student-avatar.blue{color:#1d4ed8;background:#dbeafe}.ad-student-avatar.pink{color:#be185d;background:#fce7f3}.ad-student-avatar.slate{color:#334155;background:#e2e8f0}.ad-date-cell .ad-action-icon{color:#64748b;width:15px;height:15px}.ad-status-pill{border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 11px;font-size:10px;font-weight:750;display:inline-flex}.ad-status-pill.paid{color:#16a34a;background:#dcfce7}.ad-status-pill.pending{color:#f97316;background:#ffedd5}.ad-status-pill.overdue{color:#ef4444;background:#fee2e2}.ad-more-btn{color:#17223b;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ad-more-btn:hover{color:#1d4ed8;background:#eff6ff}.ad-more-btn .ad-action-icon{width:17px;height:17px}.ad-table-footer{color:#52617a;border-top:1px solid #dfe7f2;justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:0 18px;font-size:12px;font-weight:800;display:flex}.ad-pagination{align-items:center;gap:8px;display:flex}.ad-pagination button{color:#64748b;background:#fff;border:1px solid #d8e2ef;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:12px;font-weight:900;display:inline-flex}.ad-pagination button:first-child .ad-action-icon{transform:rotate(180deg)}.ad-pagination button.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 10px 20px #1d4ed833}.ad-pagination .ad-action-icon{width:15px;height:15px}@media (width<=1180px){.ad-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-middle-grid{grid-template-columns:1fr}}@media (width<=760px){.ad-main-header,.ad-header-right,.ad-top-actions{flex-direction:column;align-items:stretch}.ad-search-box,.ad-quick-btn{width:100%}.ad-summary-row{grid-template-columns:1fr}.ad-greeting h2{font-size:22px}.ad-attendance-row{grid-template-columns:74px minmax(0,1fr) 40px;gap:12px}.ad-attendance-scale{margin-left:86px;font-size:10px}.ad-table-footer{flex-direction:column;justify-content:center;align-items:stretch;padding:14px 18px}}.action-header-bar{background:#ffffffe0;border:1px solid #cbd5e1b8;border-radius:10px;align-items:center;gap:4px;min-height:46px;margin-bottom:16px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #0f172a0d}.action-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.action-btn:hover{color:#0f172a;background-color:#f1f5f9}.action-btn svg{color:#64748b;width:16px;height:16px;transition:color .2s}.action-btn:hover svg{color:#2563eb}.action-btn.delete-btn:hover{color:#dc2626;background-color:#fef2f2}.action-btn.delete-btn:hover svg{color:#dc2626}.action-divider{background-color:#e2e8f0;width:1px;height:16px;margin:0 4px}@media (width<=640px){.action-header-bar{overflow-x:auto}.action-btn{flex:none}}.right-align{margin-left:auto}.action-btn.export-btn:hover{color:#16a34a;background-color:#f0fdf4}.action-btn.export-btn:hover svg{color:#16a34a}.ann-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.ann-header-left h2{color:#0f172a;letter-spacing:0;margin:0 0 6px;font-size:26px;font-weight:850}.ann-header-left p{color:#64748b;margin:0;font-size:14px}.ann-header-right{align-items:center;gap:18px;display:flex}.ann-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:0 12px 24px #2563eb3d}.ann-btn-primary svg{width:17px;height:17px}.ann-avatar{color:#2563eb;background:#e8f0ff;border:2px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:850;display:grid}.ann-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.ann-stat-card{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:18px;min-height:104px;padding:22px;display:flex;box-shadow:0 14px 35px #0f172a0d}.ann-stat-icon{border-radius:16px;flex:none;place-items:center;width:62px;height:62px;display:grid}.ann-stat-icon svg{width:28px;height:28px}.ann-stat-icon.blue{color:#3b82f6;background:#eaf0ff}.ann-stat-icon.purple{color:#8b5cf6;background:#f1e8ff}.ann-stat-icon.green{color:#22c55e;background:#e9f9ef}.ann-stat-icon.orange{color:#f59e0b;background:#fff4df}.ann-stat-copy{flex-direction:column;gap:4px;display:flex}.ann-stat-copy span{color:#475569;font-size:13px;font-weight:750}.ann-stat-copy strong{color:#0f172a;font-size:25px;font-weight:850}.ann-stat-copy small{color:#64748b;font-size:13px;font-weight:600}.ann-stat-copy small.green{color:#16a34a}.ann-stat-copy small.purple{color:#7c3aed}.ann-controls{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:62px;margin-bottom:20px;padding:10px 18px;display:flex;box-shadow:0 14px 35px #0f172a0a}.ann-search{flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.ann-search svg{color:#8494ad;width:20px;height:20px}.ann-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:14px}.ann-filters{gap:8px;display:flex}.ann-filter-btn{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:750}.ann-filter-btn.active{color:#2563eb;background:#eaf0ff}.ann-list-container{background:#fffffff5;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0f172a0d}.ann-list-header{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:20px 22px;font-size:16px;font-weight:850;display:flex}.ann-list-scroll{flex-direction:column;display:flex}.ann-item{border-bottom:1px solid #e2e8f0;grid-template-columns:22px 68px minmax(0,1fr) 46px;align-items:center;gap:16px;padding:20px 22px;display:grid}.ann-list-header input,.ann-row-checkbox{accent-color:#3948f5;cursor:pointer;width:16px;height:16px}.ann-date-tile{border-radius:12px;align-content:center;place-items:center;gap:2px;width:66px;height:68px;display:grid}.ann-date-tile span{font-size:12px;font-weight:850}.ann-date-tile strong{font-size:22px;line-height:1}.ann-date-tile.urgent{color:#ef4444;background:#fee7ec}.ann-date-tile.general{color:#2563eb;background:#eaf0ff}.ann-date-tile.event{color:#16a34a;background:#e7f8ee}.ann-date-tile.fee{color:#d97706;background:#fff4df}.ann-item-content{min-width:0}.ann-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.ann-item-title{color:#0f172a;font-size:16px;font-weight:850}.ann-item-meta{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ann-item-desc{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.45}.ann-tags{flex-wrap:wrap;gap:8px;display:flex}.ann-tag{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:850}.ann-tag.blue{color:#2563eb;background:#eff6ff}.ann-tag.green{color:#16a34a;background:#e7f8ee}.ann-tag.yellow{color:#d97706;background:#fff7ed}.ann-tag.gray{color:#64748b;background:#f1f5f9}.ann-badge{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:850}.ann-badge.urgent{color:#dc2626;background:#fee2e2}.ann-badge.general{color:#2563eb;background:#eaf0ff}.ann-badge.event{color:#16a34a;background:#e7f8ee}.ann-badge.fee{color:#d97706;background:#fff4df}.ann-row-action{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.ann-row-action svg{width:22px;height:22px}.ann-list-footer{color:#64748b;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex}.ann-pagination{gap:8px;display:flex}.ann-pagination button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:40px;height:40px;font-weight:850}.ann-pagination button.active{color:#2563eb;background:#eff6ff}.ann-empty{text-align:center;color:#64748b;padding:32px;font-size:14px}.ann-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ann-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(680px,100%);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #0f172a38}.ann-modal-header,.ann-modal-footer{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.ann-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:none}.ann-modal-title h2{color:#0f172a;margin:0 0 3px;font-size:18px}.ann-modal-title p,.ann-req-text{color:#64748b;margin:0;font-size:12px}.ann-draft-pill{color:#2563eb;background:#eff6ff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.ann-modal-body{flex-direction:column;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.ann-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ann-form-group{flex-direction:column;gap:6px;display:flex}.ann-form-group label{color:#334155;font-size:12px;font-weight:800}.ann-form-group label span{color:#ef4444}.ann-input{color:#0f172a;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.ann-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ann-textarea{resize:vertical;min-height:110px}.ann-footer-actions{gap:10px;display:flex}.ann-btn-discard,.ann-btn-draft,.ann-btn-publish{cursor:pointer;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:800}.ann-btn-discard{color:#64748b;background:0 0;border:none}.ann-btn-draft{color:#334155;background:#fff;border:1px solid #cbd5e1}.ann-btn-publish{color:#fff;background:#2563eb;border:none}@media (width<=980px){.ann-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ann-controls,.ann-header{flex-direction:column;align-items:stretch}}@media (width<=720px){.ann-stats-row,.ann-form-row{grid-template-columns:1fr}.ann-item{grid-template-columns:22px 56px minmax(0,1fr)}.ann-row-action{display:none}.ann-list-footer{flex-direction:column;align-items:flex-start}}.ann-item-title{font-weight:700}.ann-item-meta,.ann-item-desc,.ann-list-footer,.ann-stat-copy span,.ann-stat-copy small{font-weight:500}.ann-tag,.ann-badge,.ann-filter-btn,.ann-pagination button{font-weight:700}.admin-list-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:none;overflow:hidden}.admin-list-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.admin-list-search{color:#94a3b8;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;width:100%;max-width:360px;padding:9px 11px;display:flex}.admin-list-search svg{flex-shrink:0;width:18px;height:18px;margin-right:12px}.admin-list-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.admin-list-search input::placeholder{color:#94a3b8}.admin-list-tools{align-items:center;gap:10px;display:flex}.admin-list-configure-btn,.admin-list-filter-btn{height:36px;box-shadow:none;color:#1e3a8a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:9px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.admin-list-configure-btn svg{width:18px;height:18px}.admin-list-filter-btn{color:#475569;justify-content:center;width:38px;padding:0}.admin-list-filter-btn svg{width:20px;height:20px}.admin-list-scroll{background:#fff;width:100%;padding:18px 22px 6px;overflow-x:auto}.admin-list-table{border-collapse:collapse;text-align:left;color:#000;width:100%}.admin-list-table th{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;padding:0 10px 12px;font-size:14px;font-weight:700}.admin-list-table td{color:#000;vertical-align:middle;border-bottom:1px solid #d1d5db;padding:14px 10px;font-size:14px;font-weight:400}.admin-list-table tbody tr:hover,.admin-list-table tbody tr:hover td{background:#fff}.admin-list-table input[type=checkbox]{accent-color:#1d4ed8;width:14px;height:14px}.admin-list-configurable-th{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.admin-list-configurable-th:active{cursor:grabbing}.admin-list-configurable-th:before{content:"";pointer-events:none;background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:7px;bottom:7px;left:-1px}.admin-list-configurable-th.is-table-dragging{color:#9ca3af;background:#f9fafb}.admin-list-configurable-th.is-table-drag-over{background:#f8fbff}.admin-list-configurable-th.is-table-drag-over:before{background:#1d4ed8;box-shadow:0 0 0 2px #1d4ed81f}.admin-list-column-label{padding-right:0;display:inline-block}.admin-list-column-drag-hint{display:none}.admin-list-resize-handle{cursor:col-resize;border-right:2px solid #0000;width:8px;position:absolute;top:2px;bottom:8px;right:0}.admin-list-resize-handle:hover{border-right-color:#1d4ed8}.admin-list-cell-content{text-overflow:ellipsis;white-space:nowrap;color:inherit;overflow:hidden}.admin-list-expanded-row td{background:#fff;padding:0 10px 16px}.admin-list-empty{text-align:center;color:#64748b;padding:3rem!important}.admin-list-pagination{background:#fff;border-top:0;justify-content:space-between;align-items:center;padding:13px 22px;display:flex}.admin-list-page-info{color:#4b5563;font-size:13px;font-weight:400}.admin-list-page-buttons{gap:6px;display:flex}.admin-list-page-btn{color:#475569;cursor:pointer;min-width:30px;height:30px;box-shadow:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.admin-list-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.admin-list-page-btn.active{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 10px 18px #1d4ed840}.admin-list-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}@media (width<=760px){.admin-list-toolbar{flex-direction:column;align-items:stretch}.admin-list-search{max-width:none}.admin-list-tools{justify-content:space-between}.admin-list-pagination{flex-direction:column;align-items:flex-start;gap:12px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.att-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.att-header-left p{color:#64748b;margin:0;font-size:13px}.att-header-right{align-items:center;gap:12px;display:flex}.att-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.att-btn-primary:hover{background-color:#1d4ed8}.att-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.att-page-wrapper{height:auto;padding-bottom:20px;padding-right:15px;overflow-y:visible}.dashboard-main{overflow-y:auto}.att-action-bar{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 0;display:flex}.att-action-group{gap:20px;display:flex}.att-action-btn{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;transition:color .2s;display:flex}.att-action-btn:hover{color:#2563eb}.att-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.att-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 2px 4px #00000005}.att-stat-value{color:#0f172a;margin-bottom:6px;font-size:28px;font-weight:800}.att-stat-sub.green{color:#16a34a}.att-stat-sub.red{color:#dc2626}.att-stat-sub.yellow{color:#d97706}.att-stat-sub.blue{color:#2563eb}.att-charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.att-chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000005}.att-chart-card h3{color:#0f172a;margin:0 0 20px;font-size:14px;font-weight:700}.att-bar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.att-bar-track{background-color:#f1f5f9;border-radius:6px;flex:1;height:6px;overflow:hidden}.att-bar-fill{border-radius:6px;height:100%;transition:width .5s ease-in-out}.att-bar-percent{text-align:right;color:#334155;width:35px;font-size:12px;font-weight:700}.att-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;margin-bottom:10px;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000005}.att-table-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.att-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:900px}.att-table th{color:#64748b;text-transform:uppercase;z-index:10;vertical-align:top;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.att-table tr:hover td{background-color:#f8fafc}.att-col-filter{color:#334155;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:6px 8px;font-size:11px;font-weight:600;transition:all .2s;display:block}.att-col-filter:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.att-status-circle{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:inline-flex}.att-status-circle.P{color:#16a34a;background-color:#dcfce7}.att-status-circle.A{color:#dc2626;background-color:#fee2e2}.att-status-circle.L{color:#d97706;background-color:#fef3c7}.att-status-circle.H{color:#2563eb;background-color:#eff6ff}.att-status-circle.empty{color:#0000;background-color:#f1f5f9}.att-legend-row{background-color:#fff;border-top:1px solid #e2e8f0;gap:20px;padding:12px 24px;display:flex}.att-legend-item{color:#64748b;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.att-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.att-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:950px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.att-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.att-modal-title-group{align-items:center;gap:12px;display:flex}.att-modal-icon{color:#2563eb;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.att-modal-title h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.att-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.att-modal-body{flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.att-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.att-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.att-form-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.att-form-group{flex-direction:column;gap:6px;display:flex}.att-form-group label{color:#334155;font-size:12px;font-weight:600}.att-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:all .2s}.att-input:focus{border-color:#2563eb}.att-info-banner{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:500;display:flex}.att-bulk-btns{gap:10px;margin-bottom:12px;display:flex}.att-btn-bulk-p{color:#16a34a;cursor:pointer;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.att-btn-bulk-a{color:#dc2626;cursor:pointer;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.att-btn-bulk-p:hover{background-color:#bbf7d0}.att-btn-bulk-a:hover{background-color:#fecaca}.att-modal-table{border-collapse:collapse;text-align:left;width:100%}.att-modal-table th{color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:10px;font-weight:700}.att-modal-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px;font-size:12px;font-weight:500}.att-toggles{gap:4px;display:flex}.att-toggle-btn{color:#94a3b8;cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.att-toggle-btn.p.active{color:#16a34a;background-color:#dcfce7;border-color:#16a34a}.att-toggle-btn.a.active{color:#dc2626;background-color:#fee2e2;border-color:#dc2626}.att-toggle-btn.l.active{color:#d97706;background-color:#fef3c7;border-color:#d97706}.att-toggle-btn.h.active{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.att-remark-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;max-width:200px;padding:8px 10px;font-size:11px}.att-remark-input:focus{border-color:#2563eb}.att-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.att-btn-discard{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .2s}.att-btn-discard:hover{color:#0f172a;background:#f1f5f9}.att-btn-publish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s}.att-pagination-row{background-color:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.att-page-info{color:#64748b;font-size:13px;font-weight:500}.att-page-buttons{gap:8px;display:flex}.att-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.att-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.att-page-btn:hover:not(.active):not(:disabled){color:#2563eb;background-color:#f8fafc;border-color:#cbd5e1}.att-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.att-page-header{align-items:flex-start;gap:18px;margin-bottom:22px}.att-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:750}.att-header-left p{color:#53668f;font-size:14px}.att-header-right{gap:18px}.att-btn-primary{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700;box-shadow:0 12px 24px #2563eb3d}.att-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);transform:translateY(-1px);box-shadow:0 16px 30px #2563eb47}.att-avatar{color:#263df5;background-color:#eef3ff;border:1px solid #e4ebff;width:46px;height:46px;font-size:14px;box-shadow:0 10px 24px #1e40af14}.att-page-wrapper{padding-right:0}.att-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:26px}.att-stat-card{background:#ffffffeb;border:1px solid #dfe7f5;border-radius:16px;flex-direction:row;align-items:center;gap:24px;min-height:118px;padding:24px;box-shadow:0 18px 42px #0f172a0a}.att-stat-card.green .att-stat-icon{color:#16a34a;background:#dcfce7}.att-stat-card.red .att-stat-icon{color:#ef4444;background:#fee2e2}.att-stat-card.yellow .att-stat-icon{color:#f97316;background:#fff3df}.att-stat-card.blue .att-stat-icon{color:#2563eb;background:#e9efff}.att-stat-icon{border-radius:18px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.att-stat-icon svg{width:28px;height:28px}.att-stat-title,.att-stat-value,.att-stat-sub{display:block}.att-stat-title{color:#304166;margin-bottom:10px;font-size:14px;font-weight:500}.att-stat-value{color:#071337;margin-bottom:14px;font-size:28px;font-weight:750;line-height:1}.att-stat-sub{font-size:13px;font-weight:600}.att-charts-row{gap:18px;margin-bottom:22px}.att-chart-card,.att-table-card{background:#fffffff0;border:1px solid #dfe7f5;border-radius:16px;box-shadow:0 18px 42px #0f172a0b}.att-chart-card{min-height:170px;padding:24px}.att-chart-card h3,.att-table-header h3{color:#071337;align-items:center;gap:12px;margin:0 0 22px;font-size:16px;font-weight:700;display:flex}.att-card-title-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.att-card-title-icon svg{width:16px;height:16px}.att-bar-row{gap:16px;margin-bottom:17px}.att-bar-label{color:#243653;width:88px;font-size:13px;font-weight:500}.att-bar-track{background-color:#e5eaf4;border-radius:999px;height:6px}.att-bar-fill{border-radius:999px}.att-bar-fill.green{background-color:#16a34a}.att-bar-fill.blue{background-color:#263df5}.att-bar-fill.yellow{background-color:#f97316}.att-bar-fill.red{background-color:#ef4444}.att-bar-fill.empty{background-color:#e5eaf4}.att-bar-percent{color:#071337;width:42px;font-size:13px;font-weight:700}.att-table-card{margin-bottom:0}.att-table-header{border-bottom:1px solid #e2e8f0;gap:16px;padding:18px 24px 14px}.att-table-header h3{white-space:nowrap;margin:0}.att-table-controls{flex:1;grid-template-columns:minmax(250px,1.4fr) 160px 140px 160px;align-items:end;gap:14px;display:grid}.att-search-box,.att-control-field select,.att-control-field input{color:#071337;background:#fff;border:1px solid #d8e2f2;border-radius:9px;height:38px}.att-search-box{align-items:center;gap:10px;padding:0 14px;display:flex}.att-search-box svg{color:#8aa0c1;flex:none;width:17px;height:17px}.att-search-box input{color:#071337;background:0 0;border:0;outline:0;width:100%;font-size:13px}.att-search-box input::placeholder{color:#91a0bd}.att-control-field{flex-direction:column;gap:7px;display:flex}.att-control-field span{color:#304166;font-size:11px;font-weight:600}.att-control-field select,.att-control-field input{outline:none;width:100%;padding:0 12px;font-size:13px}.att-table-scroll{max-height:360px;overflow:hidden auto}.att-table{border-collapse:collapse;min-width:0}.att-table th{color:#304166;letter-spacing:0;background-color:#f8fafc;padding:14px 20px;font-size:11px;font-weight:700}.att-table th div[style*=Filter],.att-table th .att-col-filter{display:none!important}.att-table td{color:#243653;border-bottom:1px solid #e7edf7;padding:15px 20px;font-size:13px;font-weight:500}.att-student-name{color:#071337;font-weight:650}.att-status-circle{width:20px;height:20px;font-size:0}.att-status-circle.P,.att-status-circle.A,.att-status-circle.L,.att-status-circle.H{font-size:11px}.att-status-circle.empty{background-color:#edf1f7}.att-page-btn{border-radius:10px;width:38px;height:38px;font-weight:700}.att-legend-row{gap:26px;padding:16px 24px}.att-legend-item{color:#53668f;font-weight:500}.att-legend-item .att-status-circle{width:22px;height:22px;font-size:11px}@media (width<=1200px){.att-stats-row,.att-charts-row{grid-template-columns:repeat(2,minmax(0,1fr))}.att-table-header{flex-direction:column;align-items:stretch}.att-table-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.att-page-header,.att-header-right{flex-direction:column;align-items:stretch}.att-stats-row,.att-charts-row,.att-table-controls{grid-template-columns:1fr}.att-table-scroll{overflow-x:auto}.att-table{min-width:820px}}.att-table-header>div:first-child{flex-direction:column;gap:4px;display:flex}.att-table-header>div:first-child p{color:#53668f;margin:0;font-size:13px;font-weight:400}.att-table-header h3{color:#071337;margin:0;font-size:20px;font-weight:650}.att-table-card{min-height:520px}.att-accordion-scroll{background:#fff;flex:1;min-height:360px;max-height:none;overflow:visible}.att-accordion-list{color:#071337;width:100%}.att-list-head,.att-accordion-row{grid-template-columns:72px minmax(190px,1.7fr) 120px 110px minmax(230px,1.5fr) 150px 100px;align-items:center;column-gap:16px;display:grid}.att-list-head{color:#071337;background:#f8fafc;border-bottom:1px solid #dbe4f0;min-height:54px;padding:0 24px;font-size:12px;font-weight:650}.att-head-select,.att-row-select{align-items:center;gap:12px;display:flex}.att-accordion-item{background:#fff;border-bottom:1px solid #dbe4f0;transition:background-color .18s}.att-accordion-item.open{background:#fbfdff}.att-accordion-row{color:#243653;min-height:58px;padding:0 24px;font-size:13px;font-weight:400}.att-accordion-row:hover{background:#fbfdff}.att-expand-btn{color:#53668f;cursor:pointer;background:#fff;border:1px solid #d9e3f2;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;line-height:1;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.att-expand-btn:hover,.att-accordion-item.open .att-expand-btn{color:#2563eb;background:#eff6ff;border-color:#2563eb}.att-student-link{color:#006bff;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.att-student-link:hover{text-decoration:underline}.att-week-dots{align-items:center;gap:8px;display:flex}.att-status-dot{border-radius:999px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:11px;font-weight:650;display:inline-flex}.att-status-dot.p,.att-status-text.p{color:#059669}.att-status-dot.a,.att-status-text.a{color:#dc2626}.att-status-dot.l,.att-status-text.l{color:#d97706}.att-status-dot.h,.att-status-text.h{color:#2563eb}.att-status-dot.p{background:#dcfce7}.att-status-dot.a{background:#fee2e2}.att-status-dot.l{background:#fef3c7}.att-status-dot.h{background:#eff6ff}.att-status-dot.empty{color:#9aa8bc;background:#eef2f7}.att-status-text{font-weight:500}.att-status-text.empty{color:#94a3b8;font-weight:400}.att-child-panel{padding:0 24px 22px 96px;animation:.18s attPanelIn}@keyframes attPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.att-detail-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.att-detail-grid div{background:#fff;border:1px solid #e1e8f3;border-radius:6px;padding:12px 14px}.att-detail-grid span,.att-week-item span,.att-recent-item span{color:#64748b;font-size:12px;font-weight:400}.att-detail-grid strong{color:#071337;margin-top:6px;font-size:15px;font-weight:600;display:block}.att-child-sections{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:16px;display:grid}.att-child-section{background:#fff;border:1px solid #e1e8f3;border-radius:6px;overflow:hidden}.att-child-section h4{color:#071337;border-bottom:1px solid #e8eef7;margin:0;padding:12px 14px;font-size:13px;font-weight:600}.att-week-list,.att-recent-list{flex-direction:column;display:flex}.att-week-item,.att-recent-item{border-bottom:1px solid #edf2f8;align-items:center;gap:12px;min-height:40px;padding:0 14px;font-size:13px;display:grid}.att-week-item{grid-template-columns:1fr auto}.att-recent-item{grid-template-columns:130px 90px minmax(120px,1fr) minmax(120px,1fr)}.att-week-item:last-child,.att-recent-item:last-child{border-bottom:0}.att-empty-state{color:#94a3b8;text-align:center;padding:32px 24px;font-size:13px}.att-empty-state.compact{text-align:left;padding:18px 14px}.att-legend-row{border-top:1px solid #dbe4f0}.att-pagination-row{margin-top:auto}@media (width<=1180px){.att-list-head,.att-accordion-row{grid-template-columns:72px minmax(180px,1.5fr) 105px 95px minmax(210px,1.2fr) 130px 90px;min-width:980px}.att-accordion-scroll{overflow-x:auto}.att-child-panel{min-width:980px}.att-detail-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (width<=860px){.att-child-sections{grid-template-columns:1fr}.att-detail-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}.att-line-icon{flex:none;width:18px;height:18px}.att-modal-overlay{z-index:12000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0713377a;padding:8px}.att-modal{border:1px solid #cbd6e6;border-radius:16px;width:min(1580px,100vw - 12px);max-width:none;height:min(1020px,100vh - 12px);max-height:none;box-shadow:0 24px 70px #0713373d}.att-modal-icon{color:#3b36f4;background:linear-gradient(135deg,#f1ecff 0%,#eef5ff 100%);border-radius:16px;width:78px;height:78px}.att-modal-title h2{letter-spacing:0;color:#071337;font-size:32px;line-height:1.1}.att-modal-title p{color:#516083;margin-top:10px;font-size:18px}.att-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #cbd6e6;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.att-modal-close:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 22px #2563eb24}.att-modal-card{background:#fff;border:1px solid #d7e0ec;border-radius:12px;padding:28px 30px;box-shadow:0 10px 30px #0713370d}.att-section-title{color:#1d4ed8;letter-spacing:.08em;border-bottom:0;grid-template-columns:58px 1fr;align-items:center;column-gap:18px;margin-bottom:30px;padding-bottom:0;font-size:17px;font-weight:800;display:grid;position:relative}.att-section-title svg{color:#3b36f4;box-sizing:content-box;background:#f0edff;border-radius:999px;grid-row:1/span 2;width:28px;height:28px;padding:14px}.att-section-title:after{content:"";color:#516083;letter-spacing:0;text-transform:none;grid-column:2;margin-top:10px;font-size:16px;font-weight:500}.att-session-card .att-section-title:after{content:"Set the details for this attendance session"}.att-bulk-card .att-section-title:after{content:"Quickly mark attendance for all students"}.att-form-row-3{gap:34px;margin-bottom:26px}.att-form-row-2{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:34px;margin-bottom:0}.att-form-group label{color:#071337;font-size:17px}.att-input{color:#071337;background-color:#fff;border-color:#b8c5d9;border-radius:8px;min-height:60px;padding:0 22px;font-size:20px}.att-input:focus{border-color:#3b36f4;box-shadow:0 0 0 4px #3b36f41a}.att-btn-bulk-p,.att-btn-bulk-a{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:224px;height:52px;padding:0 24px;font-size:17px;font-weight:700;display:inline-flex}.att-btn-bulk-p{color:#008a2f;background:#ecfff3;border-color:#80e0a5}.att-btn-bulk-a{color:#ef1717;background:#fff4f4;border-color:#ff9f9f}.att-modal-table{border-collapse:separate;border-spacing:0;border:1px solid #dbe4f0;border-radius:8px;overflow:hidden}.att-modal-table th{color:#384866;letter-spacing:.03em;background:#f8fbff;padding:16px 20px;font-size:16px}.att-modal-table td{color:#071337;vertical-align:middle;padding:18px 20px;font-size:17px}.att-student-modal-cell{align-items:center;gap:18px;font-weight:700;display:flex}.att-student-modal-avatar{color:#3b36f4;background:#eee9ff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:inline-flex}.att-toggle-btn{color:#485875;border-radius:8px;width:62px;height:54px;font-size:17px}.att-toggle-btn.p.active{color:#008a2f;background:#dffbe8;border-color:#00a63e}.att-remark-field{color:#64748b;background:#fff;border:1px solid #b8c5d9;border-radius:8px;align-items:center;gap:12px;width:min(360px,100%);height:56px;padding:0 18px;display:flex}.att-remark-field:focus-within{border-color:#3b36f4;box-shadow:0 0 0 4px #3b36f41a}.att-remark-input{color:#071337;border:0;border-radius:0;max-width:none;padding:0;font-size:16px}.att-modal-footer{background:#fff;justify-content:space-between;align-items:center;min-height:116px;padding:26px 38px}.att-required-note{color:#6b7894;font-size:16px;font-weight:500}.att-required-note span{color:#ff1f4f;font-weight:800}.att-footer-actions{align-items:center;gap:22px;display:flex}.att-btn-discard,.att-btn-publish{border-radius:8px;justify-content:center;align-items:center;gap:14px;min-width:130px;height:58px;font-size:18px;font-weight:700;display:inline-flex}.att-btn-discard{color:#071337;border-color:#cbd6e6}.att-btn-publish{background:linear-gradient(135deg,#2563eb 0%,#4029f2 100%);min-width:270px;box-shadow:0 14px 30px #2563eb38}.att-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#3220d9 100%)}.att-swal-container{z-index:20000!important}.att-swal-popup{border:1px solid #dbe4f0;border-radius:18px;width:min(430px,100vw - 32px);padding:28px 28px 26px;box-shadow:0 24px 70px #07133747}.att-swal-title{color:#071337;font-size:24px;font-weight:800}.att-swal-text{color:#516083;font-size:15px;line-height:1.6}.att-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4029f2 100%);border:0;border-radius:8px;min-width:140px;height:44px;font-size:14px;font-weight:800}@media (width<=980px){.att-modal{width:calc(100vw - 8px);height:calc(100vh - 8px)}.att-modal-header,.att-modal-body,.att-modal-footer{padding-left:22px;padding-right:22px}.att-form-row-3,.att-form-row-2{grid-template-columns:1fr;gap:18px}.att-modal-title h2{font-size:25px}.att-modal-title p,.att-form-group label,.att-modal-table td{font-size:14px}.att-input{min-height:52px;font-size:16px}.att-modal-table{min-width:780px}.att-bulk-card{overflow-x:auto}.att-modal-footer{flex-direction:column;align-items:stretch}.att-footer-actions{justify-content:flex-end}}.att-modal{border-radius:10px;width:min(1040px,100vw - 16px);height:min(92vh,720px)}.att-modal-header{border-bottom:1px solid #dbe4f0;padding:20px 28px 16px}.att-modal-title-group{gap:18px}.att-modal-icon{border-radius:10px;width:52px;height:52px}.att-modal-icon svg{width:28px;height:28px}.att-modal-title h2{font-size:22px}.att-modal-title p{margin-top:6px;font-size:11px}.att-modal-close{border-radius:8px;width:34px;height:34px}.att-modal-close .att-line-icon{width:18px;height:18px}.att-modal-body{gap:16px;padding:14px 28px 18px}.att-modal-card{border-radius:8px;padding:20px}.att-section-title{grid-template-columns:38px 1fr;column-gap:12px;margin-bottom:20px;font-size:12px}.att-section-title svg{width:18px;height:18px;padding:10px}.att-section-title:after{margin-top:8px;font-size:12px}.att-form-row-3,.att-form-row-2{gap:22px;margin-bottom:16px}.att-form-row-2{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}.att-form-group{gap:8px}.att-form-group label{font-size:12px}.att-input{min-height:40px;padding:0 14px;font-size:13px}.att-bulk-btns{gap:12px;margin-bottom:14px}.att-btn-bulk-p,.att-btn-bulk-a{gap:8px;min-width:150px;height:34px;padding:0 16px;font-size:11px}.att-btn-bulk-p .att-line-icon,.att-btn-bulk-a .att-line-icon{width:13px;height:13px}.att-modal-table th{padding:11px 14px;font-size:11px}.att-modal-table td{padding:12px 14px;font-size:13px}.att-student-modal-cell{gap:12px}.att-student-modal-avatar{width:38px;height:38px;font-size:13px}.att-toggles{gap:8px}.att-toggle-btn{width:42px;height:36px;font-size:12px}.att-remark-field{gap:8px;width:min(240px,100%);height:38px;padding:0 12px}.att-remark-field .att-line-icon{width:15px;height:15px}.att-remark-input{font-size:12px}.att-modal-footer{min-height:76px;padding:16px 28px}.att-required-note{font-size:12px}.att-footer-actions{gap:12px}.att-btn-discard,.att-btn-publish{gap:8px;min-width:88px;height:38px;font-size:12px}.att-btn-publish{min-width:180px;box-shadow:0 10px 22px #2563eb38}.att-btn-publish .att-line-icon{width:14px;height:14px}@media (width<=980px){.att-modal{width:calc(100vw - 8px);height:calc(100vh - 8px)}}.fm-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fm-header-left p{color:#64748b;margin:0;font-size:13px}.fm-header-right{align-items:center;gap:12px;display:flex}.fm-btn-primary{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:background-color .2s}.fm-btn-primary:hover{background-color:#1d4ed8}.fm-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.fm-table-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000003}.fm-card-header{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fm-card-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.fm-filter-pills{gap:8px;display:flex}.fm-filter-pill{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.fm-filter-pill:hover{color:#334155;border-color:#cbd5e1}.fm-filter-pill.active{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.fm-search-area{background-color:#fafbfc;border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:12px 20px}.fm-search-box{width:100%;max-width:400px;position:relative}.fm-search-box input{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 16px;font-size:12px;transition:all .2s}.fm-search-box input:focus{border-color:#2d6cdf;outline:none;box-shadow:0 0 0 3px #2d6cdf1a}.fm-table-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-grow:1;overflow-y:auto}.fm-table-scroll::-webkit-scrollbar{width:6px}.fm-table-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.fm-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.fm-table th{color:#94a3b8;text-transform:uppercase;z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:10px;font-weight:700;position:sticky;top:0}.fm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:12px;font-weight:500}.fm-table tr:hover td{background-color:#f8fafc}.fm-pill{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.fm-pill.pending{color:#d97706;background-color:#fef3c7}.fm-pill.overdue{color:#dc2626;background-color:#fee2e2}.fm-action-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.fm-action-btn:hover{color:#0f172a;border-color:#94a3b8;box-shadow:0 2px 4px #0000000d}.fm-action-btn.escalate{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.fm-action-btn.escalate:hover{background-color:#fee2e2}.fm-pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.fm-page-buttons{gap:6px;display:flex}.fm-page-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.fm-page-btn.active{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.fm-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.fm-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.fm-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.fm-modal-title-group{align-items:center;gap:12px;display:flex}.fm-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fm-modal-title h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.fm-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.fm-badge-pill{color:#1d4ed8;background-color:#eff6ff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.fm-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.fm-modal-body::-webkit-scrollbar{width:6px}.fm-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.fm-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.fm-form-row-2{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;display:grid}.fm-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.fm-form-group{flex-direction:column;gap:6px;display:flex}.fm-form-group label span{color:#ef4444}.fm-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.fm-input:focus{border-color:#1d4ed8}.fm-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc}.fm-textarea{resize:vertical;min-height:80px}.fm-input-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.fm-input-icon{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;left:12px}.fm-input-icon-wrapper .fm-input{width:100%;padding-left:36px}.fm-student-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fm-stu-info{align-items:center;gap:12px;display:flex}.fm-stu-avatar{color:#db2777;background-color:#fce7f3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.fm-stu-details h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.fm-stu-details p{color:#64748b;margin:0;font-size:11px}.fm-stu-fee-info{text-align:right}.fm-stu-fee-info h4{color:#1d4ed8;margin:0 0 2px;font-size:13px;font-weight:700}.fm-stu-fee-info p{color:#16a34a;margin:0;font-size:11px;font-weight:500}.fm-breakdown-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.fm-breakdown-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fm-breakdown-row:last-child{margin-bottom:0}.fm-bd-label h4{color:#334155;margin:0 0 2px;font-size:12px;font-weight:600}.fm-bd-label p{color:#94a3b8;margin:0;font-size:11px}.fm-bd-val{color:#0f172a;font-size:12px;font-weight:600}.fm-breakdown-total{border-top:1px solid #cbd5e1;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.fm-bd-total-label{color:#0f172a;font-size:14px;font-weight:800}.fm-bd-total-val{color:#1d4ed8;font-size:16px;font-weight:800}.fm-radio-group{flex-wrap:wrap;gap:8px;display:flex}.fm-radio-label{color:#475569;cursor:pointer;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.fm-radio-label input{display:none}.fm-radio-label:has(input:checked){color:#1d4ed8;background-color:#eff6ff;border-color:#1d4ed8;font-weight:600}.fm-radio-circle{border:1.5px solid #cbd5e1;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.fm-radio-label input:checked+.fm-radio-circle{border-color:#1d4ed8}.fm-radio-label input:checked+.fm-radio-circle:after{content:"";background-color:#1d4ed8;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fm-receipt-toggles{flex-direction:column;gap:12px;display:flex}.fm-switch-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fm-switch-label h4{color:#334155;margin:0;font-size:12px;font-weight:600}.fm-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:background-color .2s;position:relative}.fm-toggle.on{background-color:#1d4ed8}.fm-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.fm-toggle.on:after{transform:translate(16px)}.fm-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.fm-req-text{color:#64748b;font-size:11px}.fm-footer-actions{gap:12px;display:flex}.fm-btn-discard{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.fm-btn-publish{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:600}.fm-page-header{align-items:flex-start;gap:18px;margin-bottom:22px}.fm-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:750}.fm-header-left p{color:#53668f;font-size:15px}.fm-header-right{gap:18px}.fm-btn-primary{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 24px;font-size:14px;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 24px #1d4ed83d}.fm-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 16px 30px #1d4ed847}.fm-btn-primary svg{width:17px;height:17px}.fm-avatar{color:#263df5;background-color:#eef3ff;border:1px solid #e4ebff;width:46px;height:46px;font-size:14px;box-shadow:0 10px 24px #1e40af14}.fm-table-card{background-color:#fffffff0;border:1px solid #dfe7f5;border-radius:16px;min-height:720px;margin-top:22px;box-shadow:0 18px 42px #0f172a0d}.fm-search-area{background-color:#ffffffb8;border-bottom:1px solid #e2e8f0;padding:28px 26px}.fm-search-box{max-width:520px}.fm-search-box svg{color:#7182a7;width:18px;height:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.fm-search-box input{color:#071337;background-color:#fff;border:1px solid #d8e2f2;border-radius:12px;height:48px;padding:0 18px 0 56px;font-size:14px}.fm-search-box input::placeholder{color:#7b8dae}.fm-search-box input:focus{border-color:#c9d4ff;box-shadow:0 0 0 3px #263df514}.fm-table-scroll{min-height:535px;overflow:hidden auto}.fm-table{table-layout:auto;min-width:0}.fm-table th{color:#304166;letter-spacing:0;white-space:nowrap;background-color:#f8fafc;padding:20px 24px;font-size:12px;font-weight:700;position:static}.fm-table td{color:#071337;border-bottom:1px solid #e7edf7;padding:28px 24px;font-size:14px;font-weight:500}.fm-table tbody tr:hover td{background-color:#f8fbff}.fm-table input[type=checkbox]{accent-color:#3948f5;cursor:pointer;width:17px;height:17px}.fm-sort{color:#7890ba;margin-left:4px;font-size:13px}.fm-fee-cell{white-space:nowrap;align-items:center;gap:18px;display:flex}.fm-fee-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.fm-fee-icon svg{width:23px;height:23px}.fm-fee-icon.color-0{color:#4f46e5;background:#eef2ff}.fm-fee-icon.color-1{color:#16a34a;background:#dcfce7}.fm-fee-icon.color-2{color:#1d4ed8;background:#eff6ff}.fm-fee-icon.color-3{color:#f97316;background:#fff7ed}.fm-fee-name{color:#071337;margin-bottom:8px;font-weight:700;display:block}.fm-fee-sub{color:#53668f;font-size:14px;font-weight:500;display:block}.fm-grade-pill{white-space:nowrap;border-radius:10px;align-items:center;padding:8px 14px;font-size:14px;font-weight:650;display:inline-flex}.fm-grade-pill.color-0{color:#4f46e5;background:#eef2ff}.fm-grade-pill.color-1{color:#059669;background:#dcfce7}.fm-grade-pill.color-2{color:#0284c7;background:#e0f2fe}.fm-grade-pill.color-3{color:#f97316;background:#fff7ed}.fm-date-cell{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.fm-date-cell svg{color:#53668f;width:18px;height:18px}.fm-pill{text-transform:none;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:650;display:inline-flex}.fm-pill.paid{color:#059669;background-color:#dcfce7}.fm-more-btn{color:#1f355f;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.fm-more-btn svg{width:20px;height:20px}.fm-more-btn:hover{color:#263df5;background:#eef2ff}.fm-pagination-footer{border-top:1px solid #e2e8f0;padding:22px 26px}.fm-page-info{color:#53668f;font-size:14px;font-weight:500}.fm-page-buttons{gap:10px}.fm-page-btn{border-radius:10px;width:40px;min-width:40px;height:40px;font-size:14px;font-weight:700}.fm-page-btn.active{background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#1d4ed8;box-shadow:0 8px 18px #1d4ed847}@media (width<=1200px){.fm-table th:nth-child(5),.fm-table td:nth-child(5),.fm-table th:nth-child(6),.fm-table td:nth-child(6){display:none}}@media (width<=900px){.fm-page-header{flex-direction:column;align-items:stretch}.fm-header-right{justify-content:space-between}.fm-table-scroll{overflow-x:auto}.fm-table{min-width:860px}}.fm-line-icon{flex:none;width:18px;height:18px}.fm-modal-overlay{z-index:12000;background:#0713377a;padding:8px}.fm-modal{border:1px solid #cbd6e6;border-radius:12px;width:min(1280px,100vw - 12px);max-width:none;height:min(92vh,760px);max-height:none;box-shadow:0 24px 70px #07133738}.fm-modal-icon{color:#1d4ed8;background:#eff6ff;border-radius:13px;width:64px;height:64px}.fm-modal-title h2{color:#071337;font-size:30px;line-height:1.1}.fm-modal-title p{color:#53668f;margin-top:10px;font-size:16px}.fm-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #cbd6e6;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.fm-modal-close:hover{border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 22px #1d4ed824}.fm-modal-card{background:#fff;border:1px solid #d7e0ec;border-radius:10px;padding:32px 34px;box-shadow:0 10px 30px #0713370a}.fm-search-card,.fm-payment-card{border-left:2px solid #1d4ed8}.fm-section-title{color:#1d4ed8;letter-spacing:.12em;border-bottom:0;align-items:center;gap:20px;margin-bottom:8px;padding:0;font-size:17px;font-weight:800;display:flex}.fm-payment-card .fm-section-title{color:#1d4ed8}.fm-step-badge{color:#1d4ed8;letter-spacing:0;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:inline-flex}.fm-payment-card .fm-step-badge{color:#1d4ed8;background:#eff6ff}.fm-section-subtitle{color:#53668f;margin:0 0 26px 64px;font-size:15px;font-weight:500}.fm-search-input-shell,.fm-input-shell{color:#6b7a99;background:#fff;border:1px solid #b8c5d9;border-radius:7px;align-items:center;gap:14px;min-height:54px;padding:0 18px;display:flex}.fm-search-input-shell:focus-within,.fm-input-shell:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 4px #1d4ed81a}.fm-search-input-shell .fm-line-icon,.fm-input-shell .fm-line-icon{color:#5b6f95}.fm-search-input-shell .fm-input,.fm-input-shell .fm-input{color:#071337;width:100%;min-height:52px;box-shadow:none;border:0;border-radius:0;padding:0;font-size:17px}.fm-search-input-shell .fm-input:focus,.fm-input-shell .fm-input:focus{box-shadow:none}.fm-form-row-2{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.fm-form-row-2:last-child{margin-bottom:0}.fm-form-group label{color:#26344f;font-size:15px;font-weight:700}.fm-student-card{background:#f8fbff;border-color:#d7e0ec;margin-top:16px}.fm-currency-chip,.fm-hash-chip{color:#1d4ed8;background:#edf4ff;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;font-weight:800;display:inline-flex}.fm-modal-footer{background:#fff;justify-content:flex-end;gap:18px;min-height:112px;padding:24px 34px}.fm-btn-discard,.fm-btn-publish{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:120px;height:52px;padding:0 28px;font-size:16px;font-weight:750;display:inline-flex}.fm-btn-discard{color:#34425e}.fm-btn-publish{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);min-width:210px;box-shadow:0 12px 26px #1d4ed838}.fm-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.fm-swal-container{z-index:20000!important}.fm-swal-popup{border:1px solid #dbe4f0;border-radius:18px;width:min(430px,100vw - 32px);padding:28px 28px 26px;box-shadow:0 24px 70px #07133747}.fm-swal-title{color:#071337;font-size:24px;font-weight:800}.fm-swal-text{color:#516083;font-size:15px;line-height:1.6}.fm-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:8px;min-width:140px;height:44px;font-size:14px;font-weight:800}@media (width<=980px){.fm-modal{width:calc(100vw - 8px);height:calc(100vh - 8px)}.fm-modal-header,.fm-modal-body,.fm-modal-footer{padding-left:22px;padding-right:22px}.fm-form-row-2{grid-template-columns:1fr;gap:16px}.fm-modal-title h2{font-size:24px}.fm-modal-title p,.fm-section-subtitle,.fm-form-group label{font-size:13px}.fm-search-input-shell .fm-input,.fm-input-shell .fm-input{font-size:14px}}.fm-modal{border-radius:10px;width:min(1040px,100vw - 16px);height:min(92vh,620px)}.fm-modal-header{border-bottom:1px solid #dbe4f0;padding:20px 28px 16px}.fm-modal-close{border-radius:8px;width:34px;height:34px}.fm-modal-close .fm-line-icon{width:18px;height:18px}.fm-modal-card{border-radius:8px;padding:20px 24px}.fm-search-card,.fm-payment-card{border-left-width:1px}.fm-section-title{letter-spacing:.1em;gap:14px;margin-bottom:6px;font-size:12px}.fm-section-subtitle{margin:0 0 16px 44px;font-size:11px}.fm-search-input-shell,.fm-input-shell{border-radius:6px;gap:10px;min-height:38px;padding:0 12px}.fm-search-input-shell .fm-line-icon,.fm-input-shell .fm-line-icon{width:14px;height:14px}.fm-form-group{gap:8px}.fm-currency-chip,.fm-hash-chip{border-radius:6px;min-width:28px;height:28px;font-size:11px}.fm-student-card{margin-top:12px;padding:10px 12px}.fm-stu-avatar{width:34px;height:34px;font-size:12px}.fm-stu-details h4,.fm-stu-fee-info h4{font-size:12px}.fm-stu-details p,.fm-stu-fee-info p{font-size:10px}.fm-modal-footer{min-height:74px;padding:14px 24px}.fm-btn-discard,.fm-btn-publish{gap:8px;min-width:82px;height:34px;padding:0 18px;font-size:11px}.fm-btn-publish{min-width:140px;box-shadow:0 10px 22px #1d4ed838}.fm-btn-publish .fm-line-icon{width:15px;height:15px}@media (width<=980px){.fm-modal{width:calc(100vw - 8px);height:calc(100vh - 8px)}}.fm-modal{width:min(1100px,100vw - 16px);height:auto;max-height:calc(100vh - 12px)}.fm-modal-header{padding:28px 34px 22px}.fm-modal-title-group{gap:20px}.fm-modal-icon{border-radius:12px;width:56px;height:56px}.fm-modal-icon .fm-line-icon{width:30px;height:30px}.fm-modal-title h2{font-size:26px}.fm-modal-title p{margin-top:8px;font-size:14px}.fm-modal-body{gap:22px;padding:18px 34px 26px}.fm-modal-card{padding:26px 30px}.fm-section-title{gap:18px;margin-bottom:8px;font-size:15px;line-height:1}.fm-step-badge{width:38px;height:38px;font-size:17px}.fm-section-subtitle{margin:0 0 24px 56px;font-size:14px;line-height:1.35}.fm-search-input-shell,.fm-input-shell{min-height:50px;padding:0 16px}.fm-search-input-shell .fm-input,.fm-input-shell .fm-input{min-height:48px;font-size:15px}.fm-form-row-2{gap:34px;margin-bottom:26px}.fm-form-group label{font-size:13px}.fm-currency-chip,.fm-hash-chip{min-width:34px;height:34px;font-size:12px}.fm-modal-footer{justify-content:flex-end;gap:18px;min-height:88px;padding:18px 34px}.fm-btn-discard,.fm-btn-publish{height:44px;font-size:13px}.fm-btn-publish{min-width:178px}.fm-section-heading{grid-template-columns:38px minmax(0,1fr);align-items:start;column-gap:18px;margin-bottom:22px;display:grid}.fm-section-heading .fm-section-title{color:#1d4ed8;letter-spacing:.12em;border:0;margin:0;padding:0;font-size:15px;font-weight:800;line-height:1.2;display:block}.fm-payment-card .fm-section-heading .fm-section-title{color:#1d4ed8}.fm-section-heading .fm-step-badge{width:38px;height:38px;margin:0;font-size:17px}.fm-section-heading .fm-section-subtitle{color:#53668f;margin:8px 0 0;font-size:14px;font-weight:500;line-height:1.35}.fm-voucher-modal{width:min(1120px,100vw - 16px)}.fm-voucher-config-card,.fm-voucher-students-card{border-left:1px solid #1d4ed8}.fm-voucher-grid{grid-template-columns:1.2fr 1fr 1fr;gap:22px;display:grid}.fm-voucher-students-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.fm-voucher-students-head .fm-section-heading{margin-bottom:0}.fm-voucher-select-all{color:#1e3a8a;white-space:nowrap;cursor:pointer;border:1px solid #d8e2f2;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.fm-voucher-select-all input,.fm-voucher-student-row input{accent-color:#1d4ed8;width:16px;height:16px}.fm-voucher-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 16px;display:grid}.fm-voucher-summary span{color:#53668f;background:#eff6ff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.fm-voucher-summary strong{color:#071337;text-align:right;font-weight:900}.fm-voucher-student-list{background:#fff;border:1px solid #d8e2f2;border-radius:10px;max-height:260px;overflow-y:auto}.fm-voucher-student-row{cursor:pointer;border-bottom:1px solid #edf2f7;grid-template-columns:22px 42px minmax(0,1fr) 110px;align-items:center;gap:12px;min-height:66px;padding:10px 14px;display:grid}.fm-voucher-student-row:last-child{border-bottom:0}.fm-voucher-student-row:hover{background:#f8fbff}.fm-voucher-student-avatar{color:#1d4ed8;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:inline-flex}.fm-voucher-student-main{min-width:0}.fm-voucher-student-main strong{color:#071337;margin-bottom:4px;font-size:13px;font-weight:850;display:block}.fm-voucher-student-main small{color:#53668f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.fm-voucher-student-class{color:#059669;white-space:nowrap;background:#dcfce7;border-radius:7px;justify-self:end;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex}.fm-voucher-empty{color:#64748b;text-align:center;padding:28px;font-size:13px;font-weight:600}.fm-month-link{color:#1d4ed8;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:900;display:inline-flex}.fm-month-link:hover{text-decoration:underline}.fm-class-cell{flex-direction:column;gap:4px;display:flex}.fm-class-cell strong{color:#0f172a;font-size:13px;font-weight:900}.fm-class-cell small{color:#64748b;font-size:12px;font-weight:700}.fm-pill.inactive{color:#64748b;background:#e2e8f0}.fm-fee-expanded{background:#f8fbff;border-top:1px solid #dbe4f0;padding:16px 22px 20px}.fm-fee-expanded-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.fm-fee-expanded-stats div{background:#fff;border:1px solid #dbe4f0;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:58px;padding:10px 14px;display:flex}.fm-fee-expanded-stats span{color:#64748b;font-size:11px;font-weight:800}.fm-fee-expanded-stats strong{color:#0f172a;font-size:14px;font-weight:900}.fm-fee-expanded-table{background:#fff;border:1px solid #dbe4f0;border-radius:8px;overflow:hidden}.fm-fee-expanded-head,.fm-fee-expanded-row{grid-template-columns:58px 68px minmax(180px,1.3fr) minmax(120px,.8fr) minmax(140px,.9fr) minmax(110px,.7fr);align-items:center;gap:12px;display:grid}.fm-fee-expanded-head{color:#475569;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #dbe4f0;min-height:44px;padding:0 14px;font-size:11px;font-weight:900}.fm-fee-expanded-row{color:#0f172a;cursor:pointer;border-bottom:1px solid #e5edf7;min-height:52px;padding:0 14px;font-size:13px;font-weight:700}.fm-fee-expanded-row:last-child{border-bottom:0}.fm-fee-expanded-row:hover{background:#f8fbff}.fm-fee-expanded-row input{accent-color:#1d4ed8;justify-self:start;width:16px;height:16px}.fm-payment-state{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:24px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.fm-payment-state.paid{color:#15803d;background:#dcfce7}.fm-payment-state.unpaid{color:#b45309;background:#fef3c7}.fm-fee-expanded-empty{color:#64748b;text-align:center;padding:22px;font-size:13px;font-weight:700}@media (width<=980px){.fm-voucher-grid,.fm-voucher-summary{grid-template-columns:1fr}.fm-voucher-students-head{flex-direction:column}.fm-voucher-student-row{grid-template-columns:22px 42px minmax(0,1fr)}.fm-voucher-student-class{grid-column:3;justify-self:start}.fm-fee-expanded-stats,.fm-fee-expanded-head,.fm-fee-expanded-row{grid-template-columns:1fr}.fm-fee-expanded-head{display:none}.fm-fee-expanded-row{align-items:start;gap:8px;padding:12px}}.ex-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ex-header-left p{color:#64748b;margin:0;font-size:13px}.ex-header-right{align-items:center;gap:12px;display:flex}.ex-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.ex-table-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000003}.ex-card-header{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ex-header-title-group{align-items:center;gap:16px;display:flex}.ex-header-title-group h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}.ex-selectors{gap:8px;display:flex}.ex-select{color:#334155;cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #e2e8f0;border-radius:6px;padding:6px 30px 6px 12px;font-size:12px;font-weight:600;transition:all .2s}.ex-select:hover{background-color:#fff;border-color:#cbd5e1}.ex-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.ex-header-actions{align-items:center;gap:12px;display:flex}.ex-btn-outline{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.ex-btn-outline:hover{background-color:#f8fafc;border-color:#94a3b8}.ex-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:background-color .2s}.ex-btn-primary:hover{background-color:#1d4ed8}.ex-search-area{background-color:#fafbfc;border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.ex-search-box{flex-grow:1;position:relative}.ex-search-box svg{color:#94a3b8;width:14px;height:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ex-search-box input{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 16px 8px 36px;font-size:12px;transition:all .2s}.ex-search-box input:focus{border-color:#2d6cdf;outline:none;box-shadow:0 0 0 3px #2d6cdf1a}.ex-status-filters{gap:6px;display:flex}.ex-status-filter{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600}.ex-status-filter.active{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.ex-table-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-grow:1;overflow-y:auto}.ex-table-scroll::-webkit-scrollbar{width:6px}.ex-table-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.ex-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.ex-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:10px;font-weight:700;position:sticky;top:0}.ex-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:12px;font-weight:500}.ex-table tr:hover td{background-color:#f8fafc}.ex-percent{font-weight:700}.ex-percent.fail{color:#dc2626}.ex-pill{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.ex-pill.fail{color:#dc2626;background-color:#fee2e2}.ex-grade-a{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.ex-grade-b{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.ex-grade-c{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.ex-grade-f{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.ex-rank{align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.ex-pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ex-page-info{color:#64748b;font-size:11px;font-weight:500}.ex-page-buttons{gap:6px;display:flex}.ex-page-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.ex-page-btn:hover{color:#0f172a;border-color:#cbd5e1}.ex-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.ex-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.ex-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.ex-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ex-modal-title-group{align-items:center;gap:12px;display:flex}.ex-modal-icon{color:#9333ea;background-color:#f3e8ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ex-modal-title h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.ex-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.ex-badge-pill{color:#9333ea;background-color:#f3e8ff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.ex-modal-body{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.ex-modal-body::-webkit-scrollbar{display:none}.ex-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:16px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.ex-form-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ex-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ex-form-row-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.ex-form-group{flex-direction:column;gap:6px;display:flex}.ex-form-group label span{color:#ef4444}.ex-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.ex-input:focus{border-color:#2563eb}.ex-checkbox-group{flex-wrap:wrap;gap:10px;display:flex}.ex-check-pill{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.ex-check-pill input{display:none}.ex-check-pill:has(input:checked){color:#1d4ed8;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.ex-check-square{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ex-check-pill input:checked+.ex-check-square{background-color:#2563eb;border-color:#2563eb}.ex-check-pill input:checked+.ex-check-square:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.ex-switch-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 16px}.ex-switch-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ex-switch-row:last-child{border-bottom:none}.ex-switch-label h4{color:#0f172a;margin:0;font-size:13px;font-weight:600}.ex-switch-label p{color:#64748b;margin:2px 0 0;font-size:11px}.ex-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:background-color .2s;position:relative}.ex-toggle.on{background-color:#2563eb}.ex-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.ex-upload-area{text-align:center;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:background-color .2s;display:flex}.ex-upload-area:hover{background-color:#f1f5f9}.ex-upload-area p{color:#475569;margin:8px 0 0;font-size:12px}.ex-upload-area span{color:#2563eb;font-weight:600}.ex-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ex-req-text{color:#64748b;font-size:11px}.ex-footer-actions{gap:12px;display:flex}.ex-btn-discard{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.ex-btn-draft{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.ex-btn-publish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:600}.ex-page-header{align-items:flex-start;gap:18px;margin-bottom:22px}.ex-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:750}.ex-header-left p{color:#53668f;font-size:15px}.ex-header-right{gap:18px}.ex-btn-primary{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 24px;font-size:14px;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 24px #2563eb3d}.ex-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);transform:translateY(-1px);box-shadow:0 16px 30px #2563eb47}.ex-avatar{color:#263df5;background-color:#eef3ff;border:1px solid #e4ebff;width:46px;height:46px;font-size:14px;box-shadow:0 10px 24px #1e40af14}.ex-table-card{background-color:#fffffff0;border:1px solid #dfe7f5;border-radius:16px;min-height:760px;margin-top:22px;box-shadow:0 18px 42px #0f172a0d}.ex-search-area{background-color:#ffffffb8;border-bottom:1px solid #e2e8f0;padding:28px 26px}.ex-search-box{width:100%}.ex-search-box svg{color:#7182a7;width:18px;height:18px;left:18px}.ex-search-box input{color:#071337;background-color:#fff;border:1px solid #d8e2f2;border-radius:9px;height:46px;padding:0 18px 0 54px;font-size:14px}.ex-search-box input::placeholder{color:#7b8dae}.ex-search-box input:focus{border-color:#c9d4ff;box-shadow:0 0 0 3px #263df514}.ex-table-scroll{min-height:565px;overflow:hidden auto}.ex-table{table-layout:auto;min-width:0}.ex-table th{color:#304166;letter-spacing:0;white-space:nowrap;background-color:#f8fafc;padding:20px 22px;font-size:12px;font-weight:700;position:static}.ex-table td{color:#071337;border-bottom:1px solid #e7edf7;padding:28px 22px;font-size:14px;font-weight:500}.ex-table tbody tr:hover td{background-color:#f8fbff}.ex-table input[type=checkbox]{accent-color:#3948f5;cursor:pointer;width:17px;height:17px}.ex-sort{color:#7890ba;margin-left:4px;font-size:13px}.ex-row-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.ex-row-icon svg{width:20px;height:20px}.ex-row-icon.color-0{color:#4f46e5;background:#eef2ff}.ex-row-icon.color-1{color:#2563eb;background:#eff6ff}.ex-row-icon.color-2{color:#059669;background:#ecfdf5}.ex-row-icon.color-3{color:#f97316;background:#fff7ed}.ex-title-cell{color:#071337;font-weight:650}.ex-type-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:7px 14px;font-size:12px;font-weight:650;display:inline-flex}.ex-type-pill.color-0{color:#4f46e5;background:#eef2ff}.ex-type-pill.color-1{color:#0284c7;background:#e0f2fe}.ex-type-pill.color-2{color:#059669;background:#dcfce7}.ex-type-pill.color-3{color:#7c3aed;background:#f3e8ff}.ex-date-cell{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.ex-date-cell svg{color:#53668f;width:18px;height:18px}.ex-pill{text-transform:none;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:650;display:inline-flex}.ex-pill:before{content:"✓";font-size:12px;line-height:1}.ex-pill.pass{color:#059669;background-color:#dcfce7}.ex-more-btn{color:#1f355f;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.ex-more-btn svg{width:20px;height:20px}.ex-more-btn:hover{color:#263df5;background:#eef2ff}.att-pagination-row{border-top:1px solid #e2e8f0!important;padding:22px 26px!important}.att-pagination-row span{color:#53668f!important;font-size:14px!important;font-weight:500!important}.att-page-btn{border-radius:10px;width:40px;min-width:40px;height:40px;font-size:14px;font-weight:700}.att-page-btn.active{background:linear-gradient(135deg,#2563eb,#3730e8);border-color:#2563eb;box-shadow:0 8px 18px #2563eb47}@media (width<=1300px){.ex-table th:nth-child(8),.ex-table td:nth-child(8),.ex-table th:nth-child(9),.ex-table td:nth-child(9){display:none}}@media (width<=900px){.ex-page-header{flex-direction:column;align-items:stretch}.ex-header-right{justify-content:space-between}.ex-table-scroll{overflow-x:auto}.ex-table{min-width:900px}}.ex-line-icon{flex:none;width:18px;height:18px}.ex-modal-overlay{z-index:12000;background:#0713377a;padding:8px}.ex-modal{border:1px solid #cbd6e6;border-radius:12px;width:min(1280px,100vw - 12px);max-width:none;height:min(92vh,760px);max-height:none;box-shadow:0 24px 70px #07133738}.ex-modal-header{border-bottom:0;padding:26px 34px 22px}.ex-modal-title-group{gap:22px}.ex-modal-icon{color:#5b2df5;background:linear-gradient(135deg,#f0e9ff 0%,#eef4ff 100%);border-radius:13px;width:64px;height:64px}.ex-modal-icon svg{width:34px;height:34px}.ex-modal-title h2{color:#071337;font-size:28px;line-height:1.1}.ex-modal-title p{color:#53668f;margin-top:8px;font-size:16px}.ex-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #cbd6e6;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.ex-modal-close:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 22px #2563eb24}.ex-modal-close .ex-line-icon{width:24px;height:24px}.ex-modal-body{scrollbar-width:thin;gap:20px;padding:14px 34px 22px}.ex-modal-body::-webkit-scrollbar{width:8px;display:block}.ex-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.ex-modal-body>.ex-section-title{display:none}.ex-modal-card{background:#fff;border:1px solid #d7e0ec;border-radius:10px;padding:28px;box-shadow:0 10px 30px #0713370a}.ex-section-title{color:#1d4ed8;letter-spacing:.08em;border-bottom:0;grid-template-columns:46px 1fr;align-items:center;column-gap:14px;margin-bottom:24px;padding-bottom:0;font-size:16px;font-weight:800;display:grid}.ex-section-title>svg{color:#1d4ed8;box-sizing:content-box;background:#edf4ff;border-radius:8px;grid-row:1/span 2;width:22px;height:22px;padding:12px}.ex-section-title:after{color:#53668f;letter-spacing:0;text-transform:none;grid-column:2;margin-top:8px;font-size:15px;font-weight:500}.ex-details-card .ex-section-title:after{content:"Provide basic information about the exam"}.ex-config-card .ex-section-title:after{content:"Set marks and other preferences"}.ex-form-row-2,.ex-form-row-3,.ex-form-row-4{gap:24px;margin-bottom:24px}.ex-form-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ex-form-group{gap:10px}.ex-form-group label{color:#26344f;font-size:15px;font-weight:700}.ex-input{color:#071337;border-color:#b8c5d9;border-radius:7px;min-height:54px;padding:0 18px;font-size:17px}.ex-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.ex-switch-list{background:#f8fbff;border-color:#d7e0ec;border-radius:7px;padding:0 20px}.ex-switch-row{min-height:74px;padding:14px 0}.ex-switch-copy{align-items:center;gap:18px;display:flex}.ex-switch-copy>.ex-line-icon{color:#4029f2;box-sizing:content-box;background:#f0edff;border-radius:8px;width:22px;height:22px;padding:10px}.ex-switch-label h4{color:#071337;font-size:16px}.ex-switch-label p{color:#53668f;margin-top:6px;font-size:14px}.ex-toggle{width:50px;height:28px}.ex-toggle:after{width:24px;height:24px}.ex-toggle.on:after{transform:translate(22px)}.ex-modal-footer{background:#fff;justify-content:space-between;min-height:94px;padding:20px 34px}.ex-req-text{color:#6b7894;font-size:14px;font-weight:500;display:block}.ex-req-text span{color:#ff1f4f;font-weight:800}.ex-footer-actions{gap:18px}.ex-btn-discard,.ex-btn-publish{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-width:118px;height:50px;padding:0 24px;font-size:16px;font-weight:750;display:inline-flex}.ex-btn-discard{color:#34425e}.ex-btn-publish{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);min-width:196px;box-shadow:0 12px 26px #2563eb38}.ex-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#3129c9 100%)}.ex-btn-publish svg{width:18px;height:18px}.ex-swal-container{z-index:20000!important}.ex-swal-popup{border:1px solid #dbe4f0;border-radius:18px;width:min(430px,100vw - 32px);padding:28px 28px 26px;box-shadow:0 24px 70px #07133747}.ex-swal-title{color:#071337;font-size:24px;font-weight:800}.ex-swal-text{color:#516083;font-size:15px;line-height:1.6}.ex-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border:0;border-radius:8px;min-width:140px;height:44px;font-size:14px;font-weight:800}@media (width<=980px){.ex-modal{width:calc(100vw - 8px);height:calc(100vh - 8px)}.ex-modal-header,.ex-modal-body,.ex-modal-footer{padding-left:22px;padding-right:22px}.ex-form-row-2,.ex-form-row-3,.ex-form-row-4{grid-template-columns:1fr;gap:16px}.ex-modal-title h2{font-size:23px}.ex-modal-title p,.ex-form-group label,.ex-switch-label p{font-size:13px}.ex-input{min-height:46px;font-size:14px}.ex-modal-footer{flex-direction:column;align-items:stretch}.ex-footer-actions{justify-content:flex-end}}.rep-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rep-header-left h2{color:#0f172a;letter-spacing:-.5px;margin:0 0 2px;font-size:22px;font-weight:800}.rep-header-left p{color:#64748b;margin:0;font-size:13px}.rep-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:background-color .2s}.rep-btn-primary:hover{background-color:#1d4ed8}.rep-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.rep-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex-grow:1;gap:16px;padding-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.rep-scroll-wrapper::-webkit-scrollbar{width:6px}.rep-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.rep-grid-top{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.rep-grid-mid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rep-grid-bottom{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.rep-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 10px #00000003}.rep-card-title{color:#0f172a;margin:0 0 12px;font-size:13px;font-weight:700}.rep-quick-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rep-quick-item{cursor:pointer;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:12px;padding:10px;transition:all .2s;display:flex}.rep-quick-item:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 5px #00000005}.rep-quick-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.rep-quick-icon.blue{color:#2563eb;background-color:#eff6ff}.rep-quick-icon.green{color:#16a34a;background-color:#dcfce7}.rep-quick-icon.yellow{color:#d97706;background-color:#fef3c7}.rep-quick-icon.red{color:#dc2626;background-color:#fee2e2}.rep-quick-icon.purple{color:#9333ea;background-color:#f3e8ff}.rep-quick-text h4{color:#0f172a;margin:0 0 2px;font-size:12px;font-weight:700}.rep-quick-text p{color:#64748b;margin:0;font-size:10px;line-height:1.3}.rep-bar-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.rep-bar-row:last-child{margin-bottom:0}.rep-bar-label{color:#475569;width:75px;font-size:11px;font-weight:600}.rep-bar-track{background-color:#f1f5f9;border-radius:6px;flex:1;height:6px;overflow:hidden}.rep-bar-fill{border-radius:6px;height:100%}.rep-bar-fill.blue{background-color:#3b82f6}.rep-bar-fill.green{background-color:#10b981}.rep-bar-fill.yellow{background-color:#f59e0b}.rep-bar-val{text-align:right;color:#334155;width:30px;font-size:11px;font-weight:700}.rep-sched-list{flex-direction:column;gap:10px;display:flex}.rep-sched-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.rep-sched-day{color:#64748b;text-transform:uppercase;width:50px;font-size:10px;font-weight:700}.rep-sched-info h4{color:#0f172a;margin:0 0 2px;font-size:12px;font-weight:700}.rep-sched-info p{color:#94a3b8;margin:0;font-size:10px}.rep-table-wrapper{margin-top:8px;overflow-x:auto}.rep-table{border-collapse:collapse;text-align:left;width:100%}.rep-table th{color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:10px;font-weight:700}.rep-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px;font-size:12px;font-weight:500}.rep-inline-bar-wrapper{align-items:center;gap:8px;display:flex}.rep-inline-bar-track{background-color:#f1f5f9;border-radius:4px;width:60px;height:4px}.rep-inline-bar-fill{border-radius:4px;height:100%}.rep-inline-bar-fill.good{background-color:#10b981}.rep-inline-bar-fill.avg{background-color:#f59e0b}.rep-inline-bar-fill.poor{background-color:#ef4444}.rep-trend-tag{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.rep-trend-tag.up{color:#16a34a;background-color:#dcfce7}.rep-trend-tag.flat{color:#64748b;background-color:#f1f5f9}.rep-trend-tag.down{color:#dc2626;background-color:#fee2e2}.rep-pill{border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700}.rep-pill.ready{color:#16a34a;background-color:#dcfce7}.rep-pill.failed,.rep-pill.risk-high{color:#dc2626;background-color:#fee2e2}.rep-pill.risk-med{color:#d97706;background-color:#fef3c7}.rep-btn-dl{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600}.rep-btn-dl:hover{background:#f8fafc;border-color:#94a3b8}.rep-recent-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.rep-recent-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.rep-recent-item:last-child{border-bottom:none;padding-bottom:0}.rep-recent-left{align-items:center;gap:12px;display:flex}.rep-recent-info h4{color:#0f172a;margin:0 0 2px;font-size:12px;font-weight:700}.rep-recent-info p{color:#64748b;margin:0;font-size:10px}.rep-recent-actions{align-items:center;gap:8px;display:flex}.rep-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.rep-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1050px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.rep-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rep-modal-title-group{align-items:center;gap:12px;display:flex}.rep-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rep-modal-title h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.rep-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.rep-badge-pill{color:#10b981;background-color:#ecfdf5;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.rep-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex-grow:1;gap:28px;padding:24px;display:flex;overflow-y:auto}.rep-modal-body::-webkit-scrollbar{width:6px}.rep-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.rep-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:16px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.rep-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rep-type-card{cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.rep-type-card:hover{background-color:#fff;border-color:#94a3b8}.rep-type-card.active{background-color:#eff6ff;border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}.rep-type-card-icon{font-size:20px;line-height:1}.rep-type-card-info h4{color:#0f172a;margin:0 0 4px;font-size:13px;font-weight:700}.rep-type-card-info p{color:#64748b;margin:0;font-size:11px;line-height:1.3}.rep-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.rep-form-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.rep-form-group{flex-direction:column;gap:6px;display:flex}.rep-form-group label{color:#334155;font-size:12px;font-weight:600}.rep-form-group label span{color:#ef4444}.rep-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s}.rep-input:focus{border-color:#1d4ed8}.rep-textarea{resize:vertical;min-height:80px}.rep-input-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.rep-input-icon{color:#64748b;pointer-events:none;width:14px;height:14px;position:absolute;left:12px}.rep-input-icon-wrapper .rep-input{padding-left:36px}.rep-radio-group{flex-wrap:wrap;gap:12px;display:flex}.rep-radio-label{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.rep-radio-label input{display:none}.rep-radio-label:has(input:checked){color:#1d4ed8;background-color:#eff6ff;border-color:#1d4ed8}.rep-radio-circle{border:1.5px solid #cbd5e1;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.rep-radio-label input:checked+.rep-radio-circle{border-color:#1d4ed8}.rep-radio-label input:checked+.rep-radio-circle:after{content:"";background-color:#1d4ed8;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rep-toggles-list{background-color:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.rep-switch-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.rep-switch-row:last-child{border-bottom:none;padding-bottom:0}.rep-switch-label h4{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:600}.rep-switch-label p{color:#64748b;margin:0;font-size:11px}.rep-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:background-color .2s;position:relative}.rep-toggle.on{background-color:#1d4ed8}.rep-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.rep-toggle.on:after{transform:translate(16px)}.rep-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.rep-req-text{color:#64748b;font-size:11px}.rep-footer-actions{gap:12px;display:flex}.rep-btn-discard{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.rep-btn-preview{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.rep-btn-publish{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:12px;font-weight:600;display:flex}.rep-btn-publish:hover{background:#1d4ed8}.rep-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.rep-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:750;line-height:1.1}.rep-header-left p{color:#53668f;margin:0;font-size:15px;font-weight:500}.rep-header-right{align-items:center;gap:18px;display:flex}.rep-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:750;line-height:1;display:inline-flex;box-shadow:0 12px 24px #1d4ed83d}.rep-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);box-shadow:0 16px 30px #1d4ed847}.rep-btn-primary svg{width:16px;height:16px}.rep-avatar{color:#1d4ed8;background:#eef2ff;border:1px solid #fffffff2;border-radius:50%;place-items:center;width:46px;height:46px;font-size:14px;font-weight:750;display:grid;box-shadow:0 12px 28px #3b82f61f}.rep-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;margin-top:22px;display:grid}.rep-panel{background:#fffffff5;border:1px solid #dfe7f5;border-radius:16px;min-height:690px;padding:26px;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.rep-panel-title{align-items:center;gap:14px;margin-bottom:30px;display:flex}.rep-panel-title h3{color:#071337;letter-spacing:0;flex:1;margin:0;font-size:18px;font-weight:700}.rep-panel-icon,.rep-snapshot-icon,.rep-file-icon{flex:none;place-items:center;display:grid}.rep-panel-icon{color:#4f46e5;background:#eef2ff;border-radius:10px;width:36px;height:36px}.rep-panel-icon svg,.rep-snapshot-icon svg,.rep-file-icon svg{width:20px;height:20px}.rep-snapshot-list{flex-direction:column;gap:32px;display:flex}.rep-snapshot-row{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:18px;display:grid}.rep-snapshot-icon{border-radius:10px;width:40px;height:40px}.rep-snapshot-icon.purple{color:#4f46e5;background:#ede9fe}.rep-snapshot-icon.green{color:#059669;background:#dcfce7}.rep-snapshot-icon.orange{color:#f97316;background:#ffedd5}.rep-snapshot-main{min-width:0}.rep-snapshot-text{color:#071337;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.rep-snapshot-text strong{color:#071337;white-space:nowrap;font-weight:700}.rep-progress-track{background:#e7ecf5;border-radius:999px;width:100%;height:7px;overflow:hidden}.rep-progress-fill{background:#2563eb;border-radius:999px;width:62%;height:100%}.rep-recent-list-modern{flex-direction:column;display:flex}.rep-recent-row{border-bottom:1px solid #e7edf7;grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;display:grid}.rep-select-all,.rep-row-checkbox{accent-color:#3948f5;cursor:pointer;width:16px;height:16px}.rep-recent-row:first-child{padding-top:0}.rep-recent-row:last-child{border-bottom:0}.rep-file-icon{border-radius:10px;width:40px;height:40px}.rep-file-icon.pdf{color:#ef4444;background:#fee2e2}.rep-file-icon.excel{color:#059669;background:#dcfce7}.rep-recent-copy{min-width:0}.rep-recent-copy strong{color:#071337;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.rep-recent-copy span{color:#53668f;margin-top:6px;font-size:13px;font-weight:500;display:block}.rep-download-btn{color:#304166;cursor:pointer;background:#fff;border:1px solid #b9c7df;border-radius:6px;justify-content:center;align-items:center;gap:9px;height:36px;padding:0 18px;font-size:13px;font-weight:650;display:inline-flex}.rep-download-btn:hover{background:#f8fbff;border-color:#7f90ac}.rep-download-btn svg{width:16px;height:16px}.rep-empty{color:#64748b;padding:16px 0;font-size:13px;font-weight:500}.rep-generate-modal{max-width:560px}.rep-generate-modal .rep-modal-body{gap:18px}@media (width<=1100px){.rep-dashboard-grid{grid-template-columns:1fr}.rep-panel{min-height:auto}}@media (width<=720px){.rep-page-header,.rep-header-right{align-items:stretch}.rep-page-header{flex-direction:column}.rep-header-right{justify-content:space-between;width:100%}.rep-recent-row{grid-template-columns:22px 40px minmax(0,1fr)}.rep-download-btn{grid-column:3;width:max-content}}.rep-board{background:#ffffffbd;border:1px solid #dfe7f5;border-radius:16px;margin-top:18px;padding:22px;box-shadow:0 18px 42px #0f172a0b}.rep-board-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.rep-board-header h3{color:#071337;margin:0;font-size:22px;font-weight:800}.rep-board-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.rep-board-actions,.rep-toolbar-right,.rep-filter-tabs{align-items:center;gap:8px;display:flex}.rep-icon-btn,.rep-view-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.rep-icon-btn.primary,.rep-view-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 10px 20px #2563eb38}.rep-icon-btn svg,.rep-view-btn svg{width:16px;height:16px}.rep-board-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rep-filter-tabs{background:#fff;border:1px solid #dbe4f0;border-radius:999px;padding:4px}.rep-filter-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;height:30px;padding:0 14px;font-size:12px;font-weight:750}.rep-filter-tabs button.active{color:#fff;background:#2563eb}.rep-select-all-card{color:#475569;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.rep-select-all-card input{accent-color:#2563eb;width:14px;height:14px}.rep-mini-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:750}.rep-mini-btn.danger{color:#dc2626}.rep-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.rep-summary-chip{background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.rep-summary-chip strong,.rep-summary-chip small{display:block}.rep-summary-chip strong{color:#071337;font-size:17px;font-weight:800}.rep-summary-chip small{color:#64748b;margin-top:2px;font-size:11px;font-weight:650}.rep-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.rep-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;min-height:210px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 30px #0f172a0e}.rep-report-card:hover,.rep-report-card.selected{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 18px 36px #2563eb1c}.rep-card-top,.rep-card-footer,.rep-card-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.rep-report-icon{border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.rep-report-icon svg{width:22px;height:22px}.rep-report-icon.pink{color:#db2777;background:#fce7f3}.rep-report-icon.green{color:#16a34a;background:#dcfce7}.rep-report-icon.blue{color:#2563eb;background:#dbeafe}.rep-report-icon.orange{color:#ea580c;background:#ffedd5}.rep-report-icon.purple{color:#7c3aed;background:#ede9fe}.rep-report-icon.cyan{color:#0891b2;background:#cffafe}.rep-report-icon.rose{color:#e11d48;background:#ffe4e6}.rep-report-icon.indigo{color:#4f46e5;background:#e0e7ff}.rep-card-check{accent-color:#2563eb;width:15px;height:15px}.rep-card-copy{min-width:0}.rep-card-copy h4{color:#071337;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:16px;font-weight:800;line-height:1.25;overflow:hidden}.rep-card-copy p{color:#64748b;text-transform:capitalize;margin:0;font-size:12px;font-weight:650}.rep-card-meta span{color:#334155;font-size:12px;font-weight:750}.rep-card-users{align-items:center;display:flex}.rep-card-users span{background:#bfdbfe;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-left:-5px}.rep-card-users span:first-child{background:#2563eb;margin-left:0}.rep-card-users span:nth-child(2){background:#16a34a}.rep-card-users span:nth-child(3){background:#f97316}.rep-card-link{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.rep-card-link:hover{text-decoration:underline}@media (width<=1280px){.rep-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=940px){.rep-card-grid,.rep-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-board-toolbar{flex-direction:column;align-items:flex-start}.rep-toolbar-right{flex-wrap:wrap}}@media (width<=620px){.rep-board{padding:16px}.rep-board-header{flex-direction:column}.rep-card-grid,.rep-summary-strip{grid-template-columns:1fr}}.rep-line-icon{flex:none;width:18px;height:18px}.rep-modal-overlay{z-index:12000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0713377a;padding:8px}.rep-generate-modal{border:1px solid #cbd6e6;border-radius:14px;width:min(1120px,100vw - 16px);max-width:none;height:auto;max-height:calc(100vh - 12px);box-shadow:0 24px 70px #07133738}.rep-generate-modal .rep-modal-header{border-bottom:0;padding:34px 34px 26px}.rep-generate-modal .rep-modal-title-group{gap:24px}.rep-generate-modal .rep-modal-icon{color:#1d4ed8;background:#eff6ff;border-radius:14px;width:66px;height:66px}.rep-generate-modal .rep-modal-icon .rep-line-icon{width:38px;height:38px}.rep-generate-modal .rep-modal-title h2{color:#071337;margin:0;font-size:30px;font-weight:800;line-height:1.1}.rep-generate-modal .rep-modal-title p{color:#53668f;margin:12px 0 0;font-size:17px;line-height:1.35}.rep-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #cbd6e6;border-radius:9px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.rep-modal-close:hover{border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 22px #1d4ed824}.rep-modal-close .rep-line-icon{width:26px;height:26px}.rep-generate-modal .rep-modal-body{gap:26px;padding:18px 34px 30px}.rep-modal-card{background:#fff;border:1px solid #d7e0ec;border-radius:11px;padding:34px 30px;box-shadow:0 10px 30px #0713370a}.rep-option-block{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:22px;display:grid}.rep-option-block+.rep-option-block{margin-top:34px}.rep-option-icon{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.rep-option-icon .rep-line-icon{width:25px;height:25px}.rep-option-content h3{color:#071337;margin:0;font-size:20px;font-weight:800;line-height:1.2}.rep-option-content p{color:#53668f;margin:12px 0 22px;font-size:16px;line-height:1.35}.rep-select-shell{color:#1d4ed8;background:#fff;border:1px solid #b8c5d9;border-radius:8px;align-items:center;gap:16px;min-height:56px;padding:0 18px;display:flex}.rep-select-shell:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 4px #1d4ed81a}.rep-select-shell>.rep-line-icon{box-sizing:content-box;background:#eff6ff;border-radius:8px;width:24px;height:24px;padding:8px}.rep-select-shell .rep-input{color:#071337;width:100%;min-height:54px;box-shadow:none;border:0;border-radius:0;padding:0;font-size:18px}.rep-select-shell .rep-input:focus{box-shadow:none}.rep-info-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:18px;min-height:62px;padding:0 22px;font-size:17px;font-weight:500;display:flex}.rep-info-banner .rep-line-icon{color:#fff;fill:#1d4ed8;width:28px;height:28px}.rep-generate-modal .rep-modal-footer{background:#fff;justify-content:flex-end;min-height:112px;padding:24px 34px}.rep-generate-modal .rep-footer-actions{gap:18px}.rep-generate-modal .rep-btn-discard,.rep-generate-modal .rep-btn-publish{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:118px;height:52px;font-size:16px;font-weight:750;display:inline-flex}.rep-generate-modal .rep-btn-discard{color:#34425e}.rep-generate-modal .rep-btn-publish{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);min-width:230px;box-shadow:0 12px 26px #1d4ed838}.rep-generate-modal .rep-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.rep-generate-modal .rep-btn-publish svg{width:22px;height:22px}@media (width<=980px){.rep-generate-modal{width:calc(100vw - 8px);max-height:calc(100vh - 8px)}.rep-generate-modal .rep-modal-header,.rep-generate-modal .rep-modal-body,.rep-generate-modal .rep-modal-footer{padding-left:22px;padding-right:22px}.rep-option-block{grid-template-columns:42px minmax(0,1fr);gap:14px}.rep-option-icon{width:40px;height:40px}.rep-generate-modal .rep-modal-title h2{font-size:24px}.rep-generate-modal .rep-modal-title p,.rep-option-content p,.rep-info-banner{font-size:13px}.rep-select-shell .rep-input{font-size:15px}}.admin-column-overlay{z-index:9998;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a42;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:fixed;inset:0}.admin-column-drawer{background:#fff;border-left:1px solid #d9e1ec;border-radius:14px 0 0 14px;flex-direction:column;width:min(390px,92vw);height:100vh;animation:.22s ease-out adminColumnDrawerIn;display:flex;overflow:hidden;box-shadow:-28px 0 70px #0f172a33}.admin-column-header{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 12px;display:flex}.admin-column-title-wrap{align-items:center;gap:14px;display:flex}.admin-column-header-icon{color:#4f22ff;background:#f1edff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.admin-column-header-icon svg{width:22px;height:22px}.admin-column-header h2{color:#111827;margin:0;font-size:16px;font-weight:800;line-height:1.2}.admin-column-header p{color:#64748b;margin:4px 0 0;font-size:11px}.admin-column-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:28px;height:28px;font-size:14px;font-weight:800}.admin-column-search{color:#94a3b8;background:#fff;border:1px solid #2563eb;border-radius:8px;align-items:center;margin:12px 18px 10px;padding:9px 10px;display:flex;box-shadow:0 0 0 3px #2563eb1a}.admin-column-search svg{flex-shrink:0;width:14px;height:14px;margin-right:9px}.admin-column-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.admin-column-search input::placeholder{color:#9aa8bc}.admin-column-list-header{color:#64748b;background:#fff;justify-content:space-between;align-items:center;margin:0 18px;padding:8px 2px;font-size:11px;font-weight:800;display:flex}.admin-column-list-title{align-items:center;gap:9px;display:inline-flex}.admin-column-list-title strong{color:#4f22ff;background:#f1edff;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800}.admin-column-list-header button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.admin-column-list{flex:1;margin:0 18px;padding-bottom:14px;overflow:hidden auto}.admin-column-row{cursor:grab;background:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:0 2px;transition:background-color .18s,opacity .18s;display:flex;position:relative}.admin-column-row:before{content:"";background:0 0;height:2px;transition:background-color .18s;position:absolute;top:-1px;left:0;right:0}.admin-column-row:hover{background:#fff}.admin-column-row.is-dragging{opacity:.72}.admin-column-row.is-drag-over:before{background:#2563eb}.admin-column-visibility{color:#2563eb;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.admin-column-visibility.hidden{color:#94a3b8}.admin-column-visibility svg{width:15px;height:15px}.admin-column-row-label{color:#111827;flex:1;font-size:12px;font-weight:700}.admin-column-grip{color:#94a3b8;cursor:grab;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.admin-column-grip:hover{color:#4b5563;background:#f3f4f6}.admin-column-grip svg{width:15px;height:15px}.admin-column-footer{background:#fff;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 18px;display:flex;box-shadow:0 -10px 26px #0f172a0a}.admin-column-footer-actions{align-items:center;gap:10px;display:flex}.admin-column-helper{color:#64748b;align-items:center;gap:11px;padding:12px 18px 16px;font-size:12px;display:flex}.admin-column-helper svg{color:#4f22ff;flex:none;width:16px;height:16px}.admin-column-cancel,.admin-column-apply,.admin-column-reset{cursor:pointer;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800}.admin-column-reset{color:#4f22ff;background:#fff;border:1px solid #dbe3ef}.admin-column-cancel{color:#111827;background:#fff;border:1px solid #e5ebf3}.admin-column-apply{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 8px 18px #2563eb38}@keyframes adminColumnDrawerIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.admin-column-overlay.is-showcase{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4e5b786b;justify-content:center;align-items:center;padding:24px}.admin-column-drawer.is-showcase{border:1px solid #e2e8f0eb;border-radius:18px;width:min(880px,94vw);height:min(92vh,1120px);animation:.2s ease-out adminColumnShowcaseIn;box-shadow:0 30px 90px #0f172a47}.admin-column-drawer.is-showcase .admin-column-header{border-bottom:0;padding:34px 34px 24px}.admin-column-drawer.is-showcase .admin-column-title-wrap{gap:24px}.admin-column-drawer.is-showcase .admin-column-header-icon{border-radius:16px;width:68px;height:68px}.admin-column-drawer.is-showcase .admin-column-header-icon svg{width:30px;height:30px}.admin-column-drawer.is-showcase .admin-column-header h2{letter-spacing:0;font-size:28px}.admin-column-drawer.is-showcase .admin-column-header p{color:#64748b;margin-top:10px;font-size:15px}.admin-column-drawer.is-showcase .admin-column-close{color:#0f172a;border-radius:11px;width:48px;height:48px;font-size:28px;font-weight:500}.admin-column-drawer.is-showcase .admin-column-search{border-color:#7c3aed;border-radius:10px;margin:6px 34px 24px;padding:17px 20px;box-shadow:0 0 0 1px #7c3aed1f}.admin-column-drawer.is-showcase .admin-column-search svg{width:22px;height:22px;margin-right:18px}.admin-column-drawer.is-showcase .admin-column-search input{font-size:16px}.admin-column-drawer.is-showcase .admin-column-list-header{color:#111827;margin:0 34px;padding:4px 6px 18px;font-size:18px}.admin-column-drawer.is-showcase .admin-column-list-title strong{padding:7px 11px;font-size:16px}.admin-column-drawer.is-showcase .admin-column-list-header button{color:#334155;font-size:15px}.admin-column-drawer.is-showcase .admin-column-list{border:1px solid #e2e8f0;border-radius:10px;margin:0 34px;padding:0}.admin-column-drawer.is-showcase .admin-column-row{border-bottom:1px solid #e2e8f0;min-height:64px;padding:0 24px}.admin-column-drawer.is-showcase .admin-column-row:last-child{border-bottom:0}.admin-column-drawer.is-showcase .admin-column-visibility{color:#4f22ff;background:#f3efff;border-radius:9px;width:44px;height:44px}.admin-column-drawer.is-showcase .admin-column-visibility.hidden{color:#64748b;background:#f8fafc}.admin-column-drawer.is-showcase .admin-column-visibility svg{width:20px;height:20px}.admin-column-drawer.is-showcase .admin-column-row-label{color:#111827;font-size:17px;font-weight:800}.admin-column-drawer.is-showcase .admin-column-grip{color:#64748b;width:34px;height:34px}.admin-column-drawer.is-showcase .admin-column-grip svg{width:22px;height:22px}.admin-column-drawer.is-showcase .admin-column-helper{padding:18px 44px 20px;font-size:15px}.admin-column-drawer.is-showcase .admin-column-footer{border-top:1px solid #e2e8f0;padding:28px 34px 34px}.admin-column-drawer.is-showcase .admin-column-reset,.admin-column-drawer.is-showcase .admin-column-cancel,.admin-column-drawer.is-showcase .admin-column-apply{border-radius:10px;min-height:54px;padding:0 24px;font-size:16px}.admin-column-drawer.is-showcase .admin-column-apply{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border-color:#2563eb;box-shadow:0 14px 28px #2563eb42}@keyframes adminColumnShowcaseIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.st-page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.st-header-left h2{color:#0f172a;letter-spacing:0;margin:0 0 6px;font-size:27px;font-weight:850}.st-header-left p{color:#64748b;margin:0;font-size:14px}.st-header-right{align-items:center;gap:18px;display:flex}.st-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #1d4ed83d}.st-btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb47}.st-btn-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.st-btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.st-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-left:8px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.st-table-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex-grow:1;margin-top:18px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0f172a0d}.st-search-area{background-color:#ffffffbf;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.st-search-box{color:#94a3b8;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;width:100%;max-width:420px;padding:12px 14px;display:flex}.st-search-box svg{flex-shrink:0;width:18px;height:18px;margin-right:12px}.st-search-box input{color:#0f172a;border:none;outline:none;width:100%;font-size:14px}.st-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 20px #0f172a0a}.st-filter-btn svg{width:20px;height:20px}.st-view-tools{align-items:center;gap:10px;display:flex}.st-configure-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:10px;align-items:center;gap:9px;height:46px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.st-configure-btn svg{width:18px;height:18px}.st-search-box input::placeholder{color:#94a3b8}.st-table-scroll{width:100%;overflow-x:auto}.st-table{border-collapse:collapse;text-align:left;width:100%}.st-table th{color:#334155;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:17px 20px;font-size:12px;font-weight:850}.st-configurable-th{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.st-configurable-th:active{cursor:grabbing}.st-column-label{padding-right:10px;display:inline-block}.st-column-drag-hint{color:#94a3b8;text-transform:none;font-size:10px;font-weight:700}.st-resize-handle{cursor:col-resize;border-right:2px solid #0000;width:8px;position:absolute;top:8px;bottom:8px;right:0}.st-resize-handle:hover{border-right-color:#2563eb}.st-resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.st-table td{color:#1e2f52;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:22px 20px;font-size:13px;font-weight:600}.st-cell-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-table tbody tr:hover{background-color:#fbfdff}.st-sort{color:#7890b6;margin-left:4px;font-size:11px}.st-name-cell{align-items:center;gap:16px;display:flex}.st-student-avatar{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid}.st-student-avatar.color-0{color:#0284c7;background:#e0f2fe}.st-student-avatar.color-1{color:#2563eb;background:#dbeafe}.st-student-avatar.color-2{color:#7c3aed;background:#f3e8ff}.st-student-avatar.color-3{color:#16a34a;background:#dcfce7}.st-student-avatar.color-4{color:#ea580c;background:#ffedd5}.st-student-avatar.color-5{color:#db2777;background:#fce7f3}.st-student-name{color:#0f172a;font-weight:850}.st-view-btn{color:#2563eb;cursor:pointer;background:#f8fbff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 17px;font-size:12px;font-weight:850;transition:all .2s}.st-view-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.st-actions-cell{justify-content:flex-end;align-items:center;gap:16px;display:flex}.st-more-btn{color:#1e3a5f;cursor:pointer;background:0 0;border:none;place-items:center;width:28px;height:34px;display:grid}.st-column-overlay{z-index:1200;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.st-column-modal{background:#fff;border:1px solid #dbe4f0;border-radius:16px;flex-direction:column;width:min(980px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a2e}.st-column-header,.st-column-footer{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.st-column-header h2{color:#0f172a;margin:0 0 5px;font-size:22px;font-weight:800}.st-column-header p,.st-column-footer p{color:#64748b;margin:0;font-size:13px;font-weight:500}.st-column-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:36px;height:36px;font-size:22px}.st-column-toolbar{color:#475569;background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:14px 24px;font-size:13px;font-weight:800;display:flex}.st-column-toolbar button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800}.st-column-list{padding:8px 0;overflow:auto}.st-column-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.st-column-main{align-items:center;gap:12px;min-width:0;display:flex}.st-column-check{color:#0f172a;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.st-column-group{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.st-column-footer{border-top:1px solid #e2e8f0;border-bottom:none}.st-more-btn svg{width:18px;height:18px}.st-pill{text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:850;display:inline-flex}.st-pill.paid{color:#15803d;background-color:#dcfce7}.st-pill.pending{color:#ea580c;background-color:#fff4df}.st-pill.overdue{color:#dc2626;background-color:#fee2e2}.st-pill.active{color:#15803d;background-color:#dcfce7}.st-pill.leave{color:#64748b;background-color:#f1f5f9}.st-pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 24px;display:flex}.st-page-buttons{gap:6px;display:flex}.st-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.st-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.st-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 10px 18px #2563eb40}.st-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.st-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.st-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.st-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.st-modal-title-group{align-items:center;gap:12px;display:flex}.st-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.st-modal-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.st-modal-title p{color:#64748b;margin:2px 0 0;font-size:12px}.st-badge-pill{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.st-stepper{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.st-step{color:#94a3b8;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.st-step.active{color:#3b82f6}.st-step-circle{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.st-step.active .st-step-circle{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.st-step-line{background-color:#e2e8f0;flex-grow:1;height:1px;margin:0 16px}.st-modal-body{flex-grow:1;padding:24px;overflow-y:auto}.st-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:6px;font-size:11px;font-weight:700}.st-form-row-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.st-form-row-2{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.st-form-group{flex-direction:column;gap:6px;display:flex}.st-form-group label{color:#334155;font-size:12px;font-weight:600}.st-form-group label span{color:#ef4444}.st-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s}.st-input:focus{border-color:#2563eb}.st-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.st-textarea{resize:vertical;min-height:80px}.st-photo-upload-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.st-photo-circle{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.st-btn-upload{cursor:pointer;color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:4px;padding:6px 12px;font-size:12px;font-weight:600}.st-btn-upload:hover{background-color:#f8fafc}.st-photo-text{color:#94a3b8;font-size:11px}.st-upload-area{cursor:pointer;box-sizing:border-box;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;transition:all .2s;display:flex}.st-upload-area:hover{background-color:#eff6ff;border-color:#2563eb}.st-upload-area p{color:#475569;text-align:center;margin:8px 0 0;font-size:12px;font-weight:500}.st-upload-area p span{color:#2563eb;font-weight:600}.st-alert-box{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.st-alert-box p{margin:0;font-size:12px;font-weight:500}.st-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.st-req-text{color:#64748b;font-size:11px}.st-footer-actions{gap:12px;display:flex}.st-btn-discard{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.st-btn-discard:hover{color:#0f172a;background:#e2e8f0}.st-btn-draft{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.st-btn-draft:hover{background:#f1f5f9}.st-btn-publish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background-color .2s}.st-btn-publish:disabled{cursor:not-allowed;background:#94a3b8}.st-modal-wide{background:#fff;border-radius:12px;flex-direction:column;width:95%;max-width:1300px;height:90vh;animation:.3s ease-out modalSlide;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.st-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;padding:25px;box-shadow:0 1px 2px #0000000d}.st-section-title-new{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:10px;font-size:11px;font-weight:800}.st-input-new{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.st-input-new:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.st-label-new{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.st-label-new span{color:#ef4444}.st-row-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px;display:grid}.st-row-2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px;display:grid}.st-row-1{grid-template-columns:1fr;gap:20px;margin-bottom:16px;display:grid}.st-photo-row{align-items:center;gap:15px;margin-bottom:24px;display:flex}.st-avatar-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.st-upload-btn-new{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.st-table td{color:#243653;font-weight:500}.st-student-name,.st-table th,.st-student-avatar,.st-pill,.st-view-btn{font-weight:700}.st-page-info{font-weight:500}.st-column-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0f172a6b;padding:28px}.st-column-modal{background:#fff;border:1px solid #d9e1ec;border-radius:8px;width:min(680px,94vw);max-height:88vh;box-shadow:0 24px 70px #0f172a47}.st-column-header h2{color:#111827;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.2}.st-column-header p{color:#64748b;font-size:12px}.st-column-close{color:#475569;width:30px;height:30px;box-shadow:none;border-radius:6px;font-size:16px;font-weight:700}.st-column-search{color:#94a3b8;background:#fff;border:1px solid #dbe3ef;border-radius:5px;align-items:center;width:320px;margin:0 26px 18px;padding:8px 10px;display:flex}.st-column-search svg{flex-shrink:0;width:14px;height:14px;margin-right:9px}.st-column-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.st-column-search input::placeholder{color:#9aa8bc}.st-column-list-header{color:#334155;background:#f8fafc;border:1px solid #e5ebf3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin:0 26px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.st-column-list-header button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.st-column-list{border:1px solid #e5ebf3;border-radius:0 0 6px 6px;max-height:430px;margin:0 26px 22px;padding:0;overflow:hidden auto}.st-column-row{cursor:grab;background:#fff;border-bottom:1px solid #e8edf5;min-height:35px;padding:0 9px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;position:relative}.st-column-row:last-child{border-bottom:0}.st-column-row:before{content:"";background:0 0;border-radius:0;width:auto;height:2px;transition:background-color .18s;position:absolute;top:-1px;left:0;right:0}.st-column-row:hover{background:#fbfcff;transform:translate(0)}.st-column-row:active{cursor:grabbing}.st-column-row.is-dragging{box-shadow:none;opacity:.72;background:#f1f1f1;border-color:#d4d4d8;transform:none}.st-column-row.is-dragging .st-column-grip{color:#64748b}.st-column-row.is-drag-over{box-shadow:none;background:#f3f4f6;border-color:#d4d4d8;transform:translate(0)}.st-column-row.is-drag-over:before{box-shadow:none;background:#2563eb}.st-column-visibility{color:#3446b7;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.st-column-visibility svg{width:15px;height:15px}.st-column-row-label{color:#111827;flex:1;font-size:12px;font-weight:800}.st-column-grip{color:#a6b1c3;cursor:grab;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .18s,color .18s,background-color .18s;display:inline-flex}.st-column-grip:active{cursor:grabbing}.st-column-row:hover .st-column-grip{color:#4b5563;background:#f3f4f6;transform:none}.st-column-grip svg{width:15px;height:15px}.st-column-footer{background:#fff;border-top:1px solid #e5ebf3;border-bottom:0;justify-content:flex-end;gap:10px;padding:14px 26px}.st-column-cancel,.st-column-apply{cursor:pointer;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:800}.st-column-cancel{color:#111827;background:#fff;border:1px solid #e5ebf3}.st-column-apply{color:#fff;background:#342fe4;border:1px solid #4338ca;box-shadow:0 8px 18px #342fe438}@media (width<=760px){.st-column-search{width:auto}}.st-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1400;background:#0f172a75;padding:10px}.st-modal-wide{background:#fff;border:1px solid #d8e1f0;border-radius:10px;width:min(1900px,100vw - 18px);max-width:none;height:min(96vh,1180px);position:relative;box-shadow:0 30px 90px #0f172a57}.st-enroll-header{background:#fff;justify-content:space-between;align-items:flex-start;gap:24px;padding:38px 42px 24px;display:flex}.st-enroll-icon{color:#1d4ed8;width:62px;height:62px;box-shadow:none;background:#eff6ff;border:0;border-radius:14px}.st-enroll-icon svg{width:30px;height:30px}.st-modal-title h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:30px;font-weight:850}.st-modal-title p{color:#637096;margin:0;font-size:16px;font-weight:500}.st-enroll-header-actions{align-items:center;gap:14px;display:flex}.st-enroll-new-btn,.st-enroll-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #dfe5f1;justify-content:center;align-items:center;display:inline-flex}.st-enroll-new-btn{color:#1d4ed8;background:#eff6ff;border-radius:9px;gap:9px;height:52px;padding:0 20px;font-size:15px;font-weight:750}.st-enroll-new-btn .st-line-icon{width:17px;height:17px}.st-enroll-close{color:#071337;border-radius:9px;width:48px;height:48px}.st-enroll-close .st-line-icon{width:22px;height:22px}.st-stepper-legacy,.st-modal-footer-legacy{display:none}.st-stepper-modern{background:#fff;border-bottom:1px solid #e1e8f3;align-items:center;gap:8px;width:100%;min-width:0;padding:10px 42px 28px;display:flex}.st-step{color:#4f5c80;cursor:pointer;white-space:nowrap;flex:0 auto;align-items:center;gap:8px;min-width:0;min-height:38px;font-size:12px;font-weight:750;line-height:1.15;display:inline-flex;position:relative}.st-step.current{color:#071337}.st-step.current:after{content:"";background:#1d4ed8;border-radius:999px 999px 0 0;width:min(170px,100%);height:3px;position:absolute;bottom:-29px;left:50%;transform:translate(-50%)}.st-step-circle{color:#5f6b89;background:#fff;border:2px solid #bdc7da;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.st-step.active .st-step-circle{color:#1d4ed8;border-color:#bfdbfe}.st-step.current .st-step-circle{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#1d4ed8;box-shadow:0 12px 24px #1d4ed83d}.st-step-circle .st-line-icon{width:15px;height:15px}.st-step-line{background:#d6deeb;flex:28px;min-width:24px;max-width:96px;height:1px}.st-modal-body-scroll{background:#fff;flex:1;padding:38px 42px 28px;overflow-y:auto}.st-form-card{background:#fff;border:1px solid #dbe3ef;border-radius:11px;min-height:520px;margin:0;padding:30px;box-shadow:0 22px 48px #0f172a0b}.st-section-heading-row,.st-section-heading{align-items:center;gap:24px;display:flex}.st-section-heading-row{justify-content:space-between;margin-bottom:32px}.st-section-heading{margin-bottom:34px}.st-section-heading-compact{margin-bottom:24px}.st-section-icon{color:#1d4ed8;background:#eff6ff;border-radius:13px;flex:none;place-items:center;width:58px;height:58px;display:grid}.st-section-icon svg,.st-section-icon .st-line-icon{width:30px;height:30px}.st-section-heading h3{color:#071337;margin:0 0 8px;font-size:21px;font-weight:850}.st-section-heading p,.st-photo-actions p{color:#687696;margin:0;font-size:15px;font-weight:500}.st-photo-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.st-upload-btn-new{color:#071337;background:#fff;border:1px solid #d5deed;border-radius:6px;align-items:center;gap:9px;height:38px;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}.st-upload-btn-new .st-line-icon{color:#1d4ed8;width:18px;height:18px}.st-row-3,.st-row-2,.st-row-1{gap:26px 32px;margin-bottom:24px}.st-span-2{grid-column:span 2}.st-label-new{color:#1e2945;margin-bottom:10px;font-size:14px;font-weight:750}.st-input-new,.st-phone-field,.st-icon-field{background:#fff;border:1px solid #cfd8e8;border-radius:7px;min-height:56px;box-shadow:0 1px #0f172a05}.st-input-new{color:#071337;width:100%;padding:0 18px;font-size:15px;font-weight:500}.st-input-new::placeholder,.st-phone-field input::placeholder,.st-icon-field input::placeholder,.st-icon-field textarea::placeholder{color:#74809e}.st-input-new:focus,.st-phone-field:focus-within,.st-icon-field:focus-within{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.st-phone-field,.st-icon-field{align-items:center;display:flex;overflow:hidden}.st-phone-field span,.st-icon-field>span{color:#1d4ed8;flex:0 0 62px;justify-content:center;align-items:center;width:62px;height:100%;min-height:56px;display:inline-flex}.st-phone-field span{color:#1e2945;border-right:1px solid #cfd8e8;font-size:14px;font-weight:650}.st-icon-field>span svg{width:22px;height:22px}.st-icon-field .st-currency-prefix{color:#1d4ed8;background:#eff6ff;border-radius:6px;flex-basis:48px;width:48px;height:34px;min-height:34px;margin-left:14px;font-size:13px;font-weight:850}.st-phone-field input,.st-icon-field input,.st-icon-field select,.st-icon-field textarea{color:#071337;background:0 0;border:0;outline:0;flex:1;height:56px;font-size:15px;font-weight:500}.st-icon-field select,.st-icon-field input{padding-right:18px}.st-icon-field.is-disabled{background:#f8fafc}.st-section-divider{background:#dbe3ef;height:1px;margin:26px 0}.st-alert-box{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:7px;min-height:68px;margin:28px 0;padding:0 24px}.st-alert-box>span{color:#fff;background:#22a15f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.st-alert-box .st-line-icon{width:15px;height:15px}.st-alert-box p{color:#166534;font-size:15px;font-weight:650}.st-upload-area{text-align:center;background:#fff;border:2px dashed #bfdbfe;border-radius:8px;gap:10px;min-height:250px}.st-upload-cloud{color:#1d4ed8;background:#eff6ff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.st-upload-cloud .st-line-icon{width:30px;height:30px}.st-upload-area p{color:#071337;margin:4px 0 0;font-size:15px}.st-upload-area small{color:#6d7a98;font-size:13px}.st-choose-file-btn{color:#071337;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:6px;align-items:center;gap:9px;height:40px;margin-top:8px;padding:0 18px;font-size:14px;font-weight:750;display:inline-flex}.st-choose-file-btn .st-line-icon{color:#1d4ed8;width:16px;height:16px}.st-textarea-field{align-items:flex-start;min-height:236px}.st-textarea-field>span{align-items:flex-start;padding-top:18px}.st-textarea-field textarea{resize:vertical;min-height:236px;padding:19px 18px 18px 0}.st-modal-footer-modern{background:#fffffff5;border-top:1px solid #dbe3ef;min-height:118px;padding:24px 42px}.st-req-text{color:#687696;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.st-req-text span{color:#ef4444;font-weight:850}.st-req-text em{background:#7c88a5;border-radius:50%;width:4px;height:4px}.st-footer-actions{align-items:center;gap:28px}.st-btn-discard,.st-btn-draft,.st-btn-publish{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 30px;font-size:16px;font-weight:800;display:inline-flex}.st-btn-discard,.st-btn-draft{color:#071337;background:#fff;border:1px solid #d5deed}.st-btn-publish{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;min-width:220px;box-shadow:0 16px 30px #1d4ed840}.st-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.st-btn-draft .st-line-icon,.st-btn-publish .st-line-icon,.st-line-icon{width:20px;height:20px}.st-swal-container{z-index:40;background:#0f172a2e!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;position:absolute!important;inset:0!important}.st-swal-popup{border:1px solid #dbe3ef;border-radius:18px;width:min(430px,92vw);padding:28px 28px 24px;box-shadow:0 28px 80px #0f172a38}.st-swal-icon{margin:0 auto 16px;color:#1d4ed8!important;border-color:#1d4ed8!important}.st-swal-title{color:#071337;padding:0;font-size:22px;font-weight:850}.st-swal-text{color:#64748b!important;margin:10px 0 0!important;font-size:14px!important;font-weight:500!important}.st-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:999px;min-height:44px;padding:0 22px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #1d4ed83d}@media (width<=1100px){.st-stepper-modern{grid-template-columns:1fr;gap:10px;padding:10px 42px 24px}.st-step-line{display:none}.st-step.current:after{width:100%}.st-row-3,.st-row-2{grid-template-columns:1fr}.st-span-2{grid-column:auto}}@media (width<=760px){.st-enroll-header,.st-modal-body-scroll,.st-modal-footer-modern{padding-left:20px;padding-right:20px}.st-enroll-header,.st-section-heading-row,.st-modal-footer-modern{flex-direction:column}.st-photo-actions{align-items:flex-start}}.st-column-overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a42;justify-content:flex-end;align-items:stretch;padding:0}.st-column-modal{border:0;border-left:1px solid #d9e1ec;border-radius:14px 0 0 14px;width:min(390px,92vw);height:100vh;max-height:100vh;animation:.22s ease-out stDrawerIn;box-shadow:-28px 0 70px #0f172a33}.st-column-header{border-bottom:1px solid #edf1f6;padding:18px 18px 12px}.st-column-header h2{color:#111827;font-size:16px;font-weight:800}.st-column-header p{margin-top:4px;font-size:11px}.st-column-close{border-radius:7px;width:28px;height:28px;font-size:14px}.st-column-search{border-color:#2563eb;border-radius:8px;width:auto;margin:12px 18px 10px;padding:9px 10px;box-shadow:0 0 0 3px #2563eb1a}.st-column-list-header{color:#64748b;background:#fff;border:0;border-radius:0;margin:0 18px;padding:8px 2px}.st-column-list{border:0;border-radius:0;flex:1;max-height:none;margin:0 18px;padding-bottom:14px}.st-column-row{border-bottom:0;gap:10px;min-height:39px;padding:0 2px}.st-column-row:hover{background:#fff}.st-column-row-label{font-size:12px;font-weight:700}.st-column-visibility{color:#2563eb}.st-column-visibility.hidden,.st-column-grip{color:#94a3b8}.st-column-footer{border-top:1px solid #edf1f6;padding:14px 18px 18px;box-shadow:0 -10px 26px #0f172a0a}.st-column-cancel,.st-column-apply{border-radius:8px;padding:10px 13px}@keyframes stDrawerIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.st-table-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.st-search-area{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px}.st-search-box{max-width:360px;box-shadow:none;border-color:#d1d5db;border-radius:4px;padding:9px 11px}.st-search-box input{font-size:13px}.st-configure-btn,.st-filter-btn{height:36px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:4px}.st-configure-btn{padding:0 12px;font-size:12px;font-weight:600}.st-filter-btn{width:38px}.st-table-scroll{background:#fff;padding:18px 22px 6px}.st-table{border-collapse:collapse;color:#000}.st-table th{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;padding:0 10px 12px;font-size:14px;font-weight:700}.st-table td{color:#000;border-bottom:1px solid #d1d5db;padding:14px 10px;font-size:14px;font-weight:400}.st-table tbody tr:hover,.st-table tbody tr:hover td{background:#fff}.st-table input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px}.st-column-drag-hint{display:none}.st-column-label{padding-right:0}.st-resize-handle{top:2px;bottom:8px}.st-cell-content{color:inherit}.st-record-link{color:#0067ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.st-record-link:hover{text-decoration:underline}.st-pill{text-transform:none;background:0 0;border-radius:0;padding:0;font-size:14px;font-weight:400}.st-pill.paid,.st-pill.active{color:#047857;background:0 0}.st-pill.pending{color:#b45309;background:0 0}.st-pill.overdue,.st-pill.leave{color:#dc2626;background:0 0}.st-actions-cell{justify-content:flex-start;gap:10px}.st-view-btn{color:#0067ff;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:400}.st-view-btn:hover{color:#0067ff;background:0 0;border-color:#0000;text-decoration:underline}.st-more-btn{color:#6b7280;width:24px;height:24px}.st-pagination-footer{background:#fff;border-top:0;padding:13px 22px}.st-page-info{color:#4b5563;font-size:13px;font-weight:400}.st-page-btn{min-width:30px;height:30px;box-shadow:none;border-radius:4px}.st-configurable-th{position:relative}.st-configurable-th:before{content:"";pointer-events:none;background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:7px;bottom:7px;left:-1px}.st-configurable-th.is-table-dragging{color:#9ca3af;background:#f9fafb}.st-configurable-th.is-table-drag-over{background:#f8fbff}.st-configurable-th.is-table-drag-over:before{background:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.tc-page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.tc-header-left h2{color:#0f172a;letter-spacing:0;margin:0 0 6px;font-size:27px;font-weight:850}.tc-header-left p{color:#64748b;margin:0;font-size:14px}.tc-header-right{align-items:center;gap:18px;display:flex}.tc-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #2563eb3d}.tc-btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);transform:translateY(-1px);box-shadow:0 16px 30px #2563eb47}.tc-btn-secondary{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.tc-btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.tc-avatar{color:#2563eb;background-color:#e8f0ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-left:8px;font-size:14px;font-weight:850;display:flex;box-shadow:0 2px 8px #0000000d}.tc-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.tc-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #00000005}.tc-stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.tc-stat-value{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:800}.tc-stat-sub{font-size:11px;font-weight:600}.tc-stat-sub.neutral{color:#94a3b8}.tc-stat-sub.red{color:#ef4444}.tc-stat-sub.green{color:#10b981}.tc-stat-sub.blue{color:#3b82f6}.tc-table-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;flex-grow:1;margin-top:18px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0f172a0d}.tc-controls-row{background-color:#ffffffbf;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.tc-modal-wide .tc-modal-footer{justify-content:space-between!important}.tc-modal-wide .tc-footer-actions{justify-content:flex-end!important;margin-left:auto!important}.tc-search-box{color:#94a3b8;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;width:100%;max-width:520px;padding:13px 16px;display:flex}.tc-search-box svg{flex-shrink:0;width:18px;height:18px;margin-right:12px}.tc-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.tc-search-box input::placeholder{color:#94a3b8}.tc-filter-pills{gap:14px;display:flex}.tc-filter-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:12px 28px;font-size:14px;font-weight:750;transition:all .2s}.tc-filter-pill.active{color:#4f46e5;background:#eff6ff;border-color:#c7d2fe;box-shadow:inset 0 0 0 1px #4f46e50d}.tc-filter-pill:hover:not(.active){background:#f8fafc;border-color:#94a3b8}.tc-configure-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.tc-configure-btn svg{width:17px;height:17px}.tc-table-scroll{width:100%;overflow-x:auto}.tc-table{border-collapse:collapse;text-align:left;width:100%}.tc-table th{color:#334155;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:17px 24px;font-size:12px;font-weight:850}.tc-table td{color:#1e2f52;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:28px 24px;font-size:14px;font-weight:650}.tc-table tbody tr:hover{background-color:#fbfdff}.tc-cell-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tc-configurable-th{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.tc-configurable-th:active{cursor:grabbing}.tc-column-label{padding-right:10px;display:inline-block}.tc-column-drag-hint{color:#94a3b8;text-transform:none;font-size:10px;font-weight:700}.tc-resize-handle{cursor:col-resize;border-right:2px solid #0000;width:8px;position:absolute;top:8px;bottom:8px;right:0}.tc-resize-handle:hover{border-right-color:#4f46e5}.tc-resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.tc-sort{color:#7890b6;margin-left:4px;font-size:11px}.tc-name-cell{align-items:center;gap:16px;display:flex}.tc-teacher-avatar{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:14px;font-weight:850;display:grid}.tc-teacher-avatar.color-0{color:#0284c7;background:#e0f2fe}.tc-teacher-avatar.color-1{color:#7c3aed;background:#f3e8ff}.tc-teacher-avatar.color-2{color:#2563eb;background:#dbeafe}.tc-teacher-avatar.color-3{color:#ea580c;background:#ffedd5}.tc-teacher-avatar.color-4{color:#db2777;background:#fce7f3}.tc-teacher-name{color:#0f172a;margin-bottom:5px;font-weight:850;display:block}.tc-teacher-subtitle{color:#52637f;font-size:13px;font-weight:600;display:block}.tc-view-btn{color:#4f46e5;cursor:pointer;background:#f8fbff;border:1px solid #c7d2fe;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:850;transition:all .2s}.tc-view-btn:hover{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.tc-actions-cell{justify-content:flex-end;align-items:center;gap:16px;display:flex}.tc-more-btn{color:#1e3a5f;cursor:pointer;background:0 0;border:none;place-items:center;width:28px;height:34px;display:grid}.tc-more-btn svg{width:18px;height:18px}.tc-pill{border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:850;display:inline-flex}.tc-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-active{color:#15803d;background-color:#dcfce7}.status-leave{color:#d97706;background-color:#fef3c7}.tc-pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding:18px 24px;display:flex}.tc-page-buttons{gap:6px;display:flex}.tc-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.tc-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.tc-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb;box-shadow:0 10px 18px #2563eb40}.tc-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.tc-column-overlay{z-index:1200;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tc-column-modal{background:#fff;border:1px solid #dbe4f0;border-radius:16px;flex-direction:column;width:min(760px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a2e}.tc-column-header,.tc-column-footer{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.tc-column-header h2{color:#0f172a;margin:0 0 5px;font-size:22px;font-weight:800}.tc-column-header p,.tc-column-footer p{color:#64748b;margin:0;font-size:13px;font-weight:500}.tc-column-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:36px;height:36px;font-size:22px}.tc-column-toolbar{color:#475569;background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:14px 24px;font-size:13px;font-weight:800;display:flex}.tc-column-toolbar button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800}.tc-column-list{padding:8px 0;overflow:auto}.tc-column-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.tc-column-check{color:#0f172a;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.tc-column-footer{border-top:1px solid #e2e8f0;border-bottom:none}.tc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.tc-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tc-modal-title-group{align-items:center;gap:12px;display:flex}.tc-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tc-modal-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.tc-modal-title p{color:#64748b;margin:2px 0 0;font-size:12px}.tc-badge-pill{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.tc-column-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0f172a6b;padding:28px}.tc-column-modal{background:#fff;border:1px solid #d9e1ec;border-radius:8px;width:min(680px,94vw);max-height:88vh;box-shadow:0 24px 70px #0f172a47}.tc-column-header{border-bottom:0;padding:24px 26px 16px}.tc-column-header h2{color:#111827;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.2}.tc-column-header p{color:#64748b;font-size:12px}.tc-column-close{color:#475569;width:30px;height:30px;box-shadow:none;border-radius:6px;font-size:16px;font-weight:700}.tc-column-search{color:#94a3b8;background:#fff;border:1px solid #dbe3ef;border-radius:5px;align-items:center;width:320px;margin:0 26px 18px;padding:8px 10px;display:flex}.tc-column-search svg{flex-shrink:0;width:14px;height:14px;margin-right:9px}.tc-column-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.tc-column-search input::placeholder{color:#9aa8bc}.tc-column-list-header{color:#334155;background:#f8fafc;border:1px solid #e5ebf3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin:0 26px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.tc-column-list-header button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.tc-column-list{border:1px solid #e5ebf3;border-radius:0 0 6px 6px;max-height:430px;margin:0 26px 22px;padding:0;overflow:hidden auto}.tc-column-row{cursor:grab;background:#fff;border-bottom:1px solid #e8edf5;min-height:35px;padding:0 9px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;position:relative}.tc-column-row:last-child{border-bottom:0}.tc-column-row:before{content:"";background:0 0;border-radius:0;width:auto;height:2px;transition:background-color .18s;position:absolute;top:-1px;left:0;right:0}.tc-column-row:hover{background:#fbfcff;transform:translate(0)}.tc-column-row:active{cursor:grabbing}.tc-column-row.is-dragging{box-shadow:none;opacity:.72;background:#f1f1f1;border-color:#d4d4d8;transform:none}.tc-column-row.is-dragging .tc-column-grip{color:#64748b}.tc-column-row.is-drag-over{box-shadow:none;background:#f3f4f6;border-color:#d4d4d8;transform:translate(0)}.tc-column-row.is-drag-over:before{box-shadow:none;background:#2563eb}.tc-column-visibility{color:#3446b7;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.tc-column-visibility.hidden{color:#94a3b8}.tc-column-visibility svg{width:15px;height:15px}.tc-column-row-label{color:#111827;flex:1;font-size:12px;font-weight:800}.tc-column-grip{color:#a6b1c3;cursor:grab;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .18s,color .18s,background-color .18s;display:inline-flex}.tc-column-grip:active{cursor:grabbing}.tc-column-row:hover .tc-column-grip{color:#4b5563;background:#f3f4f6;transform:none}.tc-column-grip svg{width:15px;height:15px}.tc-column-footer{background:#fff;border-top:1px solid #e5ebf3;border-bottom:0;justify-content:flex-end;gap:10px;padding:14px 26px}.tc-column-cancel,.tc-column-apply{cursor:pointer;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:800}.tc-column-cancel{color:#111827;background:#fff;border:1px solid #e5ebf3}.tc-column-apply{color:#fff;background:#342fe4;border:1px solid #4338ca;box-shadow:0 8px 18px #342fe438}@media (width<=760px){.tc-column-search{width:auto}}.tc-table-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.tc-controls-row{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px}.tc-search-box{max-width:360px;box-shadow:none;border-color:#d1d5db;border-radius:4px;padding:9px 11px}.tc-search-box input{font-size:13px}.tc-filter-pills{gap:8px}.tc-filter-pill,.tc-configure-btn{height:36px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:4px;padding:0 12px;font-size:12px;font-weight:600}.tc-filter-pill.active{color:#111827;box-shadow:none;background:#f3f4f6;border-color:#d1d5db}.tc-table-scroll{background:#fff;padding:18px 22px 6px}.tc-table{border-collapse:collapse;color:#000}.tc-table th{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;padding:0 10px 12px;font-size:14px;font-weight:700}.tc-table td{color:#000;border-bottom:1px solid #d1d5db;padding:14px 10px;font-size:14px;font-weight:400}.tc-table input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px}.tc-column-drag-hint{display:none}.tc-column-label{padding-right:0}.tc-resize-handle{top:2px;bottom:8px}.tc-record-link{color:#0067ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.tc-record-link:hover{text-decoration:underline}.tc-pill{text-transform:none;background:0 0;border-radius:0;padding:0;font-size:14px;font-weight:400}.tc-pill:before{display:none}.status-active{color:#047857;background:0 0}.status-leave{color:#b45309;background:0 0}.tc-actions-cell{justify-content:flex-start;gap:10px}.tc-view-btn{color:#0067ff;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:400}.tc-view-btn:hover{color:#0067ff;background:0 0;border-color:#0000;text-decoration:underline}.tc-more-btn{color:#6b7280;width:24px;height:24px}.tc-pagination-footer{background:#fff;border-top:0;padding:13px 22px}.tc-page-info{color:#4b5563;font-size:13px;font-weight:400}.tc-page-btn{min-width:30px;height:30px;box-shadow:none;border-radius:4px}.tc-configurable-th{position:relative}.tc-configurable-th:before{content:"";pointer-events:none;background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:7px;bottom:7px;left:-1px}.tc-configurable-th.is-table-dragging{color:#9ca3af;background:#f9fafb}.tc-configurable-th.is-table-drag-over:before{background:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.tc-configurable-th.is-table-drag-over{background:#f8fbff}.tc-modal-wide{background:#fff;border-radius:12px;flex-direction:column;width:95%;max-width:1000px;max-height:90vh;animation:.3s ease-out modalSlide;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tc-modal-body-scroll{background:#f8fafc;flex:1;padding:30px 40px;overflow-y:auto}.tc-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;padding:25px;box-shadow:0 1px 2px #0000000d}.tc-section-title-new{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:10px;font-size:11px;font-weight:800}.tc-input-new{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.tc-input-new:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.tc-input-new:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.tc-label-new{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.tc-label-new span{color:#ef4444}.tc-row-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px;display:grid}.tc-row-2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px;display:grid}.tc-row-1{grid-template-columns:1fr;gap:20px;margin-bottom:16px;display:grid}.tc-photo-row{align-items:center;gap:15px;margin-bottom:24px;display:flex}.tc-avatar-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.tc-upload-btn-new{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.tc-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a75;padding:10px}.tc-modal-wide{background:#fff;border:1px solid #d8e1f0;border-radius:10px;width:min(1560px,100vw - 18px);max-width:none;height:min(96vh,1100px);max-height:none;box-shadow:0 30px 90px #0f172a57}.tc-enroll-header{background:#fff;border-bottom:0;padding:38px 46px 30px}.tc-enroll-icon{color:#1d4ed8;background:#eff6ff;border:0;border-radius:14px;width:66px;height:66px}.tc-modal-title h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:30px;font-weight:850}.tc-modal-title p{color:#637096;margin:0;font-size:16px;font-weight:550}.tc-enroll-header-actions{align-items:center;gap:28px;display:flex}.tc-enroll-new-btn,.tc-enroll-close{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;justify-content:center;align-items:center;display:inline-flex}.tc-enroll-new-btn{border-radius:9px;gap:11px;height:56px;padding:0 28px;font-size:16px;font-weight:800}.tc-enroll-close{color:#071337;background:#fff;border-color:#d7e0ee;border-radius:9px;width:58px;height:58px}.tc-modal-body-scroll{scrollbar-color:#b7c4d8 #eef3f9;scrollbar-width:thin;background:#fff;flex:1;padding:0 36px 34px;overflow-y:auto}.tc-form-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;margin:0 0 32px;padding:38px;box-shadow:0 18px 42px #0f172a0b}.tc-section-title-new{display:none}.tc-section-heading{align-items:center;gap:28px;margin-bottom:34px;display:flex}.tc-section-icon{color:#1d4ed8;background:#eff6ff;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;display:grid}.tc-section-heading h3{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:18px;font-weight:900}.tc-section-heading p{color:#637096;margin:0;font-size:16px;font-weight:550}.tc-avatar-circle{color:#8a97ad;background:linear-gradient(135deg,#f3f6fb 0%,#e8edf5 100%);border-radius:50%;width:104px;height:104px}.tc-photo-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.tc-photo-actions p{color:#637096;margin:0;font-size:14px;font-weight:600}.tc-upload-btn-new{color:#071337;background:#fff;border:1px dashed #c9d4e5;border-radius:8px;justify-content:center;align-items:center;gap:14px;min-width:230px;height:66px;font-size:16px;font-weight:800;display:inline-flex}.tc-upload-btn-new .tc-line-icon{color:#1d4ed8;width:22px;height:22px}.tc-label-new{color:#15213a;margin-bottom:12px;font-size:16px;font-weight:800}.tc-input-new,.tc-icon-field{color:#071337;background:#fff;border:1px solid #cfd8e8;border-radius:8px;min-height:66px;font-size:17px;font-weight:500;box-shadow:0 1px #0f172a05}.tc-input-new::placeholder,.tc-icon-field input::placeholder{color:#67748f}.tc-input-new:focus,.tc-icon-field:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.tc-icon-field{align-items:center;display:flex;overflow:hidden}.tc-icon-field>span{color:#7b88a1;flex:0 0 64px;justify-content:center;align-items:center;width:64px;display:inline-flex}.tc-icon-field .tc-input-new{min-height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding-left:0}.tc-input-new:disabled{color:#637096;background:#f8fafc}.tc-modal-footer{background:#fffffff5;border-top:1px solid #dbe3ef;min-height:118px;padding:24px 46px}.tc-req-text{color:#637096;align-items:center;gap:8px;font-size:16px;font-weight:550;display:flex}.tc-req-text span{color:#ef4444;font-weight:900}.tc-footer-actions{align-items:center;gap:28px;display:flex}.tc-btn-discard,.tc-btn-publish{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:66px;padding:0 34px;font-size:18px;font-weight:850;display:inline-flex}.tc-btn-discard{color:#071337;background:#fff;border:1px solid #d5deed}.tc-btn-publish{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%);border:0;min-width:250px;box-shadow:0 16px 30px #2563eb40}.tc-btn-publish:hover{background:linear-gradient(135deg,#2563eb 0%,#3730e8 100%)}.tc-line-icon{width:20px;height:20px}.tc-swal-container{z-index:20000!important;background:#0f172a5c!important;justify-content:center!important;align-items:center!important;padding:24px!important}.tc-swal-popup{border:1px solid #dbe3ef;border-radius:18px;width:min(430px,92vw);padding:28px 28px 24px;box-shadow:0 28px 80px #0f172a38}.tc-swal-icon{margin:0 auto 16px;color:#1d4ed8!important;border-color:#1d4ed8!important}.tc-swal-title{color:#071337;padding:0;font-size:22px;font-weight:850}.tc-swal-text{color:#64748b!important;margin:10px 0 0!important;font-size:14px!important;font-weight:500!important}.tc-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:999px;min-height:44px;padding:0 22px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #1d4ed83d}.tc-modal-wide{border-radius:8px;width:min(1120px,100vw - 16px);height:min(96vh,760px)}.tc-enroll-header{padding:26px 32px 22px}.tc-modal-title-group{gap:18px}.tc-enroll-icon{border-radius:9px;width:54px;height:54px}.tc-enroll-icon svg{width:28px;height:28px}.tc-modal-title h2{margin-bottom:6px;font-size:24px;line-height:1.2}.tc-modal-title p{font-size:13px}.tc-enroll-header-actions{gap:16px}.tc-enroll-new-btn{border-radius:7px;height:40px;padding:0 16px;font-size:12px}.tc-enroll-close{border-radius:7px;width:40px;height:40px}.tc-enroll-close .tc-line-icon{width:20px;height:20px}.tc-modal-body-scroll{padding:0 32px 14px}.tc-form-card{border-radius:8px;margin-bottom:22px;padding:22px 26px}.tc-section-heading{gap:18px;margin-bottom:22px}.tc-section-icon{width:48px;height:48px}.tc-section-icon svg,.tc-section-icon .tc-line-icon{width:24px;height:24px}.tc-section-heading h3{margin-bottom:5px;font-size:14px}.tc-section-heading p{font-size:13px}.tc-photo-row{gap:24px;margin:0 0 24px}.tc-avatar-circle{width:72px;height:72px}.tc-avatar-circle svg{width:34px;height:34px}.tc-upload-btn-new{border-radius:6px;gap:10px;min-width:160px;height:44px;font-size:13px}.tc-upload-btn-new .tc-line-icon{width:17px;height:17px}.tc-photo-actions p{font-size:11px}.tc-row-3,.tc-row-2{gap:20px 26px;margin-bottom:20px}.tc-label-new{margin-bottom:8px;font-size:13px}.tc-input-new,.tc-icon-field{border-radius:5px;min-height:46px;font-size:13px}.tc-input-new{padding:0 14px}.tc-icon-field>span{flex-basis:46px;width:46px}.tc-icon-field .tc-line-icon{width:18px;height:18px}.tc-icon-field .tc-input-new{min-height:44px}.tc-modal-footer{min-height:64px;padding:12px 32px}.tc-req-text{font-size:12px}.tc-footer-actions{gap:18px}.tc-btn-discard,.tc-btn-publish{border-radius:6px;min-height:42px;padding:0 22px;font-size:13px}.tc-btn-publish{min-width:160px}.tc-btn-publish .tc-line-icon{width:16px;height:16px}@media (width<=1020px){.tc-row-3,.tc-row-2{grid-template-columns:1fr}}@media (width<=720px){.tc-enroll-header,.tc-modal-footer{flex-direction:column;align-items:flex-start}.tc-modal-body-scroll{padding-left:18px;padding-right:18px}.tc-form-card{padding:24px}}.tc-table td{color:#243653;font-weight:500}.tc-teacher-name{font-weight:700}.tc-teacher-subtitle,.tc-page-info{font-weight:500}.tc-table th,.tc-teacher-avatar,.tc-pill,.tc-view-btn{font-weight:700}.tc-table-card{min-height:520px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:18px}.tc-controls-row{background:#fff;border-bottom:1px solid #e5e7eb;min-height:64px;padding:14px 22px}.tc-search-box,.tc-configure-btn,.tc-filter-pill{height:36px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:4px}.tc-search-box{max-width:360px;padding:0 11px}.tc-configure-btn,.tc-filter-pill{padding:0 12px;font-size:12px;font-weight:600}.tc-filter-pill.active{color:#111827;background:#f3f4f6;border-color:#d1d5db}.tc-table-scroll{flex:1;min-height:380px;padding:18px 22px 6px;overflow:auto}.tc-table th,.tc-table td{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;height:42px;padding:0 10px;font-size:14px;font-weight:400}.tc-table th{height:38px;padding-bottom:12px;font-weight:700}.tc-table tbody tr:hover,.tc-table tbody tr:hover td{background:#fff}.tc-record-link,.tc-view-btn{color:#0067ff;font-weight:400}.tc-pagination-footer{background:#fff;border-top:0;min-height:56px;padding:13px 22px}body .tc-modal-wide .tc-modal-footer{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;display:flex!important}body .tc-modal-wide .tc-footer-actions{justify-content:flex-end!important;align-items:center!important;width:auto!important;margin-left:auto!important;display:flex!important}.cl-page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.cl-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:850}.cl-header-left p{color:#53668f;margin:0;font-size:15px}.cl-header-right{align-items:center;gap:12px;display:flex}.cl-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:999px;padding:13px 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #1d4ed83d}.cl-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 16px 30px #1d4ed847}.cl-avatar{color:#1d4ed8;background-color:#eef3ff;border:1px solid #e4ebff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:700;display:flex;box-shadow:0 10px 24px #1e40af14}.cl-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex-grow:1;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000005}.cl-filters-row{background-color:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cl-search-input{color:#94a3b8;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:100%;max-width:400px;padding:8px 12px;display:flex}.cl-search-input svg{flex-shrink:0;width:16px;height:16px;margin-right:8px}.cl-search-input input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.cl-filter-group{gap:8px;display:flex}.cl-filter-select{color:#475569;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 10px center/14px no-repeat;border:1px solid #cbd5e1;border-radius:20px;padding:6px 30px 6px 14px;font-size:12px;font-weight:600;transition:all .2s}.cl-table-container{background:0 0;border:none;border-radius:0;width:100%;overflow-x:auto}.cl-list-table{border-collapse:collapse;text-align:left;width:100%}.cl-list-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:16px 20px;font-size:13px}.cl-list-table tr:hover td{background-color:#f8fafc}.cl-class-badge{color:#475569;background:#f1f5f9;border-radius:6px;margin-right:10px;padding:4px 8px;font-size:11px;font-weight:700}.cl-progress-cell{align-items:center;gap:10px;display:flex}.cl-progress-bar{background:#e2e8f0;border-radius:4px;width:60px;height:6px;overflow:hidden}.cl-progress-fill{border-radius:4px;height:100%}.cl-status-pill{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700}.cl-btn-view{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.cl-pagination-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 20px;display:flex}.cl-page-buttons{gap:6px;display:flex}.cl-page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cl-page-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.cl-page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.cl-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.cl-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.cl-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.cl-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cl-modal-title-group{align-items:center;gap:12px;display:flex}.cl-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cl-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.cl-badge-pill{color:#1d4ed8;background-color:#eff6ff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.cl-modal-body{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.cl-modal-body::-webkit-scrollbar{display:none}.cl-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:6px;font-size:11px;font-weight:700}.cl-form-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.cl-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.cl-form-group{flex-direction:column;gap:6px;display:flex}.cl-form-group label{color:#334155;font-size:12px;font-weight:600}.cl-form-group label span{color:#ef4444}.cl-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.cl-input:focus{border-color:#2563eb}.cl-textarea{resize:vertical;min-height:70px}.cl-radio-label{color:#475569;cursor:pointer;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cl-radio-label input{display:none}.cl-radio-label:has(input:checked){color:#2563eb;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.cl-radio-circle{border:1.5px solid #cbd5e1;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.cl-radio-label input:checked+.cl-radio-circle{border-color:#2563eb}.cl-radio-label input:checked+.cl-radio-circle:after{content:"";background-color:#2563eb;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cl-alert-box{background-color:#eff6ff;border-left:4px solid #2563eb;border-radius:4px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.cl-alert-box p{color:#1e40af;margin:0;font-size:12px;font-weight:500}.cl-checkbox-group{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.cl-check-pill{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cl-check-pill input{display:none}.cl-check-pill:has(input:checked){color:#1d4ed8;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.cl-check-square{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.cl-check-pill input:checked+.cl-check-square{background-color:#2563eb;border-color:#2563eb}.cl-check-pill input:checked+.cl-check-square:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.cl-switch-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.cl-switch-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cl-switch-row:first-child{padding-top:0}.cl-switch-row:last-child{border-bottom:none;padding-bottom:0}.cl-switch-label h4{color:#0f172a;margin:0;font-size:13px;font-weight:600}.cl-switch-label p{color:#64748b;margin:2px 0 0;font-size:11px}.cl-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:background-color .2s;position:relative}.cl-toggle.on{background-color:#2563eb}.cl-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.cl-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.cl-req-text{color:#64748b;font-size:11px}.cl-footer-actions{gap:12px;display:flex}.cl-btn-discard{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:12px;font-weight:600}.cl-btn-publish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .2s}.cl-btn-publish:disabled{cursor:not-allowed;background:#94a3b8}.cl-table-card{background-color:#fffffff0;border:1px solid #dfe7f5;border-radius:16px;margin-top:18px;box-shadow:0 18px 42px #0f172a0d}.cl-filters-row{background-color:#ffffffb8;border-bottom:1px solid #e2e8f0;gap:18px;padding:24px}.cl-search-input{color:#7182a7;border:1px solid #d8e2f2;border-radius:12px;max-width:400px;padding:13px 16px;box-shadow:0 8px 20px #0f172a05}.cl-search-input svg{width:19px;height:19px;margin-right:12px}.cl-search-input input{color:#071337;font-size:14px}.cl-search-input input::placeholder{color:#7182a7}.cl-filter-group{flex-wrap:wrap;justify-content:flex-end;gap:14px}.cl-filter-select{color:#071337;background-position:right 16px center;background-size:16px;border:1px solid #d8e2f2;border-radius:999px;padding:12px 42px 12px 18px;font-size:14px;font-weight:700}.cl-filter-select:hover{background-color:#f8fbff;border-color:#b9c7e5}.cl-list-table th{color:#304166;letter-spacing:0;white-space:nowrap;background:#f8fafc;padding:18px 22px;font-size:12px;font-weight:850}.cl-list-table tbody tr:hover td{background-color:#f8fbff}.cl-list-table input[type=checkbox]{accent-color:#3948f5;cursor:pointer;width:16px;height:16px}.cl-sort{color:#7890ba;margin-left:4px;font-size:13px}.cl-class-cell,.cl-teacher-cell,.cl-actions-cell{white-space:nowrap;align-items:center;gap:14px;display:flex}.cl-class-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.cl-class-icon.color-0{color:#4f46e5;background:#eef2ff}.cl-class-icon.color-1{color:#2563eb;background:#eff6ff}.cl-class-icon.color-2{color:#16a34a;background:#ecfdf5}.cl-class-icon.color-3{color:#f97316;background:#fff7ed}.cl-class-title{color:#071337;margin-bottom:7px;font-weight:850;display:block}.cl-class-sub{color:#5b6d93;font-size:13px;font-weight:500;display:block}.cl-teacher-cell{gap:10px}.cl-teacher-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.cl-teacher-avatar.color-0{color:#6d28d9;background:#ede9fe}.cl-teacher-avatar.color-1{color:#2563eb;background:#dbeafe}.cl-teacher-avatar.color-2{color:#f97316;background:#ffedd5}.cl-teacher-avatar.color-3{color:#16a34a;background:#dcfce7}.cl-teacher-avatar.color-4{color:#0284c7;background:#e0f2fe}.cl-progress-cell{white-space:nowrap;gap:10px}.cl-progress-bar{background:#e4eaf5;border-radius:999px;width:58px;height:7px}.cl-progress-fill{border-radius:999px}.cl-progress-fill.blue{background:linear-gradient(90deg,#263df5,#4964ff)}.cl-progress-fill.green{background:linear-gradient(90deg,#16a34a,#22c55e)}.cl-progress-fill.red{background:linear-gradient(90deg,#dc2626,#ef4444)}.cl-progress-text{color:#071337;font-size:12px;font-weight:800}.cl-status-pill{text-transform:none;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:850;display:inline-flex}.cl-status-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.cl-btn-view:hover{color:#1d2ed6;background:#eef2ff;border-color:#263df5}.cl-more-btn{color:#1f355f;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.cl-more-btn svg{width:20px;height:20px}.cl-more-btn:hover{color:#263df5;background:#eef2ff}.cl-pagination-footer{padding:22px 24px}.cl-page-buttons{gap:8px}.cl-page-btn{border:1px solid #d8e2f2;border-radius:10px;min-width:38px;height:38px;font-size:14px;font-weight:800}.cl-page-btn.active{background:linear-gradient(135deg,#2563eb,#3730e8);border-color:#2563eb;box-shadow:0 8px 18px #2563eb47}@media (width<=900px){.cl-page-header,.cl-filters-row{flex-direction:column;align-items:stretch}.cl-header-right,.cl-filter-group{justify-content:space-between}.cl-search-input{max-width:none}}.cl-list-table{table-layout:auto}.cl-list-table th{padding:16px 14px;font-weight:700}.cl-list-table td{color:#243653;padding:22px 14px;font-size:13px;font-weight:500}.cl-class-title{font-weight:700}.cl-class-sub,.cl-page-info{font-weight:500}.cl-class-cell,.cl-teacher-cell,.cl-actions-cell{gap:10px}.cl-class-icon{border-radius:10px;width:36px;height:36px}.cl-class-icon svg{width:18px;height:18px}.cl-teacher-avatar{width:30px;height:30px;font-weight:700}.cl-progress-bar{width:46px}.cl-progress-text,.cl-grade-cell,.cl-status-pill,.cl-btn-view{font-weight:700}.cl-btn-view{white-space:nowrap;padding:8px 12px}.cl-more-btn{width:28px}@media (width<=1400px){.cl-list-table th:nth-child(3),.cl-list-table td:nth-child(3),.cl-list-table th:nth-child(4),.cl-list-table td:nth-child(4),.cl-list-table th:nth-child(8),.cl-list-table td:nth-child(8){display:none}}.cl-table-container{overflow-x:auto}.cl-configure-btn{color:#1e3a8a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e2f2;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.cl-configure-btn svg{width:17px;height:17px}.cl-cell-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-configurable-th{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.cl-configurable-th:active{cursor:grabbing}.cl-column-label{padding-right:10px;display:inline-block}.cl-column-drag-hint{color:#94a3b8;text-transform:none;font-size:10px;font-weight:700}.cl-resize-handle{cursor:col-resize;border-right:2px solid #0000;width:8px;position:absolute;top:8px;bottom:8px;right:0}.cl-resize-handle:hover{border-right-color:#4f46e5}.cl-resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.cl-column-overlay{z-index:1200;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cl-column-modal{background:#fff;border:1px solid #dbe4f0;border-radius:16px;flex-direction:column;width:min(760px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a2e}.cl-column-header,.cl-column-footer{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.cl-column-header h2{color:#0f172a;margin:0 0 5px;font-size:22px;font-weight:800}.cl-column-header p,.cl-column-footer p{color:#64748b;margin:0;font-size:13px;font-weight:500}.cl-column-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:36px;height:36px;font-size:18px;font-weight:800}.cl-column-toolbar{color:#475569;background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:14px 24px;font-size:13px;font-weight:800;display:flex}.cl-column-toolbar button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800}.cl-column-list{padding:8px 0;overflow:auto}.cl-column-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.cl-column-check{color:#0f172a;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.cl-column-footer{border-top:1px solid #e2e8f0;border-bottom:none}@media (width<=1400px){.cl-list-table th,.cl-list-table td{display:table-cell!important}}.cl-column-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0f172a6b;padding:28px}.cl-column-modal{background:#fff;border:1px solid #d9e1ec;border-radius:8px;width:min(680px,94vw);max-height:88vh;box-shadow:0 24px 70px #0f172a47}.cl-column-header{border-bottom:0;padding:24px 26px 16px}.cl-column-header h2{color:#111827;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.2}.cl-column-header p{color:#64748b;font-size:12px}.cl-column-close{color:#475569;width:30px;height:30px;box-shadow:none;border-radius:6px;font-size:16px;font-weight:700}.cl-column-search{color:#94a3b8;background:#fff;border:1px solid #dbe3ef;border-radius:5px;align-items:center;width:320px;margin:0 26px 18px;padding:8px 10px;display:flex}.cl-column-search svg{flex-shrink:0;width:14px;height:14px;margin-right:9px}.cl-column-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.cl-column-search input::placeholder{color:#9aa8bc}.cl-column-list-header{color:#334155;background:#f8fafc;border:1px solid #e5ebf3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin:0 26px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.cl-column-list-header button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.cl-column-list{border:1px solid #e5ebf3;border-radius:0 0 6px 6px;max-height:430px;margin:0 26px 22px;padding:0;overflow:hidden auto}.cl-column-row{cursor:grab;background:#fff;border-bottom:1px solid #e8edf5;min-height:35px;padding:0 9px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;position:relative}.cl-column-row:last-child{border-bottom:0}.cl-column-row:before{content:"";background:0 0;border-radius:0;width:auto;height:2px;transition:background-color .18s;position:absolute;top:-1px;left:0;right:0}.cl-column-row:hover{background:#fbfcff;transform:translate(0)}.cl-column-row:active{cursor:grabbing}.cl-column-row.is-dragging{box-shadow:none;opacity:.72;background:#f1f1f1;border-color:#d4d4d8;transform:none}.cl-column-row.is-dragging .cl-column-grip{color:#64748b}.cl-column-row.is-drag-over{box-shadow:none;background:#f3f4f6;border-color:#d4d4d8;transform:translate(0)}.cl-column-row.is-drag-over:before{box-shadow:none;background:#2563eb}.cl-column-visibility{color:#3446b7;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cl-column-visibility.hidden{color:#94a3b8}.cl-column-visibility svg{width:15px;height:15px}.cl-column-row-label{color:#111827;flex:1;font-size:12px;font-weight:800}.cl-column-grip{color:#a6b1c3;cursor:grab;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .18s,color .18s,background-color .18s;display:inline-flex}.cl-column-grip:active{cursor:grabbing}.cl-column-row:hover .cl-column-grip{color:#4b5563;background:#f3f4f6;transform:none}.cl-column-grip svg{width:15px;height:15px}.cl-column-footer{background:#fff;border-top:1px solid #e5ebf3;border-bottom:0;justify-content:flex-end;gap:10px;padding:14px 26px}.cl-column-cancel,.cl-column-apply{cursor:pointer;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:800}.cl-column-cancel{color:#111827;background:#fff;border:1px solid #e5ebf3}.cl-column-apply{color:#fff;background:#342fe4;border:1px solid #4338ca;box-shadow:0 8px 18px #342fe438}@media (width<=760px){.cl-column-search{width:auto}}.cl-table-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.cl-filters-row{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px}.cl-search-input{max-width:360px;box-shadow:none;border-color:#d1d5db;border-radius:4px;padding:9px 11px}.cl-search-input input{font-size:13px}.cl-filter-group{gap:8px}.cl-filter-select,.cl-configure-btn{height:36px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:4px;padding:0 12px;font-size:12px;font-weight:600}.cl-table-container{background:#fff;padding:18px 22px 6px}.cl-list-table{border-collapse:collapse;color:#000}.cl-list-table th{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;padding:0 10px 12px;font-size:14px;font-weight:700}.cl-list-table td{color:#000;border-bottom:1px solid #d1d5db;padding:14px 10px;font-size:14px;font-weight:400}.cl-list-table input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px}.cl-column-drag-hint{display:none}.cl-column-label{padding-right:0}.cl-resize-handle{top:2px;bottom:8px}.cl-record-link{color:#0067ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.cl-record-link:hover{text-decoration:underline}.cl-status-pill{text-transform:none;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.cl-status-pill:before{display:none}.cl-status-check{font-size:12px;line-height:1}.cl-status-active{color:#047857;background:#dcfce7}.cl-status-sub{color:#b45309;background:#fef3c7}.cl-grade-cell{color:#000;font-weight:400}.cl-actions-cell{justify-content:flex-start;gap:10px}.cl-btn-view{color:#0067ff;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:400}.cl-btn-view:hover{color:#0067ff;background:0 0;border-color:#0000;text-decoration:underline}.cl-more-btn{color:#6b7280;width:24px;height:24px}.cl-pagination-footer{background:#fff;border-top:0;padding:13px 22px}.cl-page-info{color:#4b5563;font-size:13px;font-weight:400}.cl-page-btn{min-width:30px;height:30px;box-shadow:none;border-radius:4px}.cl-configurable-th{position:relative}.cl-configurable-th:before{content:"";pointer-events:none;background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:7px;bottom:7px;left:-1px}.cl-configurable-th.is-table-dragging{color:#9ca3af;background:#f9fafb}.cl-configurable-th.is-table-drag-over{background:#f8fbff}.cl-configurable-th.is-table-drag-over:before{background:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.cl-table-card{min-height:520px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:18px}.cl-filters-row{background:#fff;border-bottom:1px solid #e5e7eb;min-height:64px;padding:14px 22px}.cl-search-input,.cl-configure-btn,.cl-filter-select{height:36px;box-shadow:none;background-color:#fff;border-color:#d1d5db;border-radius:4px;font-size:12px;font-weight:600}.cl-search-input{max-width:360px;padding:0 11px}.cl-configure-btn,.cl-filter-select{padding:0 12px}.cl-filter-select{background-position:right 12px center;padding-right:34px}.cl-table-container{background:#fff;flex:1;min-height:380px;padding:18px 22px 6px;overflow:auto}.cl-list-table th,.cl-list-table td{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;height:42px;padding:0 10px;font-size:14px;font-weight:400}.cl-list-table th{height:38px;padding-bottom:12px;font-weight:700}.cl-list-table tbody tr:hover,.cl-list-table tbody tr:hover td{background:#fff}.cl-record-link,.cl-btn-view{color:#0067ff;font-weight:400}.cl-pagination-footer{background:#fff;border-top:0;min-height:56px;padding:13px 22px}.cl-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a75;padding:8px}.cl-modal{background:#fff;border:1px solid #d8e1f0;border-radius:10px;width:min(1220px,100vw - 12px);max-width:none;height:min(96vh,1120px);max-height:none;box-shadow:0 30px 90px #0f172a57}.cl-modal-header{background:#fff;border-bottom:0;padding:38px 40px 34px}.cl-modal-title-group{gap:24px}.cl-modal-icon{color:#1d4ed8;background:#eff6ff;border-radius:14px;width:72px;height:72px}.cl-modal-icon svg{width:34px;height:34px}.cl-modal-title h2{color:#071337;margin:0 0 10px;font-size:31px;font-weight:850}.cl-modal-title p{color:#637096;margin:0;font-size:16px;font-weight:550}.cl-header-actions{align-items:center;gap:24px;display:flex}.cl-badge-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.cl-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #d7e0ee;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.cl-modal-close .cl-line-icon{width:24px;height:24px}.cl-modal-body{scrollbar-color:#b7c4d8 #eef3f9;scrollbar-width:thin;background:#fff;flex:1;padding:0 40px 34px;overflow-y:auto}.cl-modal-card{background:#fff;border:1px solid #dbe3ef;border-radius:11px;margin:0 0 34px;padding:34px;box-shadow:0 18px 42px #0f172a0b}.cl-section-title{color:#071337;letter-spacing:0;text-transform:uppercase;border-bottom:1px solid #dbe3ef;margin:0 0 28px;padding:0 0 22px 66px;font-size:18px;font-weight:900;position:relative}.cl-section-title:before{content:"";background:#eff6ff;border-radius:8px;width:42px;height:42px;position:absolute;top:-4px;left:0}.cl-section-title:after{color:#1d4ed8;font-size:20px;line-height:1;position:absolute;top:7px;left:12px}.cl-class-details-card .cl-section-title:after{content:"▣"}.cl-teacher-card .cl-section-title:after{content:"♙"}.cl-subject-card .cl-section-title:after{content:"▤"}.cl-settings-card .cl-section-title:after{content:"⚙"}.cl-section-title+.cl-form-row-3,.cl-section-title+.cl-form-row-2,.cl-section-title+.cl-alert-box{margin-top:0}.cl-form-row-3,.cl-form-row-2{gap:30px 44px;margin-bottom:28px}.cl-form-group label{color:#15213a;margin-bottom:12px;font-size:14px;font-weight:800}.cl-input{color:#071337;background-color:#fff;border:1px solid #cfd8e8;border-radius:7px;min-height:58px;padding:0 20px;font-size:16px;font-weight:500;box-shadow:0 1px #0f172a05}.cl-input::placeholder{color:#687696}.cl-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.cl-textarea{min-height:118px;padding:18px 20px}.cl-radio-group{flex-wrap:wrap;gap:14px;display:flex}.cl-radio-label{color:#27334d;background:#fff;border:1px solid #ccd6e6;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-width:104px;height:54px;font-size:15px;font-weight:650;display:inline-flex}.cl-radio-label:has(input:checked){color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed826}.cl-radio-circle{border:2px solid #c7d0df;border-radius:50%;width:22px;height:22px;margin:0}.cl-radio-label input:checked+.cl-radio-circle{background:#fff;border:7px solid #1d4ed8}.cl-alert-box{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd;border-radius:7px;min-height:52px;padding:0 16px}.cl-alert-box svg{width:22px;height:22px}.cl-alert-box p{color:#1d4ed8;font-size:15px;font-weight:550}.cl-checkbox-group{gap:12px}.cl-check-pill{color:#15213a;background:#fff;border:1px solid #cfd8e8;border-radius:7px;min-width:122px;height:52px;padding:0 18px;font-size:15px;font-weight:650}.cl-check-square{border-radius:3px;width:21px;height:21px}.cl-check-pill input:checked+.cl-check-square{background:#1d4ed8;border-color:#1d4ed8}.cl-switch-card{background:#fff;border:1px solid #e1e8f3;border-radius:8px;padding:0}.cl-switch-row{min-height:76px;padding:16px 24px}.cl-switch-row:not(:first-child){display:none}.cl-switch-label h4{color:#071337;font-size:16px;font-weight:850}.cl-switch-label p{color:#637096;margin-top:5px;font-size:14px;font-weight:500}.cl-toggle{border-radius:999px;width:54px;height:30px}.cl-toggle.on{background:#1d4ed8}.cl-toggle:after{width:24px;height:24px;top:3px;left:3px}.cl-toggle.on:after{transform:translate(24px)}.cl-modal-footer{background:#fffffff5;border-top:1px solid #dbe3ef;min-height:102px;padding:22px 40px}.cl-req-text{color:#637096;font-size:15px;font-weight:550}.cl-req-text:first-letter{color:#ef4444}.cl-footer-actions{align-items:center;gap:26px}.cl-btn-discard,.cl-btn-publish{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:0 28px;font-size:15px;font-weight:850;display:inline-flex}.cl-btn-discard{color:#071337;background:#fff;border:1px solid #d5deed}.cl-btn-publish{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;min-width:180px;box-shadow:0 16px 30px #1d4ed840}.cl-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.cl-btn-publish .cl-line-icon{width:19px;height:19px}.cl-line-icon{width:20px;height:20px}.cl-swal-container{z-index:20000!important;background:#0f172a5c!important;justify-content:center!important;align-items:center!important;padding:24px!important}.cl-swal-popup{border:1px solid #dbe3ef;border-radius:18px;width:min(430px,92vw);padding:28px 28px 24px;box-shadow:0 28px 80px #0f172a38}.cl-swal-icon{margin:0 auto 16px;color:#1d4ed8!important;border-color:#1d4ed8!important}.cl-swal-title{color:#071337;padding:0;font-size:22px;font-weight:850}.cl-swal-text{color:#64748b!important;margin:10px 0 0!important;font-size:14px!important;font-weight:500!important}.cl-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:999px;min-height:44px;padding:0 22px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #1d4ed83d}@media (width<=920px){.cl-modal-header,.cl-modal-footer{flex-direction:column;align-items:flex-start}.cl-modal-body{padding-left:18px;padding-right:18px}.cl-modal-card{padding:24px}.cl-form-row-3,.cl-form-row-2{grid-template-columns:1fr}}.sbj-page-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sbj-header-left p{color:#64748b;margin:0;font-size:13px}.sbj-header-right{align-items:center;gap:12px;display:flex}.sbj-btn-primary{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:background-color .2s}.sbj-btn-primary:hover{background-color:#1d4ed8}.sbj-avatar{color:#1e40af;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.sbj-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex-grow:1;gap:16px;padding-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.sbj-scroll-wrapper::-webkit-scrollbar{width:6px}.sbj-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.sbj-stats-row{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sbj-stat-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;display:flex}.sbj-stat-title{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600}.sbj-stat-value{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:800}.sbj-stat-sub.neutral{color:#64748b}.sbj-main-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.sbj-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 10px #00000003}.sbj-card-title{color:#0f172a;margin-top:0;margin-bottom:8px;font-size:15px;font-weight:700}.sbj-table{border-collapse:collapse;text-align:left;width:100%}.sbj-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:16px 20px;font-size:13px;font-weight:500}.sbj-table tr:hover td{background-color:#f8fafc}.sbj-table tr:last-child td{border-bottom:none}.sbj-pill{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.sbj-right-col{flex-direction:column;gap:16px;display:flex}.sbj-bar-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sbj-bar-row:last-child{margin-bottom:0}.sbj-bar-label{color:#475569;white-space:nowrap;text-overflow:ellipsis;width:75px;font-size:11px;font-weight:600;overflow:hidden}.sbj-bar-track{background-color:#f1f5f9;border-radius:6px;flex:1;height:6px;overflow:hidden}.sbj-bar-fill.teal{background-color:#14b8a6}.sbj-bar-fill.green{background-color:#10b981}.sbj-bar-fill.blue{background-color:#2563eb}.sbj-bar-fill.orange{background-color:#d97706}.sbj-bar-fill.red{background-color:#ef4444}.sbj-alert-item{border-bottom:1px solid #f1f5f9;margin-bottom:12px;padding-bottom:12px}.sbj-alert-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sbj-alert-title{color:#0f172a;margin:0 0 4px;font-size:12px;font-weight:700}.sbj-alert-desc{color:#64748b;margin:0;font-size:11px}@media (width<=1024px){.sbj-main-grid{grid-template-columns:1fr}}.sbj-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.sbj-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.sbj-modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sbj-modal-title-group{align-items:center;gap:12px;display:flex}.sbj-modal-icon{color:#1d4ed8;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sbj-modal-title p{color:#64748b;margin:2px 0 0;font-size:11px}.sbj-badge-pill{color:#1d4ed8;background-color:#eff6ff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.sbj-modal-body{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.sbj-modal-body::-webkit-scrollbar{display:none}.sbj-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:6px;font-size:11px;font-weight:700}.sbj-form-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.sbj-form-row-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.sbj-form-group{flex-direction:column;gap:6px;display:flex}.sbj-form-group label{color:#334155;font-size:12px;font-weight:600}.sbj-form-group label span{color:#ef4444}.sbj-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.sbj-input:focus{border-color:#2563eb}.sbj-textarea{resize:vertical;min-height:70px}.sbj-radio-group{flex-wrap:wrap;gap:8px;display:flex}.sbj-radio-label{color:#475569;cursor:pointer;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sbj-radio-label input{display:none}.sbj-radio-label:has(input:checked){color:#2563eb;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.sbj-radio-circle{border:1.5px solid #cbd5e1;border-radius:50%;width:14px;height:14px;display:inline-block;position:relative}.sbj-radio-label input:checked+.sbj-radio-circle{border-color:#2563eb}.sbj-radio-label input:checked+.sbj-radio-circle:after{content:"";background-color:#2563eb;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sbj-checkbox-group{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.sbj-check-pill{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sbj-check-pill input{display:none}.sbj-check-pill:has(input:checked){color:#1d4ed8;background-color:#eff6ff;border-color:#2563eb;font-weight:600}.sbj-check-square{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.sbj-check-pill input:checked+.sbj-check-square{background-color:#2563eb;border-color:#2563eb}.sbj-check-pill input:checked+.sbj-check-square:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.sbj-switch-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.sbj-switch-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sbj-switch-row:first-child{padding-top:0}.sbj-switch-row:last-child{border-bottom:none;padding-bottom:0}.sbj-switch-label p{color:#64748b;margin:2px 0 0;font-size:11px}.sbj-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:background-color .2s;position:relative}.sbj-toggle.on{background-color:#2563eb}.sbj-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.sbj-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sbj-req-text{color:#64748b;font-size:11px}.sbj-footer-actions{gap:12px;display:flex}.sbj-btn-discard{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:12px;font-weight:600}.sbj-btn-draft{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.sbj-btn-publish{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:600}.sbj-page-header{align-items:flex-start;gap:18px;margin-bottom:22px}.sbj-header-left h2{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:750}.sbj-header-left p{color:#53668f;font-size:15px}.sbj-header-right{gap:18px}.sbj-btn-primary{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-radius:999px;padding:13px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #1d4ed83d}.sbj-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 16px 30px #1d4ed847}.sbj-avatar{color:#263df5;background-color:#eef3ff;border:1px solid #e4ebff;width:46px;height:46px;font-size:14px;box-shadow:0 10px 24px #1e40af14}.sbj-scroll-wrapper{scrollbar-width:none;gap:26px;padding-right:0;overflow-y:visible}.sbj-scroll-wrapper::-webkit-scrollbar{display:none}.sbj-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:2px}.sbj-stat-card{background:#ffffffb8;border:1px solid #dfe7f5;border-radius:16px;flex-direction:row;align-items:center;gap:22px;min-height:118px;padding:24px;box-shadow:0 18px 42px #0f172a09}.sbj-stat-card.purple{background:linear-gradient(135deg,#f6f1ffdb,#ffffffe0);border-color:#ddd4ff}.sbj-stat-card.blue{background:linear-gradient(135deg,#eff6ffe6,#ffffffe0);border-color:#cfe0ff}.sbj-stat-card.green{background:linear-gradient(135deg,#f0fdf4e6,#ffffffe0);border-color:#ccefd8}.sbj-stat-card.orange{background:linear-gradient(135deg,#fff7ede6,#ffffffe0);border-color:#fed7aa}.sbj-stat-icon{border-radius:15px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.sbj-stat-icon svg{width:28px;height:28px}.sbj-stat-card.purple .sbj-stat-icon{color:#7c3aed;background:#f1e7ff}.sbj-stat-card.blue .sbj-stat-icon{color:#2563eb;background:#e4efff}.sbj-stat-card.green .sbj-stat-icon{color:#059669;background:#e1f8ea}.sbj-stat-card.orange .sbj-stat-icon{color:#f97316;background:#ffead7}.sbj-stat-copy{flex-direction:column;gap:8px;display:flex}.sbj-stat-title{color:#304166;margin:0;font-size:14px;font-weight:500}.sbj-stat-value{color:#071337;margin:0;font-size:28px;font-weight:750;line-height:1}.sbj-stat-sub{font-size:14px;font-weight:500}.sbj-stat-sub.blue{color:#2563eb}.sbj-stat-sub.green{color:#059669}.sbj-main-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:26px}.sbj-card{border:1px solid #dfe7f5;border-radius:16px;min-height:510px;padding:0;overflow:hidden;box-shadow:0 18px 42px #0f172a0b}.sbj-card-heading{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:24px;display:flex}.sbj-card-heading-icon{color:#4f46e5;background:#eef2ff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.sbj-card-heading-icon svg{width:18px;height:18px}.sbj-card-title{color:#071337;margin:0;font-size:18px;font-weight:700}.sbj-table th{color:#304166;letter-spacing:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:18px 24px;font-size:12px;font-weight:700}.sbj-table tbody tr:hover td{background-color:#f8fbff}.sbj-table input[type=checkbox]{accent-color:#3948f5;cursor:pointer;width:16px;height:16px}.sbj-subject-cell{text-transform:capitalize;align-items:center;gap:18px;display:flex}.sbj-subject-icon{border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.sbj-subject-icon svg{width:21px;height:21px}.sbj-subject-icon.color-0{color:#4f46e5;background:#eef2ff}.sbj-subject-icon.color-1{color:#059669;background:#ecfdf5}.sbj-subject-icon.color-2{color:#f97316;background:#fff7ed}.sbj-subject-icon.color-3{color:#2563eb;background:#eff6ff}.sbj-subject-name{color:#071337;font-weight:650}.sbj-pill{border-radius:10px;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.sbj-pill.core{color:#4f46e5;background-color:#eef2ff}.sbj-pill.elective{color:#059669;background-color:#e7f8ee}.sbj-more-btn{color:#374661;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.sbj-more-btn svg{width:20px;height:20px}.sbj-right-col .sbj-card{min-height:510px}.sbj-score-box{background:#fff;border:1px solid #dfe7f5;border-radius:14px;margin:0 24px;padding:20px 22px}.sbj-score-title{color:#071337;margin-bottom:14px;font-size:15px;font-weight:700}.sbj-score-row{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:20px;display:grid}.sbj-bar-track{background:#e4eaf5;border-radius:999px;width:100%;height:8px;overflow:hidden}.sbj-bar-fill{border-radius:999px;height:100%}.sbj-bar-fill.blue{background:linear-gradient(90deg,#263df5,#5b45ee)}.sbj-bar-val{text-align:right;color:#071337;width:auto;font-size:15px;font-weight:700}@media (width<=1200px){.sbj-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sbj-main-grid{grid-template-columns:1fr}.sbj-card,.sbj-right-col .sbj-card{min-height:auto}}@media (width<=760px){.sbj-page-header{flex-direction:column;align-items:stretch}.sbj-header-right{justify-content:space-between}.sbj-stats-row{grid-template-columns:1fr}.sbj-table th:nth-child(4),.sbj-table td:nth-child(4),.sbj-table th:nth-child(5),.sbj-table td:nth-child(5){display:none}}.sbj-table-toolbar{background:#ffffffb8;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.sbj-search-box{color:#7182a7;background:#fff;border:1px solid #d8e2f2;border-radius:12px;align-items:center;width:min(390px,100%);padding:12px 15px;display:flex;box-shadow:0 8px 20px #0f172a05}.sbj-search-box svg{flex-shrink:0;width:18px;height:18px;margin-right:10px}.sbj-search-box input{color:#071337;background:0 0;border:none;outline:none;width:100%;font-size:14px}.sbj-search-box input::placeholder{color:#7182a7}.sbj-configure-btn{color:#1e3a8a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e2f2;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.sbj-configure-btn svg{width:17px;height:17px}.sbj-table-scroll{width:100%;overflow-x:auto}.sbj-cell-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sbj-configurable-th{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.sbj-configurable-th:active{cursor:grabbing}.sbj-column-label{padding-right:10px;display:inline-block}.sbj-column-drag-hint{color:#94a3b8;text-transform:none;font-size:10px;font-weight:700}.sbj-resize-handle{cursor:col-resize;border-right:2px solid #0000;width:8px;position:absolute;top:8px;bottom:8px;right:0}.sbj-resize-handle:hover{border-right-color:#4f46e5}.sbj-resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.sbj-column-overlay{z-index:1200;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sbj-column-modal{background:#fff;border:1px solid #dbe4f0;border-radius:16px;flex-direction:column;width:min(760px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a2e}.sbj-column-header,.sbj-column-footer{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.sbj-column-header h2{color:#0f172a;margin:0 0 5px;font-size:22px;font-weight:800}.sbj-column-header p,.sbj-column-footer p{color:#64748b;margin:0;font-size:13px;font-weight:500}.sbj-column-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:36px;height:36px;font-size:18px;font-weight:800}.sbj-column-toolbar{color:#475569;background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:14px 24px;font-size:13px;font-weight:800;display:flex}.sbj-column-toolbar button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800}.sbj-column-list{padding:8px 0;overflow:auto}.sbj-column-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.sbj-column-check{color:#0f172a;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.sbj-column-footer{border-top:1px solid #e2e8f0;border-bottom:none}@media (width<=760px){.sbj-table-toolbar{flex-direction:column;align-items:stretch}.sbj-search-box{width:100%}.sbj-table th,.sbj-table td{display:table-cell!important}}.sbj-column-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0f172a6b;padding:28px}.sbj-column-modal{background:#fff;border:1px solid #d9e1ec;border-radius:8px;width:min(680px,94vw);max-height:88vh;box-shadow:0 24px 70px #0f172a47}.sbj-column-header{border-bottom:0;padding:24px 26px 16px}.sbj-column-header h2{color:#111827;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.2}.sbj-column-header p{color:#64748b;font-size:12px}.sbj-column-close{color:#475569;width:30px;height:30px;box-shadow:none;border-radius:6px;font-size:16px;font-weight:700}.sbj-column-search{color:#94a3b8;background:#fff;border:1px solid #dbe3ef;border-radius:5px;align-items:center;width:320px;margin:0 26px 18px;padding:8px 10px;display:flex}.sbj-column-search svg{flex-shrink:0;width:14px;height:14px;margin-right:9px}.sbj-column-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.sbj-column-search input::placeholder{color:#9aa8bc}.sbj-column-list-header{color:#334155;background:#f8fafc;border:1px solid #e5ebf3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin:0 26px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.sbj-column-list-header button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.sbj-column-list{border:1px solid #e5ebf3;border-radius:0 0 6px 6px;max-height:430px;margin:0 26px 22px;padding:0;overflow:hidden auto}.sbj-column-row{cursor:grab;background:#fff;border-bottom:1px solid #e8edf5;min-height:35px;padding:0 9px;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;position:relative}.sbj-column-row:last-child{border-bottom:0}.sbj-column-row:before{content:"";background:0 0;border-radius:0;width:auto;height:2px;transition:background-color .18s;position:absolute;top:-1px;left:0;right:0}.sbj-column-row:hover{background:#fbfcff;transform:translate(0)}.sbj-column-row:active{cursor:grabbing}.sbj-column-row.is-dragging{box-shadow:none;opacity:.72;background:#f1f1f1;border-color:#d4d4d8;transform:none}.sbj-column-row.is-dragging .sbj-column-grip{color:#64748b}.sbj-column-row.is-drag-over{box-shadow:none;background:#f3f4f6;border-color:#d4d4d8;transform:translate(0)}.sbj-column-row.is-drag-over:before{box-shadow:none;background:#2563eb}.sbj-column-visibility{color:#3446b7;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.sbj-column-visibility.hidden{color:#94a3b8}.sbj-column-visibility svg{width:15px;height:15px}.sbj-column-row-label{color:#111827;flex:1;font-size:12px;font-weight:800}.sbj-column-grip{color:#a6b1c3;cursor:grab;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .18s,color .18s,background-color .18s;display:inline-flex}.sbj-column-grip:active{cursor:grabbing}.sbj-column-row:hover .sbj-column-grip{color:#4b5563;background:#f3f4f6;transform:none}.sbj-column-grip svg{width:15px;height:15px}.sbj-column-footer{background:#fff;border-top:1px solid #e5ebf3;justify-content:flex-end;gap:10px;padding:14px 26px}.sbj-column-cancel,.sbj-column-apply{cursor:pointer;border-radius:5px;padding:9px 14px;font-size:12px;font-weight:800}.sbj-column-cancel{color:#111827;background:#fff;border:1px solid #e5ebf3}.sbj-column-apply{color:#fff;background:#342fe4;border:1px solid #4338ca;box-shadow:0 8px 18px #342fe438}@media (width<=760px){.sbj-column-search{width:auto}}.sbj-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-height:auto;overflow:hidden}.sbj-card-heading{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px}.sbj-card-heading-icon{display:none}.sbj-card-title{color:#111827;font-size:15px;font-weight:700}.sbj-table-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 22px}.sbj-search-box{max-width:360px;box-shadow:none;border-color:#d1d5db;border-radius:4px;padding:9px 11px}.sbj-search-box input{font-size:13px}.sbj-configure-btn{height:36px;box-shadow:none;background:#fff;border-color:#d1d5db;border-radius:4px;padding:0 12px;font-size:12px;font-weight:600}.sbj-table-scroll{background:#fff;padding:18px 22px 6px}.sbj-table{border-collapse:collapse;color:#000}.sbj-table th{color:#000;text-transform:none;letter-spacing:0;background:#fff;border-bottom:1px solid #d1d5db;padding:0 10px 12px;font-size:14px;font-weight:700}.sbj-table td{color:#000;border-bottom:1px solid #d1d5db;padding:14px 10px;font-size:14px;font-weight:400}.sbj-table tbody tr:hover,.sbj-table tbody tr:hover td{background:#fff}.sbj-table input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px}.sbj-column-drag-hint{display:none}.sbj-column-label{padding-right:0}.sbj-resize-handle{top:2px;bottom:8px}.sbj-record-link{color:#0067ff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.sbj-record-link:hover{text-decoration:underline}.sbj-pill{text-transform:none;background:0 0;border-radius:0;padding:0;font-size:14px;font-weight:400}.sbj-pill.core{color:#047857;background:0 0}.sbj-pill.elective{color:#b45309;background:0 0}.sbj-more-btn{color:#6b7280;border-radius:4px;width:24px;height:24px}.sbj-more-btn:hover{color:#6b7280;background:#fff}.sbj-configurable-th{position:relative}.sbj-configurable-th:before{content:"";pointer-events:none;background:0 0;border-radius:999px;width:2px;transition:background-color .16s,box-shadow .16s;position:absolute;top:7px;bottom:7px;left:-1px}.sbj-configurable-th.is-table-dragging{color:#9ca3af;background:#f9fafb}.sbj-configurable-th.is-table-drag-over{background:#f8fbff}.sbj-configurable-th.is-table-drag-over:before{background:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.sbj-card-heading{display:none}.sbj-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a75;padding:8px}.sbj-modal{background:#fff;border:1px solid #d8e1f0;border-radius:10px;width:min(1400px,100vw - 12px);max-width:none;height:min(96vh,1120px);max-height:none;box-shadow:0 30px 90px #0f172a57}.sbj-modal-header{background:#fff;border-bottom:0;padding:44px 48px 36px}.sbj-modal-icon{color:#1d4ed8;background:#eff6ff;border-radius:14px;width:76px;height:76px}.sbj-modal-title h2{color:#071337;margin:0 0 10px;font-size:34px;font-weight:850}.sbj-modal-title p{color:#637096;margin:0;font-size:17px;font-weight:550}.sbj-header-actions{align-items:center;gap:24px;display:flex}.sbj-badge-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;align-items:center;gap:13px;height:52px;padding:0 24px;font-size:17px;font-weight:800;display:inline-flex}.sbj-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #d7e0ee;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.sbj-modal-body{background:#fff;flex:1;padding:0 48px 32px;overflow-y:auto}.sbj-modal-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;margin:0 0 30px;padding:28px 32px;box-shadow:0 18px 42px #0f172a0b}.sbj-section-title{color:#1d4ed8;letter-spacing:1.5px;text-transform:uppercase;border-bottom:0;align-items:center;min-height:58px;margin:0 0 30px;padding:0 0 0 82px;font-size:16px;font-weight:900;line-height:1.2;display:flex;position:relative}.sbj-section-title:before{content:"";background:#eff6ff;border-radius:10px;width:58px;height:58px;position:absolute;top:0;left:0}.sbj-section-title:after{color:#1d4ed8;place-items:center;width:58px;height:58px;font-size:24px;line-height:1;display:grid;position:absolute;top:0;left:0}.sbj-general-card .sbj-section-title:after{content:"ⓘ"}.sbj-settings-card .sbj-section-title:after{content:"⚙"}.sbj-section-title:first-line{color:#1d4ed8}.sbj-section-title+.sbj-form-row-2,.sbj-section-title+.sbj-switch-card{margin-top:-4px}.sbj-form-group label{color:#111b36;margin-bottom:12px;font-size:16px;font-weight:800}.sbj-input{color:#071337;background-color:#fff;border:1px solid #cfd8e8;border-radius:8px;min-height:62px;padding:0 20px;font-size:16px;font-weight:500;box-shadow:0 1px #0f172a05}.sbj-input::placeholder{color:#687696}.sbj-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81c}.sbj-radio-label{color:#33415f;background:#fff;border:1px solid #ccd6e6;border-radius:9px;justify-content:center;align-items:center;gap:14px;min-width:160px;height:62px;font-size:15px;font-weight:750;display:inline-flex}.sbj-radio-label:has(input:checked){color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed829}.sbj-radio-circle{border:2px solid #c2ccdb;width:23px;height:23px;margin:0}.sbj-radio-label input:checked+.sbj-radio-circle{background:#fff;border:7px solid #1d4ed8}.sbj-switch-card{background:0 0;border:0;padding:0}.sbj-switch-row{border-bottom:1px solid #e2e8f0;min-height:86px;padding:0}.sbj-switch-row:last-child{border-bottom:0}.sbj-switch-label{padding-left:92px;position:relative}.sbj-switch-label:before{content:"";background:#eff6ff;border-radius:9px;width:64px;height:64px;position:absolute;top:3px;left:0}.sbj-switch-label h4{color:#071337;margin:0 0 8px;font-size:17px;font-weight:850}.sbj-switch-label p{color:#637096;margin:0;font-size:15px;font-weight:500}.sbj-toggle{background:#cbd5e1;border-radius:999px;width:64px;height:34px}.sbj-toggle.on{background:#1d4ed8}.sbj-modal-footer{background:#fffffff5;border-top:1px solid #dbe3ef;min-height:96px;padding:20px 48px}.sbj-req-text{color:#637096;font-size:15px;font-weight:550}.sbj-footer-actions{align-items:center;gap:28px}.sbj-btn-discard,.sbj-btn-publish{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:13px;min-height:58px;padding:0 32px;font-size:17px;font-weight:850;display:inline-flex}.sbj-btn-discard{color:#071337;background:#fff;border:1px solid #d5deed}.sbj-btn-publish{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;min-width:220px;box-shadow:0 16px 30px #1d4ed840}.sbj-btn-publish:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.sbj-line-icon{width:20px;height:20px}.sbj-swal-container{z-index:20000!important;background:#0f172a5c!important;justify-content:center!important;align-items:center!important;padding:24px!important}.sbj-swal-popup{border:1px solid #dbe3ef;border-radius:18px;width:min(430px,92vw);padding:28px 28px 24px;box-shadow:0 28px 80px #0f172a38}.sbj-swal-icon{margin:0 auto 16px;color:#1d4ed8!important;border-color:#1d4ed8!important}.sbj-swal-title{color:#071337;padding:0;font-size:22px;font-weight:850}.sbj-swal-text{color:#64748b!important;margin:10px 0 0!important;font-size:14px!important;font-weight:500!important}.sbj-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:0;border-radius:999px;min-height:44px;padding:0 22px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #1d4ed83d}@media (width<=920px){.sbj-modal-header,.sbj-modal-footer{flex-direction:column;align-items:flex-start}.sbj-modal-body{padding-left:18px;padding-right:18px}.sbj-form-row-2{grid-template-columns:1fr}}.sbj-modal{border-radius:8px;width:min(1120px,100vw - 16px);height:min(96vh,760px)}.sbj-modal-header{padding:26px 32px 22px}.sbj-modal-title-group{gap:18px}.sbj-modal-icon{border-radius:9px;width:54px;height:54px}.sbj-modal-icon svg{width:28px;height:28px}.sbj-modal-title h2{margin-bottom:6px;font-size:24px;line-height:1.2}.sbj-modal-title p{font-size:13px}.sbj-header-actions{gap:16px}.sbj-badge-pill{border-radius:8px;gap:8px;height:40px;padding:0 16px;font-size:12px}.sbj-badge-pill svg{width:16px;height:16px}.sbj-modal-close{border-radius:7px;width:40px;height:40px}.sbj-modal-close .sbj-line-icon{width:20px;height:20px}.sbj-modal-body{gap:0;padding:0 32px 14px}.sbj-modal-card{border-radius:8px;margin-bottom:22px;padding:22px 26px}.sbj-section-title{letter-spacing:1.2px;min-height:42px;margin-bottom:24px;padding:0 0 0 58px;font-size:13px}.sbj-section-title:before{border-radius:7px;width:40px;height:40px}.sbj-section-title:after{width:40px;height:40px;font-size:18px}.sbj-form-row-2{gap:22px 28px;margin-bottom:20px}.sbj-form-group label{margin-bottom:8px;font-size:13px}.sbj-input{border-radius:5px;min-height:46px;padding:0 14px;font-size:13px}.sbj-radio-group{gap:18px}.sbj-radio-label{border-radius:5px;gap:10px;min-width:120px;height:46px;font-size:13px}.sbj-radio-circle{width:18px;height:18px}.sbj-radio-label input:checked+.sbj-radio-circle{border-width:5px}.sbj-switch-row{min-height:68px}.sbj-switch-label{padding-left:68px}.sbj-switch-label:before{border-radius:7px;width:46px;height:46px;top:6px}.sbj-switch-label h4{margin-bottom:4px;font-size:14px}.sbj-switch-label p{font-size:13px}.sbj-toggle{width:48px;height:26px}.sbj-toggle:after{width:20px;height:20px;top:3px;left:3px}.sbj-toggle.on:after{transform:translate(22px)}.sbj-modal-footer{min-height:64px;padding:12px 32px}.sbj-req-text{font-size:12px}.sbj-footer-actions{gap:18px}.sbj-btn-discard,.sbj-btn-publish{border-radius:6px;min-height:42px;padding:0 22px;font-size:13px}.sbj-btn-publish{min-width:160px}.sbj-btn-publish .sbj-line-icon{width:16px;height:16px}.tm-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tm-page-header h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:850}.tm-page-header p{color:#64748b;margin:0;font-size:13px}.tm-avatar{color:#15803d;background:linear-gradient(135deg,#dcfce7,#ecfeff);border:2px solid #fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.teacher-swal-popup{border:1px solid #dbe4f0;border-radius:14px;padding:24px 24px 22px;box-shadow:0 24px 70px #0f172a38}.teacher-swal-title{color:#071337;letter-spacing:0;font-size:22px;font-weight:900}.teacher-swal-content{color:#475569;font-size:14px;line-height:1.55}.teacher-swal-confirm{min-width:92px;height:38px;font-weight:800;box-shadow:0 10px 22px #1d4ed838;background:#1d4ed8!important;border-radius:8px!important}.teacher-swal-details{text-align:left;gap:10px;margin-top:6px;display:grid}.teacher-swal-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.teacher-swal-row span{color:#64748b;font-size:12px;font-weight:800}.teacher-swal-row strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:850}.tm-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.tm-stat-card,.tm-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 10px #0f172a05}.tm-stat-card{flex-direction:column;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden}.tm-stat-card:before{content:"";background:linear-gradient(#2563eb,#0891b2);width:4px;position:absolute;inset:0 auto 0 0}.tm-stat-card span,.tm-stat-card small{color:#64748b;font-size:12px;font-weight:600}.tm-stat-card strong{color:#0f172a;letter-spacing:0;font-size:30px}.tm-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tm-panel{overflow:hidden}.tm-panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.tm-panel-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:800}.tm-panel-header a{color:#2563eb;font-size:12px;font-weight:700;text-decoration:none}.tm-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.tm-search{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:220px;padding:10px 12px;font-size:13px}.tm-select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;padding:10px 12px;font-size:13px}.tm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.tm-table-scroll{overflow:auto}.tm-table{border-collapse:collapse;width:100%;min-width:780px}.tm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px}.tm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:13px}.tm-table tr:last-child td{border-bottom:none}.tm-table strong{color:#0f172a}.tm-muted{color:#64748b;margin-top:2px;font-size:12px;display:block}.tm-list{flex-direction:column;display:flex}.tm-list-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tm-list-row:last-child{border-bottom:none}.tm-list-row strong{color:#0f172a;font-size:13px;display:block}.tm-list-row span{color:#64748b;font-size:12px}.tm-pill{white-space:nowrap;color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.tm-pill.green{color:#15803d;background:#dcfce7}.tm-pill.yellow{color:#b45309;background:#fef3c7}.tm-empty{text-align:center;color:#94a3b8;padding:28px 16px;font-size:13px}.tm-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.tm-action.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.tm-dashboard-shell{min-height:calc(100vh - 40px);padding:8px 0 22px}.tm-dashboard-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.tm-dashboard-hero h1{color:#071337;letter-spacing:0;margin:0 0 10px;font-size:34px;font-weight:900}.tm-dashboard-hero p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-hero-actions{align-items:center;gap:18px;display:flex}.tm-notification-btn,.tm-profile-chip{color:#475569;background:#fff;border:1px solid #e6edf7;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;box-shadow:0 16px 36px #0f172a12}.tm-notification-btn{cursor:pointer;position:relative}.tm-notification-btn span{background:#ef4444;border-radius:999px;width:9px;height:9px;padding:0;position:absolute;top:12px;right:13px;box-shadow:0 0 0 3px #fff}.tm-profile-chip{color:#15803d;background:#dcfce7;border:0;font-size:16px;font-weight:900}.tm-dashboard-profile{cursor:pointer;font-family:inherit}.tm-line-icon{width:22px;height:22px}.tm-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0;display:grid}.tm-dashboard-stat{background:#fff;border:1px solid #e3eaf5;border-radius:12px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:18px;min-height:152px;padding:26px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a0e}.tm-dashboard-stat:after{display:none}.tm-stat-icon{color:#1d4ed8;background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.tm-stat-icon .tm-line-icon{width:32px;height:32px}.tm-dashboard-stat.green .tm-stat-icon{color:#16a34a;background:#dcfce7}.tm-dashboard-stat.amber .tm-stat-icon{color:#d97706;background:#fef3c7}.tm-dashboard-stat.purple .tm-stat-icon{color:#7c3aed;background:#f3e8ff}.tm-stat-copy span{color:#475569;margin-bottom:9px;font-size:14px;font-weight:800;line-height:1.2;display:block}.tm-stat-copy strong{color:#071337;font-size:34px;font-weight:900;line-height:1;display:block}.tm-stat-copy small{color:#64748b;margin-top:14px;font-size:12px;font-weight:600;line-height:1.25;display:block}.tm-stat-spark{color:#1d4ed8;opacity:.86;width:62px;height:40px;position:absolute;bottom:22px;right:18px}.tm-stat-spark i{background:currentColor;border-radius:3px 3px 0 0;width:7px;display:block;position:absolute;bottom:0}.tm-stat-spark.bars i:first-child{opacity:.35;height:12px;left:2px}.tm-stat-spark.bars i:nth-child(2){opacity:.55;height:22px;left:18px}.tm-stat-spark.bars i:nth-child(3){opacity:.75;height:32px;left:34px}.tm-stat-spark.bars i:nth-child(4){height:40px;left:50px}.tm-stat-spark.wave,.tm-stat-spark.pulse{border:0;transform:none}.tm-stat-spark.wave i,.tm-stat-spark.pulse i{background:0 0;border-radius:0;width:100%;height:100%;display:block}.tm-stat-spark.wave i:first-child,.tm-stat-spark.pulse i:first-child{border-bottom:4px solid;border-radius:50%;bottom:2px;left:0;transform:rotate(-10deg)}.tm-stat-spark.wave i:not(:first-child),.tm-stat-spark.pulse i:not(:first-child){display:none}.tm-dashboard-stat.green .tm-stat-spark{color:#22c55e}.tm-dashboard-stat.amber .tm-stat-spark{color:#f59e0b}.tm-dashboard-stat.purple .tm-stat-spark{color:#8b5cf6}.tm-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.tm-dashboard-panel{background:#fff;border:1px solid #e3eaf5;border-radius:12px;flex-direction:column;min-height:600px;display:flex;overflow:hidden;box-shadow:0 22px 52px #0f172a0f}.tm-dashboard-panel-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:22px 24px;display:flex}.tm-panel-title{align-items:center;gap:14px;display:flex}.tm-panel-title>span{color:#1d4ed8;background:#eff6ff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tm-exams-panel .tm-panel-title>span{color:#7c3aed;background:#f3e8ff}.tm-panel-title h2{color:#071337;margin:0;font-size:22px;font-weight:900}.tm-dashboard-panel-header a,.tm-panel-link{color:#1d4ed8;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.tm-dashboard-panel-header a .tm-line-icon,.tm-panel-link .tm-line-icon{width:16px;height:16px}.tm-class-list{flex-direction:column;gap:0;padding:0 18px;display:flex}.tm-class-card{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;min-height:96px;padding:16px;font-family:inherit;transition:background .18s,transform .18s;display:grid}.tm-class-card:hover{background:#f8fbff}.tm-class-card:last-child{border-bottom:0}.tm-class-icon{color:#1d4ed8;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.tm-class-icon.color-1{color:#16a34a;background:#dcfce7}.tm-class-icon.color-2{color:#7c3aed;background:#f3e8ff}.tm-class-icon.color-3{color:#d97706;background:#fef3c7}.tm-class-card strong{color:#071337;font-size:17px;font-weight:900;display:block}.tm-class-card span span,.tm-class-card div>span{color:#64748b;margin-top:8px;font-size:14px;font-weight:600;display:block}.tm-class-card em{color:#94a3b8;margin:0 8px;font-style:normal}.tm-class-card b,.tm-exam-card b{color:#1d4ed8;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;min-width:88px;height:36px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.tm-class-card i{color:#1e3a8a;justify-content:center;align-items:center;width:24px;height:24px;font-style:normal;display:inline-flex}.tm-class-card i .tm-line-icon{width:18px;height:18px}.tm-seat-total{color:#1d4ed8;background:#eff6ff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:auto 20px 20px;padding:17px 20px;font-weight:900;display:flex}.tm-seat-total span{color:#071337;align-items:center;gap:12px;display:inline-flex}.tm-seat-total .tm-line-icon{color:#1d4ed8;width:20px;height:20px}.tm-exam-list{flex-direction:column;gap:0;padding:10px 18px 18px;display:flex}.tm-exam-card{border-bottom:1px solid #edf2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:82px;padding:16px;display:grid}.tm-exam-card:last-child{border-bottom:0}.tm-exam-card>span{color:#7c3aed;background:#f3e8ff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.tm-exam-card strong{color:#071337;font-size:16px;font-weight:900}.tm-exam-card p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:600}.tm-empty-exams{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:390px;padding:34px;display:flex}.tm-empty-illustration{width:min(260px,74%);height:auto;margin-bottom:18px}.tm-empty-exams h3{color:#071337;margin:0 0 10px;font-size:22px;font-weight:900}.tm-empty-exams p{color:#64748b;max-width:330px;margin:0;font-size:16px;font-weight:500;line-height:1.55}.tm-dashboard-lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:16px;display:grid}.tm-quick-panel,.tm-attendance-overview{min-height:190px}.tm-quick-header,.tm-overview-header{justify-content:space-between;align-items:center;min-height:58px;padding:0 28px;display:flex}.tm-quick-header h2,.tm-overview-header h2{color:#071337;margin:0;font-size:18px;font-weight:900}.tm-overview-header button{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:128px;height:38px;font-family:inherit;font-size:13px;font-weight:800;display:inline-flex}.tm-overview-header button .tm-line-icon{width:15px;height:15px}.tm-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 28px 26px;display:grid}.tm-quick-action{color:#071337;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:96px;font-family:inherit;transition:background .18s,transform .18s;display:flex}.tm-quick-action:hover{background:#f8fbff;transform:translateY(-2px)}.tm-quick-action span{color:#1d4ed8;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.tm-quick-action.green span{color:#16a34a;background:#dcfce7}.tm-quick-action.purple span{color:#7c3aed;background:#f3e8ff}.tm-quick-action.amber span{color:#f59e0b;background:#fff7ed}.tm-quick-action strong{color:#071337;font-size:13px;font-weight:850}.tm-overview-body{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;padding:0 28px 26px;display:grid}.tm-attendance-donut{background:conic-gradient(#22c55e 0 var(--present), #ef4444 var(--present) calc(var(--present) + var(--absent)), #f59e0b calc(var(--present) + var(--absent)) calc(var(--present) + var(--absent) + var(--late)), #cbd5e1 calc(var(--present) + var(--absent) + var(--late)) 100%);border-radius:50%;justify-self:center;place-items:center;width:138px;height:138px;display:grid;position:relative}.tm-attendance-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:24px;box-shadow:inset 0 0 0 1px #e2e8f0}.tm-attendance-donut strong,.tm-attendance-donut span{z-index:1;position:relative}.tm-attendance-donut strong{color:#071337;margin-top:22px;font-size:24px;font-weight:900}.tm-attendance-donut span{color:#475569;margin-top:-34px;font-size:12px;font-weight:700}.tm-attendance-legend{gap:12px;display:grid}.tm-attendance-legend div{color:#334155;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;font-size:14px;font-weight:700;display:grid}.tm-attendance-legend span{border-radius:999px;width:12px;height:12px}.tm-attendance-legend .present{background:#22c55e}.tm-attendance-legend .absent{background:#ef4444}.tm-attendance-legend .late{background:#f59e0b}.tm-attendance-legend .not-marked{background:#cbd5e1}.tm-attendance-legend strong{color:#1e293b;font-weight:800}.tm-ann-page{width:100%;max-width:none}.tm-ann-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.tm-ann-header h1{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:30px;font-weight:900}.tm-ann-header p{color:#64748b;margin:0;font-size:14px;font-weight:500}.tm-ann-profile{width:42px;height:42px;box-shadow:none;border-radius:12px;font-size:13px}.tm-ann-toolbar{grid-template-columns:minmax(0,1fr) 150px;gap:14px;margin-bottom:28px;display:grid}.tm-ann-search,.tm-ann-filter{color:#64748b;background:#fff;border:1px solid #e1e8f3;border-radius:7px;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;box-shadow:0 8px 20px #0f172a08}.tm-ann-search input,.tm-ann-filter select{color:#0f172a;background:0 0;border:0;outline:none;width:100%;font-size:13px;font-weight:600}.tm-ann-search input::placeholder{color:#94a3b8}.tm-ann-filter select{cursor:pointer}.tm-ann-icon-svg{flex-shrink:0;width:18px;height:18px}.tm-ann-card{background:#fff;border:1px solid #e1e8f3;border-radius:10px;overflow:hidden;box-shadow:0 18px 44px #0f172a0d}.tm-ann-card-header{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:18px 24px;display:flex}.tm-ann-card-title{align-items:center;gap:13px;display:flex}.tm-ann-card-title span,.tm-ann-row-icon{color:#1d4ed8;background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.tm-ann-card-title h2{color:#071337;margin:0;font-size:16px;font-weight:900}.tm-ann-new-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:7px;align-items:center;gap:9px;height:42px;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #1d4ed833}.tm-ann-new-btn .tm-ann-icon-svg{width:16px;height:16px}.tm-ann-list{flex-direction:column;display:flex}.tm-ann-row{border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:96px;padding:20px 24px;display:grid}.tm-ann-row:last-child{border-bottom:0}.tm-ann-row-icon.urgent{color:#ef4444;background:#fee2e2}.tm-ann-row-icon.general{color:#1d4ed8;background:#eff6ff}.tm-ann-row-icon.fee{color:#16a34a;background:#dcfce7}.tm-ann-row-copy h3{color:#071337;margin:0 0 8px;font-size:14px;font-weight:900}.tm-ann-row-copy p{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:1.45}.tm-ann-meta{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.tm-ann-badge{border-radius:7px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.tm-ann-badge.urgent{color:#ef4444;background:#fee2e2}.tm-ann-badge.general{color:#1d4ed8;background:#eff6ff}.tm-ann-badge.fee{color:#16a34a;background:#dcfce7}.tm-ann-meta time{color:#64748b;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.tm-ann-meta time .tm-ann-icon-svg{width:14px;height:14px}.tm-ann-footer{color:#64748b;border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 24px;font-size:12px;font-weight:700;display:flex}.tm-ann-pages{align-items:center;gap:8px;display:flex}.tm-ann-pages button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:inline-flex}.tm-ann-pages button.active{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8}.tm-ann-pages .tm-ann-icon-svg{width:14px;height:14px}.tm-stu-page{width:100%;max-width:none}.tm-stu-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.tm-stu-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-stu-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-stu-profile{width:58px;height:58px;box-shadow:none;border-radius:16px}.tm-stu-toolbar{grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-bottom:36px;display:grid}.tm-stu-search,.tm-stu-filter{color:#475569;background:#fff;border:1px solid #dbe4f0;border-radius:9px;align-items:center;gap:16px;height:62px;padding:0 20px;display:flex;box-shadow:0 14px 34px #0f172a0a}.tm-stu-search input,.tm-stu-filter select{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:17px;font-weight:600}.tm-stu-search input::placeholder{color:#64748b}.tm-stu-filter select{cursor:pointer}.tm-stu-icon-svg{flex-shrink:0;width:24px;height:24px}.tm-stu-card{background:#fff;border:1px solid #dfe7f2;border-radius:11px;overflow-x:auto;box-shadow:0 22px 52px #0f172a0e}.tm-stu-table{border-collapse:collapse;width:100%;min-width:1120px}.tm-stu-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #dfe7f2;height:76px;padding:0 28px;font-size:15px;font-weight:900}.tm-stu-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #dfe7f2;min-height:118px;padding:28px;font-size:17px;font-weight:600}.tm-stu-table tr:last-child td{border-bottom:0}.tm-stu-name-cell{align-items:center;gap:20px;display:flex}.tm-stu-avatar{color:#1d4ed8;background:#dbeafe;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:inline-flex}.tm-stu-avatar.color-1{color:#16a34a;background:#dcfce7}.tm-stu-avatar.color-2{color:#7c3aed;background:#f3e8ff}.tm-stu-avatar.color-3{color:#d97706;background:#fef3c7}.tm-stu-name-cell strong{color:#071337;margin-bottom:8px;font-size:17px;font-weight:900;display:block}.tm-stu-name-cell span:not(.tm-stu-avatar){color:#64748b;font-size:15px;font-weight:500;display:block}.tm-stu-roll{white-space:nowrap}.tm-stu-pill{border-radius:11px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.tm-stu-pill.pending{color:#b45309;background:#fef3c7}.tm-stu-pill.paid,.tm-stu-pill.active{color:#16a34a;background:#dcfce7}.tm-stu-pill.inactive{color:#ef4444;background:#fee2e2}.tm-stu-more{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tm-stu-more:hover{color:#1d4ed8;background:#eff6ff}.tm-stu-more .tm-stu-icon-svg{width:22px;height:22px}.tm-cls-page{width:100%;max-width:none}.tm-cls-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:36px;display:flex}.tm-cls-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-cls-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-cls-profile{width:58px;height:58px;box-shadow:none;border-radius:16px}.tm-cls-toolbar{grid-template-columns:minmax(0,1fr) 170px;gap:22px;margin-bottom:40px;display:grid}.tm-cls-search,.tm-cls-filter{color:#475569;background:#fff;border:1px solid #dbe4f0;border-radius:9px;align-items:center;gap:16px;height:62px;padding:0 20px;display:flex;box-shadow:0 14px 34px #0f172a0a}.tm-cls-search input{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:17px;font-weight:600}.tm-cls-search input::placeholder{color:#64748b}.tm-cls-filter{cursor:pointer;justify-content:center;font-size:17px;font-weight:900}.tm-cls-icon-svg{flex-shrink:0;width:24px;height:24px}.tm-cls-card{background:#fff;border:1px solid #dfe7f2;border-radius:11px;overflow-x:auto;box-shadow:0 22px 52px #0f172a0e}.tm-cls-table{border-collapse:collapse;width:100%;min-width:1280px}.tm-cls-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #dfe7f2;height:76px;padding:0 28px;font-size:15px;font-weight:900}.tm-cls-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #dfe7f2;min-height:116px;padding:26px 28px;font-size:17px;font-weight:600}.tm-cls-table tr:last-child td{border-bottom:0}.tm-cls-name-cell{align-items:center;gap:22px;display:flex}.tm-cls-avatar{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.tm-cls-avatar.color-1{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.tm-cls-avatar.color-2{color:#7c3aed;background:#f3e8ff;border-color:#ddd6fe}.tm-cls-avatar.color-3{color:#d97706;background:#fef3c7;border-color:#fde68a}.tm-cls-name-cell strong{color:#071337;margin-bottom:8px;font-size:19px;font-weight:900;display:block}.tm-cls-name-cell span:not(.tm-cls-avatar){color:#64748b;font-size:15px;font-weight:500;display:block}.tm-cls-subject-chip{color:#1d4ed8;background:#eff6ff;border-radius:10px;align-items:center;max-width:260px;padding:8px 14px;font-size:15px;font-weight:800;line-height:1.5;display:inline-flex}.tm-cls-subject-chip.color-1{color:#15803d;background:#dcfce7}.tm-cls-subject-chip.color-2{color:#7c3aed;background:#f3e8ff}.tm-cls-subject-chip.color-3{color:#d97706;background:#fff7ed}.tm-cls-schedule{color:#475569;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.tm-cls-schedule .tm-cls-icon-svg{width:22px;height:22px}.tm-cls-pill{border-radius:11px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.tm-cls-pill.active{color:#16a34a;background:#dcfce7}.tm-cls-more{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tm-cls-more:hover{color:#1d4ed8;background:#eff6ff}.tm-cls-more .tm-cls-icon-svg{width:22px;height:22px}.tm-sub-page{width:100%;max-width:none}.tm-sub-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.tm-sub-title-group{align-items:center;gap:24px;display:flex}.tm-sub-title-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex;box-shadow:0 16px 38px #1d4ed814}.tm-sub-title-icon .tm-sub-icon-svg{width:42px;height:42px}.tm-sub-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-sub-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-sub-profile{width:58px;height:58px;box-shadow:none;border-radius:16px}.tm-sub-toolbar{grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-bottom:36px;display:grid}.tm-sub-search,.tm-sub-filter{color:#475569;background:#fff;border:1px solid #dbe4f0;border-radius:13px;align-items:center;gap:18px;height:70px;padding:0 24px;display:flex;box-shadow:0 14px 34px #0f172a0a}.tm-sub-search input,.tm-sub-filter select{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:17px;font-weight:600}.tm-sub-search input::placeholder{color:#64748b}.tm-sub-filter select{cursor:pointer}.tm-sub-icon-svg{flex-shrink:0;width:24px;height:24px}.tm-sub-card{background:#fff;border:1px solid #dfe7f2;border-radius:18px;min-height:650px;overflow:hidden;box-shadow:0 22px 52px #0f172a0e}.tm-sub-table{border-collapse:collapse;width:100%;min-width:1040px}.tm-sub-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#f8fbff;border-bottom:1px solid #dfe7f2;height:66px;padding:0 28px;font-size:15px;font-weight:900}.tm-sub-leading{width:74px;color:#1d4ed8!important;text-align:center!important}.tm-sub-leading .tm-sub-icon-svg{margin:0 auto}.tm-sub-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:22px 28px;font-size:15px;font-weight:600}.tm-sub-table tbody tr:last-child td{border-bottom:0}.tm-sub-table strong{color:#071337;margin-bottom:6px;font-size:16px;font-weight:900;display:block}.tm-sub-row-icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.tm-sub-row-icon.color-1{color:#16a34a;background:#dcfce7}.tm-sub-row-icon.color-2{color:#7c3aed;background:#f3e8ff}.tm-sub-row-icon.color-3{color:#d97706;background:#fef3c7}.tm-sub-pill{border-radius:9px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.tm-sub-pill.core,.tm-sub-pill.lab{color:#1d4ed8;background:#eff6ff}.tm-sub-pill.elective{color:#7c3aed;background:#f3e8ff}.tm-sub-pill.no-lab{color:#64748b;background:#f8fafc}.tm-sub-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:42px;display:flex}.tm-sub-empty-art{width:min(360px,72%);height:auto;margin-bottom:22px}.tm-sub-empty h2{color:#071337;margin:0 0 12px;font-size:26px;font-weight:900}.tm-sub-empty p{color:#64748b;margin:0 0 28px;font-size:17px;font-weight:500;line-height:1.55}.tm-sub-add-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-width:190px;height:54px;font-size:17px;font-weight:900;display:inline-flex;box-shadow:0 16px 34px #1d4ed83d}.tm-sub-add-btn .tm-sub-icon-svg{width:22px;height:22px}.tm-att-page{width:100%;max-width:none}.tm-att-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:48px;display:flex}.tm-att-title-group{align-items:center;gap:24px;display:flex}.tm-att-title-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex;box-shadow:0 16px 38px #1d4ed814}.tm-att-title-icon .tm-att-icon-svg{width:40px;height:40px}.tm-att-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-att-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-att-save-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-width:198px;height:52px;padding:0 20px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 16px 34px #1d4ed83d}.tm-att-toolbar{grid-template-columns:minmax(260px,1.45fr) minmax(220px,.7fr) 220px 220px;gap:20px;margin-bottom:40px;display:grid}.tm-att-control,.tm-att-bulk{color:#071337;background:#fff;border:1px solid #dbe4f0;border-radius:9px;align-items:center;gap:14px;height:62px;padding:0 22px;display:flex;box-shadow:0 14px 34px #0f172a0a}.tm-att-control input,.tm-att-control select{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:17px;font-weight:700}.tm-att-select-control select,.tm-att-mark-select select{appearance:none;cursor:pointer}.tm-att-select-control .tm-att-icon-svg{margin-left:auto}.tm-att-bulk{cursor:pointer;justify-content:center;font-size:16px;font-weight:900}.tm-att-bulk.present{color:#1d4ed8}.tm-att-bulk.absent{color:#ef4444}.tm-att-icon-svg{flex-shrink:0;width:24px;height:24px}.tm-att-card{background:#fff;border:1px solid #dfe7f2;border-radius:16px;overflow-x:auto;box-shadow:0 22px 52px #0f172a0e}.tm-att-table{border-collapse:collapse;width:100%;min-width:1120px}.tm-att-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #dfe7f2;height:68px;padding:0 32px;font-size:15px;font-weight:900}.tm-att-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #dfe7f2;height:124px;padding:26px 32px;font-size:17px;font-weight:600}.tm-att-student-cell{align-items:center;gap:24px;display:flex}.tm-att-avatar{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:20px;font-weight:900;display:inline-flex}.tm-att-avatar.color-1{color:#15803d;background:#dcfce7}.tm-att-avatar.color-2{color:#b45309;background:#fef3c7}.tm-att-avatar.color-3{color:#1d4ed8;background:#dbeafe}.tm-att-student-cell strong{color:#071337;margin-bottom:8px;font-size:18px;font-weight:900;display:block}.tm-att-student-cell span:not(.tm-att-avatar){color:#64748b;font-size:15px;font-weight:600}.tm-att-status{color:#1d4ed8;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.tm-att-status.present,.tm-att-status.p{color:#16a34a;background:#dcfce7}.tm-att-status.absent,.tm-att-status.a{color:#ef4444;background:#fee2e2}.tm-att-status.late,.tm-att-status.l{color:#b45309;background:#fef3c7}.tm-att-status.holiday,.tm-att-status.h{color:#7c3aed;background:#f3e8ff}.tm-att-mark-dropdown{z-index:2;width:min(260px,100%);position:relative}.tm-att-mark-dropdown.open{z-index:25}.tm-att-mark-trigger{color:#17223b;cursor:pointer;background:#fff;border:1px solid #cbd7e8;border-radius:10px;align-items:center;gap:12px;width:100%;height:54px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:800;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.tm-att-mark-trigger:hover,.tm-att-mark-dropdown.open .tm-att-mark-trigger{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.tm-att-mark-trigger .tm-att-icon-svg{color:#475569;width:18px;height:18px;margin-left:auto}.tm-att-mark-dot{background:#cbd5e1;border-radius:999px;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #cbd5e12e}.tm-att-mark-dot.present{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.tm-att-mark-dot.absent{background:#ef4444;box-shadow:0 0 0 4px #ef444424}.tm-att-mark-dot.late{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b24}.tm-att-mark-dot.holiday{background:#1d4ed8;box-shadow:0 0 0 4px #1d4ed824}.tm-att-mark-menu{z-index:40;background:#fff;border:1px solid #dbe4f0;border-radius:12px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 22px 48px #0f172a29}.tm-att-mark-option{color:#17223b;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e5edf7;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:800;display:flex}.tm-att-mark-option:last-child{border-bottom:0}.tm-att-mark-option:hover,.tm-att-mark-option.selected{color:#1d4ed8;background:#eff6ff}.tm-att-mark-check{color:#fff;background:#1d4ed8;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;display:inline-flex}.tm-att-mark-check .tm-att-icon-svg{width:15px;height:15px}.tm-att-page .admin-list-card,.tm-att-page .admin-list-scroll,.tm-att-page .admin-list-table td{overflow:visible}.tm-att-footer{color:#64748b;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:0 32px;font-size:16px;font-weight:600;display:flex}.tm-att-pages{align-items:center;gap:12px;margin:0 auto;display:flex}.tm-att-pages button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:11px;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:900;display:inline-flex}.tm-att-pages button.active{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8;box-shadow:0 10px 24px #1d4ed824}.tm-exm-page{width:100%;max-width:none}.tm-exm-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:50px;display:flex}.tm-exm-title-group{align-items:center;gap:24px;display:flex}.tm-exm-title-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;display:inline-flex;box-shadow:0 16px 38px #1d4ed814}.tm-exm-title-icon .tm-exm-icon-svg{width:36px;height:36px}.tm-exm-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-exm-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-exm-schedule-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-width:184px;height:52px;padding:0 20px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 16px 34px #1d4ed83d}.tm-exm-toolbar{grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-bottom:40px;display:grid}.tm-exm-search,.tm-exm-filter{color:#475569;background:#fff;border:1px solid #dbe4f0;border-radius:9px;align-items:center;gap:16px;height:62px;padding:0 20px;display:flex;box-shadow:0 14px 34px #0f172a0a}.tm-exm-search input,.tm-exm-filter select{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:17px;font-weight:600}.tm-exm-search input::placeholder{color:#64748b}.tm-exm-filter select{cursor:pointer}.tm-exm-icon-svg{flex-shrink:0;width:24px;height:24px}.tm-exm-card{background:#fff;border:1px solid #dfe7f2;border-radius:12px;overflow-x:auto;box-shadow:0 22px 52px #0f172a0e}.tm-exm-table{border-collapse:collapse;width:100%;min-width:1260px}.tm-exm-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #dfe7f2;height:74px;padding:0 30px;font-size:15px;font-weight:900}.tm-exm-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #dfe7f2;height:128px;padding:26px 30px;font-size:17px;font-weight:600}.tm-exm-name-cell,.tm-exm-date-cell{align-items:center;gap:20px;display:flex}.tm-exm-avatar{color:#1d4ed8;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.tm-exm-avatar.color-1{color:#16a34a;background:#dcfce7}.tm-exm-avatar.color-2{color:#7c3aed;background:#f3e8ff}.tm-exm-avatar.color-3{color:#d97706;background:#fef3c7}.tm-exm-name-cell strong,.tm-exm-date-cell strong,.tm-exm-table td>strong{color:#071337;margin-bottom:12px;font-size:18px;font-weight:900;display:block}.tm-exm-type{color:#1d4ed8;background:#eff6ff;border-radius:11px;align-items:center;min-height:32px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.tm-exm-type.color-1{color:#15803d;background:#dcfce7}.tm-exm-type.color-2{color:#7c3aed;background:#f3e8ff}.tm-exm-type.color-3{color:#d97706;background:#fff7ed}.tm-exm-date-cell>span{color:#475569}.tm-exm-date-cell p,.tm-exm-muted{color:#64748b;margin:0;font-size:15px;font-weight:600}.tm-exm-status{color:#15803d;background:#dcfce7;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex}.tm-exm-more{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tm-exm-more:hover{color:#1d4ed8;background:#eff6ff}.tm-exm-footer{color:#64748b;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:0 32px;font-size:16px;font-weight:600;display:flex}.tm-exm-pages{align-items:center;gap:12px;display:flex}.tm-exm-pages button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:11px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.tm-exm-pages button.active{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8;box-shadow:0 10px 24px #1d4ed824}.tm-exm-schedule-page{width:100%}.tm-exm-schedule-header{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:30px;display:grid}.tm-exm-back-btn,.tm-exm-cancel-btn,.tm-exm-submit-btn{cursor:pointer;border-radius:8px;height:44px;font-family:inherit;font-weight:900}.tm-exm-back-btn{color:#475569;background:#fff;border:1px solid #d8e2ef;justify-content:center;align-items:center;width:44px;display:inline-flex}.tm-exm-schedule-header h1{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:32px;font-weight:900}.tm-exm-schedule-header p{color:#64748b;margin:0;font-size:15px;font-weight:500}.tm-exm-schedule-actions{align-items:center;gap:16px;display:flex}.tm-exm-cancel-btn{color:#071337;background:#fff;border:1px solid #d8e2ef;min-width:96px}.tm-exm-submit-btn{color:#fff;background:#1d4ed8;border:0;justify-content:center;align-items:center;gap:10px;min-width:170px;padding:0 18px;display:inline-flex;box-shadow:0 12px 26px #1d4ed838}.tm-exm-submit-btn:disabled{opacity:.72;cursor:wait}.tm-exm-schedule-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.95fr);align-items:start;gap:22px;display:grid}.tm-exm-form-card,.tm-exm-preview-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;box-shadow:0 18px 44px #0f172a0b}.tm-exm-form-card{padding:28px}.tm-exm-form-card h2,.tm-exm-preview-card h2{color:#071337;margin:0 0 26px;font-size:18px;font-weight:900}.tm-exm-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tm-exm-form-field{flex-direction:column;gap:9px;margin-bottom:22px;display:flex;position:relative}.tm-exm-form-field.wide{grid-column:1/-1}.tm-exm-form-field span,.tm-exm-type-group>span{color:#17223b;font-size:13px;font-weight:900}.tm-exm-form-field b{color:#ef4444}.tm-exm-form-field input,.tm-exm-form-field select,.tm-exm-form-field textarea{color:#071337;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cfd9e8;border-radius:7px;outline:none;padding:0 14px;font-size:14px;font-weight:600}.tm-exm-form-field select{cursor:pointer}.tm-exm-form-field textarea{resize:vertical;min-height:96px;padding:14px;line-height:1.45}.tm-exm-form-field input::placeholder,.tm-exm-form-field textarea::placeholder{color:#94a3b8}.tm-exm-form-field input:focus,.tm-exm-form-field select:focus,.tm-exm-form-field textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.tm-exm-form-field small{color:#64748b;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:12px}.tm-exm-form-field.is-readonly input{color:#64748b;background:#f8fafc}.tm-exm-type-group{margin-bottom:24px}.tm-exm-type-group>div{grid-template-columns:repeat(4,max-content);gap:34px;margin-top:16px;display:grid}.tm-exm-type-group label{color:#17223b;cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.tm-exm-type-group input{accent-color:#1d4ed8;width:16px;height:16px}.tm-exm-form-divider{background:#e5edf7;height:1px;margin:8px 0 26px}.tm-exm-switch-row{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:22px;display:grid}.tm-exm-switch-row input{opacity:0;pointer-events:none;position:absolute}.tm-exm-switch-row>span{background:#cbd5e1;border-radius:999px;width:46px;height:24px;transition:background-color .2s;position:relative}.tm-exm-switch-row>span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.tm-exm-switch-row input:checked+span{background:#1d4ed8}.tm-exm-switch-row input:checked+span:after{transform:translate(22px)}.tm-exm-switch-row strong{color:#071337;font-size:14px;font-weight:900;display:block}.tm-exm-switch-row p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.tm-exm-preview-card{padding:28px;position:sticky;top:20px}.tm-exm-preview-list{flex-direction:column;gap:22px;display:flex}.tm-exm-preview-item{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.tm-exm-preview-item>span{color:#1d4ed8;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.tm-exm-preview-item strong{color:#071337;margin-bottom:5px;font-size:14px;font-weight:900;display:block}.tm-exm-preview-item p{color:#64748b;margin:0;font-size:14px;font-weight:600}.tm-exm-review-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:auto 1fr;gap:14px;margin-top:34px;padding:18px;display:grid}.tm-exm-review-note strong{margin-bottom:6px;font-size:14px;font-weight:900;display:block}.tm-exm-review-note p{color:#475569;margin:0;font-size:13px;font-weight:500;line-height:1.4}.tm-exm-modal-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.tm-exm-modal{background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100vw - 56px);max-height:min(900px,100vh - 56px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a47}.tm-exm-modal-header{border-bottom:1px solid #dfe7f2;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:96px;padding:22px 28px;display:grid}.tm-exm-modal-title-icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.tm-exm-modal-title-icon .tm-exm-icon-svg{width:28px;height:28px}.tm-exm-modal-header h2{color:#071337;letter-spacing:0;margin:0 0 7px;font-size:24px;font-weight:900}.tm-exm-modal-header p{color:#64748b;margin:0;font-size:14px;font-weight:500}.tm-exm-modal-close{color:#071337;cursor:pointer;background:#fff;border:1px solid #cbd7e8;border-radius:8px;width:40px;height:40px;font-size:17px;font-weight:700;line-height:1}.tm-exm-modal-body{background:#fff;padding:22px 28px 24px;overflow-y:auto}.tm-exm-modal-section{background:#fff;border:1px solid #dbe4f0;border-radius:8px;padding:22px}.tm-exm-modal-section+.tm-exm-modal-section{margin-top:20px}.tm-exm-modal-section-title{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-bottom:24px;display:grid}.tm-exm-modal-section-title>span{color:#1d4ed8;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.tm-exm-modal-section-title h3{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:14px;font-weight:900}.tm-exm-modal-section-title p{color:#64748b;margin:0;font-size:14px;font-weight:500}.tm-exm-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;display:grid}.tm-exm-modal-field{flex-direction:column;gap:9px;display:flex;position:relative}.tm-exm-modal-field span{color:#071337;font-size:13px;font-weight:900}.tm-exm-modal-field b,.tm-exm-modal-footer b{color:#ef4444}.tm-exm-modal-field em{color:#64748b;font-style:normal;font-weight:700}.tm-exm-modal-field input,.tm-exm-modal-field select,.tm-exm-modal-field textarea{color:#071337;width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #cbd7e8;border-radius:7px;outline:none;padding:0 16px;font-size:15px;font-weight:600}.tm-exm-modal-field select{cursor:pointer}.tm-exm-modal-field textarea{resize:vertical;min-height:106px;padding:16px;line-height:1.5}.tm-exm-modal-field input::placeholder,.tm-exm-modal-field textarea::placeholder{color:#94a3b8}.tm-exm-modal-field input:focus,.tm-exm-modal-field select:focus,.tm-exm-modal-field textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.tm-exm-modal-field small{color:#64748b;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:12px}.tm-exm-modal-switch{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:22px;display:grid}.tm-exm-modal-switch input{opacity:0;pointer-events:none;position:absolute}.tm-exm-modal-switch>span{background:#cbd5e1;border-radius:999px;width:46px;height:24px;transition:background-color .2s;position:relative}.tm-exm-modal-switch>span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.tm-exm-modal-switch input:checked+span{background:#1d4ed8}.tm-exm-modal-switch input:checked+span:after{transform:translate(22px)}.tm-exm-modal-switch strong{color:#071337;font-size:14px;font-weight:900;display:block}.tm-exm-modal-switch p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.tm-exm-modal-footer{background:#fff;border-top:1px solid #dfe7f2;justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:16px 28px;display:flex}.tm-exm-modal-footer>span{color:#64748b;font-size:13px;font-weight:600}.tm-exm-modal-footer>div{align-items:center;gap:14px;display:flex}.tm-exm-modal-cancel,.tm-exm-modal-submit{cursor:pointer;border-radius:7px;min-width:116px;height:48px;font-family:inherit;font-size:14px;font-weight:900}.tm-exm-modal-cancel{color:#071337;background:#fff;border:1px solid #cbd7e8}.tm-exm-modal-submit{color:#fff;background:#1d4ed8;border:0;justify-content:center;align-items:center;gap:10px;min-width:180px;display:inline-flex;box-shadow:0 12px 28px #1d4ed838}.tm-exm-modal-submit:disabled{opacity:.72;cursor:wait}.tm-rep-page{width:100%;max-width:none}.tm-rep-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:38px;display:flex}.tm-rep-title-group{align-items:center;gap:24px;display:flex}.tm-rep-title-icon{color:#1d4ed8;background:#fff;border:1px solid #dbe4f0;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;display:inline-flex;box-shadow:0 16px 38px #0f172a0f}.tm-rep-title-icon .tm-rep-icon-svg{width:38px;height:38px}.tm-rep-header h1{color:#071337;letter-spacing:0;margin:0 0 9px;font-size:34px;font-weight:900}.tm-rep-header p{color:#64748b;margin:0;font-size:17px;font-weight:500}.tm-rep-profile{width:52px;height:52px;box-shadow:none;border-radius:14px}.tm-rep-icon-svg{flex-shrink:0;width:22px;height:22px}.tm-rep-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px;display:grid}.tm-rep-stat{background:#fff;border:1px solid #dfe7f2;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:136px;padding:26px;display:grid;box-shadow:0 18px 44px #0f172a0d}.tm-rep-stat-icon{color:#1d4ed8;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex}.tm-rep-stat.green .tm-rep-stat-icon{color:#16a34a;background:#dcfce7}.tm-rep-stat.purple .tm-rep-stat-icon{color:#7c3aed;background:#f3e8ff}.tm-rep-stat p{color:#475569;margin:0 0 8px;font-size:16px;font-weight:700}.tm-rep-stat strong{color:#071337;font-size:28px;font-weight:900;line-height:1.1;display:block}.tm-rep-stat small{color:#64748b;margin-top:14px;font-size:14px;font-weight:600;display:block}.tm-rep-stat>.tm-rep-icon-svg:last-child{color:#64748b}.tm-rep-card{background:#fff;border:1px solid #dfe7f2;border-radius:14px;overflow-x:auto;box-shadow:0 22px 52px #0f172a0e}.tm-rep-card-header{border-bottom:1px solid #dfe7f2;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:20px 30px;display:flex}.tm-rep-card-header h2{color:#071337;margin:0;font-size:20px;font-weight:900}.tm-rep-tools{align-items:center;gap:14px;display:flex}.tm-rep-search,.tm-rep-filter,.tm-rep-download{color:#475569;background:#fff;border:1px solid #dbe4f0;border-radius:9px;align-items:center;gap:12px;height:48px;padding:0 16px;display:inline-flex}.tm-rep-search{width:430px}.tm-rep-filter{width:126px}.tm-rep-search input,.tm-rep-filter select{color:#071337;background:0 0;border:0;outline:none;width:100%;font-size:15px;font-weight:600}.tm-rep-search input::placeholder{color:#64748b}.tm-rep-download{cursor:pointer;justify-content:center;width:54px}.tm-rep-table{border-collapse:collapse;width:100%;min-width:1160px}.tm-rep-table th{color:#475569;letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #dfe7f2;height:58px;padding:0 30px;font-size:14px;font-weight:900}.tm-rep-table td{color:#17223b;vertical-align:middle;border-bottom:1px solid #dfe7f2;height:86px;padding:18px 30px;font-size:15px;font-weight:600}.tm-rep-name-cell{align-items:center;gap:18px;display:flex}.tm-rep-file-icon{color:#1d4ed8;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.tm-rep-file-icon.fees{color:#16a34a;background:#dcfce7}.tm-rep-file-icon.attendance{color:#7c3aed;background:#f3e8ff}.tm-rep-name-cell strong{color:#071337;margin-bottom:8px;font-size:15px;font-weight:900;display:block}.tm-rep-name-cell span{color:#64748b;font-size:14px;font-weight:500}.tm-rep-type{color:#1d4ed8;background:#eff6ff;border-radius:8px;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.tm-rep-type.fees{color:#16a34a;background:#dcfce7}.tm-rep-type.attendance{color:#7c3aed;background:#f3e8ff}.tm-rep-date{color:#475569;align-items:flex-start;gap:12px;display:flex}.tm-rep-date strong{color:#17223b;margin-bottom:7px;font-size:15px;font-weight:700;display:block}.tm-rep-date span{color:#64748b;font-size:14px;font-weight:500}.tm-rep-format{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:94px;height:42px;font-size:14px;font-weight:900;display:inline-flex}.tm-rep-format.excel{color:#16a34a}.tm-rep-format .tm-rep-icon-svg{width:18px;height:18px}.tm-rep-more{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tm-rep-more:hover{color:#1d4ed8;background:#eff6ff}.tm-rep-footer{color:#64748b;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:0 30px;font-size:15px;font-weight:600;display:flex}.tm-rep-pages{align-items:center;gap:12px;display:flex}.tm-rep-pages button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.tm-rep-pages button.active{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8;box-shadow:0 10px 24px #1d4ed824}.tm-rep-header-actions{align-items:center;gap:14px;display:flex}.tm-rep-generate-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:150px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #1d4ed833}.tm-rep-generate-btn .tm-rep-icon-svg{width:16px;height:16px}.tm-rep-board{background:#fff;border:1px solid #dfe7f2;border-radius:10px;min-height:520px;margin-top:24px;padding:18px;box-shadow:0 18px 44px #0f172a0b}.tm-rep-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tm-rep-report-card{background:#fff;border:1px solid #dfe7f2;border-radius:10px;flex-direction:column;gap:12px;min-height:154px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 12px 28px #0f172a0b}.tm-rep-report-card:hover,.tm-rep-report-card.selected{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 18px 34px #1d4ed81a}.tm-rep-card-top,.tm-rep-card-meta,.tm-rep-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tm-rep-report-icon{color:#1d4ed8;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tm-rep-report-icon.green{color:#16a34a;background:#dcfce7}.tm-rep-report-icon .tm-rep-icon-svg{width:18px;height:18px}.tm-rep-card-check{accent-color:#1d4ed8;width:14px;height:14px}.tm-rep-card-copy{min-width:0}.tm-rep-card-copy h4{color:#071337;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:14px;font-weight:900;line-height:1.25;overflow:hidden}.tm-rep-card-copy p{color:#64748b;margin:0;font-size:12px;font-weight:650}.tm-rep-card-meta span{color:#334155;font-size:11px;font-weight:800}.tm-rep-card-dots{align-items:center;display:flex}.tm-rep-card-dots span{background:#1d4ed8;border:2px solid #fff;border-radius:50%;width:13px;height:13px;margin-left:-4px}.tm-rep-card-dots span:first-child{margin-left:0}.tm-rep-card-dots span:nth-child(2){background:#16a34a}.tm-rep-card-dots span:nth-child(3){background:#f97316}.tm-rep-card-link{color:#1d4ed8;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:900}.tm-rep-card-link:hover{text-decoration:underline}.tm-list-icon{width:18px;height:18px}.tm-stu-page .admin-list-card,.tm-cls-page .admin-list-card,.tm-sub-page .admin-list-card,.tm-att-page .admin-list-card,.tm-exm-page .admin-list-card{margin-top:18px}.admin-list-tools .tm-stu-filter,.admin-list-tools .tm-sub-filter,.admin-list-tools .tm-exm-filter{min-width:190px;height:36px;box-shadow:none;border-radius:4px;gap:9px;padding:0 12px}.admin-list-tools .tm-stu-filter select,.admin-list-tools .tm-sub-filter select,.admin-list-tools .tm-exm-filter select{font-size:12px}.tm-dashboard-hero,.tm-ann-header,.tm-stu-header,.tm-cls-header,.tm-sub-header,.tm-att-header,.tm-exm-header,.tm-rep-header{margin-bottom:16px}.tm-dashboard-hero h1,.tm-ann-header h1,.tm-stu-header h1,.tm-cls-header h1,.tm-sub-header h1,.tm-att-header h1,.tm-exm-header h1,.tm-rep-header h1{color:#071337;letter-spacing:0;margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.12}.tm-dashboard-hero p,.tm-ann-header p,.tm-stu-header p,.tm-cls-header p,.tm-sub-header p,.tm-att-header p,.tm-exm-header p,.tm-rep-header p{color:#64748b;margin:0;font-size:15px;font-weight:500;line-height:1.45}.tm-profile-chip,.tm-ann-profile,.tm-stu-profile,.tm-cls-profile,.tm-sub-profile,.tm-rep-profile{width:48px;height:48px;box-shadow:none;border-radius:12px;font-size:14px}.tm-sub-title-group,.tm-att-title-group,.tm-exm-title-group,.tm-rep-title-group{gap:18px}.tm-sub-title-icon,.tm-att-title-icon,.tm-exm-title-icon,.tm-rep-title-icon{border-radius:14px;width:54px;height:54px}.tm-sub-title-icon .tm-sub-icon-svg,.tm-att-title-icon .tm-att-icon-svg,.tm-exm-title-icon .tm-exm-icon-svg,.tm-rep-title-icon .tm-rep-icon-svg{width:28px;height:28px}.tm-att-save-btn,.tm-exm-schedule-btn,.tm-ann-new-btn,.tm-sub-add-btn{background:#1d4ed8;border-radius:8px;min-height:40px;font-size:13px;box-shadow:0 10px 22px #1d4ed82e}.tm-stu-page .admin-list-card,.tm-cls-page .admin-list-card,.tm-sub-page .admin-list-card,.tm-att-page .admin-list-card,.tm-exm-page .admin-list-card{border-color:#dfe7f2;border-radius:8px;box-shadow:0 18px 42px #0f172a0b}.tm-stu-page .admin-list-toolbar,.tm-cls-page .admin-list-toolbar,.tm-sub-page .admin-list-toolbar,.tm-att-page .admin-list-toolbar,.tm-exm-page .admin-list-toolbar{min-height:58px;padding:12px 18px}.tm-stu-page .admin-list-search,.tm-cls-page .admin-list-search,.tm-sub-page .admin-list-search,.tm-att-page .admin-list-search,.tm-exm-page .admin-list-search{max-width:360px;height:36px;padding:0 11px}.tm-stu-page .admin-list-search input,.tm-cls-page .admin-list-search input,.tm-sub-page .admin-list-search input,.tm-att-page .admin-list-search input,.tm-exm-page .admin-list-search input{font-size:12px;font-weight:500}.tm-stu-page .admin-list-scroll,.tm-cls-page .admin-list-scroll,.tm-sub-page .admin-list-scroll,.tm-att-page .admin-list-scroll,.tm-exm-page .admin-list-scroll{padding:14px 18px 4px}.tm-stu-page .admin-list-table th,.tm-cls-page .admin-list-table th,.tm-sub-page .admin-list-table th,.tm-att-page .admin-list-table th,.tm-exm-page .admin-list-table th{color:#0f172a;letter-spacing:0;text-transform:none;padding:0 10px 11px;font-size:12px;font-weight:800}.tm-stu-page .admin-list-table td,.tm-cls-page .admin-list-table td,.tm-sub-page .admin-list-table td,.tm-att-page .admin-list-table td,.tm-exm-page .admin-list-table td{color:#17223b;padding:12px 10px;font-size:13px;font-weight:500}.tm-stu-name-cell,.tm-cls-name-cell,.tm-att-student-cell,.tm-exm-name-cell,.tm-exm-date-cell{gap:12px}.admin-list-cell-content .tm-stu-avatar,.admin-list-cell-content .tm-cls-avatar,.admin-list-cell-content .tm-sub-row-icon,.admin-list-cell-content .tm-att-avatar,.admin-list-cell-content .tm-exm-avatar,.admin-list-cell-content .tm-rep-file-icon{border-radius:10px;flex:0 0 38px;width:38px;height:38px;font-size:13px}.admin-list-cell-content .tm-cls-avatar,.admin-list-cell-content .tm-att-avatar,.admin-list-cell-content .tm-exm-avatar{border-radius:50%}.admin-list-cell-content .tm-stu-name-cell strong,.admin-list-cell-content .tm-cls-name-cell strong,.admin-list-cell-content .tm-att-student-cell strong,.admin-list-cell-content .tm-exm-name-cell strong,.admin-list-cell-content .tm-exm-date-cell strong,.admin-list-cell-content .tm-sub-table strong{margin-bottom:4px;font-size:13px;line-height:1.25}.admin-list-cell-content .tm-stu-name-cell span:not(.tm-stu-avatar),.admin-list-cell-content .tm-cls-name-cell span:not(.tm-cls-avatar),.admin-list-cell-content .tm-att-student-cell span:not(.tm-att-avatar),.admin-list-cell-content .tm-exm-date-cell p,.admin-list-cell-content .tm-exm-muted,.admin-list-cell-content .tm-muted{font-size:12px;line-height:1.35}.admin-list-cell-content .tm-stu-pill,.admin-list-cell-content .tm-cls-pill,.admin-list-cell-content .tm-sub-pill,.admin-list-cell-content .tm-att-status,.admin-list-cell-content .tm-exm-type,.admin-list-cell-content .tm-exm-status{border-radius:7px;min-height:26px;padding:0 10px;font-size:11px;font-weight:800}.admin-list-cell-content .tm-cls-subject-chip{border-radius:7px;min-height:26px;padding:5px 10px;font-size:12px}.admin-list-cell-content:has(.tm-att-mark-dropdown){overflow:visible}.admin-list-cell-content .tm-att-mark-dropdown{width:min(190px,100%)}.admin-list-cell-content .tm-att-mark-trigger{border-radius:7px;gap:8px;height:34px;padding:0 10px;font-size:12px;font-weight:700}.admin-list-cell-content .tm-att-mark-trigger .tm-att-icon-svg{width:14px;height:14px}.admin-list-cell-content .tm-att-mark-dot{width:8px;height:8px;box-shadow:0 0 0 3px #cbd5e129}.admin-list-cell-content .tm-att-mark-menu{border-radius:9px;top:calc(100% + 8px)}.admin-list-cell-content .tm-att-mark-option{gap:10px;min-height:38px;padding:0 10px;font-size:12px;font-weight:700}.admin-list-cell-content .tm-att-mark-check{width:18px;height:18px}.admin-list-cell-content .tm-att-mark-check .tm-att-icon-svg{width:12px;height:12px}.tm-stu-page .admin-list-pagination,.tm-cls-page .admin-list-pagination,.tm-sub-page .admin-list-pagination,.tm-att-page .admin-list-pagination,.tm-exm-page .admin-list-pagination{min-height:52px;padding:10px 18px}.tm-stu-page .admin-list-page-info,.tm-cls-page .admin-list-page-info,.tm-sub-page .admin-list-page-info,.tm-att-page .admin-list-page-info,.tm-exm-page .admin-list-page-info{font-size:12px}.tm-stu-page .admin-list-page-btn,.tm-cls-page .admin-list-page-btn,.tm-sub-page .admin-list-page-btn,.tm-att-page .admin-list-page-btn,.tm-exm-page .admin-list-page-btn{border-radius:4px;min-width:28px;height:28px;font-size:12px}.tm-stat-card:before,.tm-action.primary{background:#1d4ed8}.tm-panel-header a,.tm-pill,.tm-dashboard-stat.green .tm-stat-icon,.tm-dashboard-stat.amber .tm-stat-icon,.tm-dashboard-stat.purple .tm-stat-icon,.tm-dashboard-stat.green .tm-stat-spark,.tm-dashboard-stat.amber .tm-stat-spark,.tm-dashboard-stat.purple .tm-stat-spark,.tm-exams-panel .tm-panel-title>span,.tm-class-icon.color-1,.tm-class-icon.color-2,.tm-class-icon.color-3,.tm-exam-card>span,.tm-cls-avatar.color-1,.tm-cls-avatar.color-2,.tm-cls-avatar.color-3,.tm-cls-subject-chip.color-1,.tm-cls-subject-chip.color-2,.tm-cls-subject-chip.color-3,.tm-sub-row-icon.color-1,.tm-sub-row-icon.color-2,.tm-sub-row-icon.color-3,.tm-att-avatar,.tm-att-avatar.color-1,.tm-att-avatar.color-2,.tm-att-avatar.color-3,.tm-exm-avatar.color-1,.tm-exm-avatar.color-2,.tm-exm-avatar.color-3,.tm-exm-type.color-1,.tm-exm-type.color-2,.tm-exm-type.color-3,.tm-rep-stat.green .tm-rep-stat-icon,.tm-rep-stat.purple .tm-rep-stat-icon,.tm-rep-file-icon.fees,.tm-rep-file-icon.attendance,.tm-rep-type.attendance{color:#1d4ed8}.tm-dashboard-stat.green .tm-stat-icon,.tm-dashboard-stat.amber .tm-stat-icon,.tm-dashboard-stat.purple .tm-stat-icon,.tm-exams-panel .tm-panel-title>span,.tm-class-icon.color-1,.tm-class-icon.color-2,.tm-class-icon.color-3,.tm-exam-card>span,.tm-cls-avatar.color-1,.tm-cls-avatar.color-2,.tm-cls-avatar.color-3,.tm-cls-subject-chip.color-1,.tm-cls-subject-chip.color-2,.tm-cls-subject-chip.color-3,.tm-sub-row-icon.color-1,.tm-sub-row-icon.color-2,.tm-sub-row-icon.color-3,.tm-att-avatar,.tm-att-avatar.color-1,.tm-att-avatar.color-2,.tm-att-avatar.color-3,.tm-exm-avatar.color-1,.tm-exm-avatar.color-2,.tm-exm-avatar.color-3,.tm-exm-type.color-1,.tm-exm-type.color-2,.tm-exm-type.color-3,.tm-rep-stat.green .tm-rep-stat-icon,.tm-rep-stat.purple .tm-rep-stat-icon,.tm-rep-file-icon.fees,.tm-rep-file-icon.attendance,.tm-rep-type.attendance{background:#eff6ff}.tm-dashboard-shell .tm-dashboard-stats{gap:20px;margin:24px 0 28px}.tm-dashboard-shell .tm-dashboard-stat{border-radius:8px;grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:96px;padding:14px;box-shadow:0 12px 28px #0f172a0b}.tm-dashboard-shell .tm-stat-icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;width:46px;height:46px}.tm-dashboard-shell .tm-stat-icon .tm-line-icon{width:23px;height:23px}.tm-dashboard-shell .tm-dashboard-stat.purple .tm-stat-icon{color:#6d28d9;background:#f3e8ff}.tm-dashboard-shell .tm-dashboard-stat.green .tm-stat-icon{color:#16a34a;background:#dcfce7}.tm-dashboard-shell .tm-dashboard-stat.amber .tm-stat-icon{color:#f59e0b;background:#fff7ed}.tm-dashboard-shell .tm-stat-copy span{color:#475569;margin-bottom:4px;font-size:11px;line-height:1.2}.tm-dashboard-shell .tm-stat-copy strong{font-size:25px;line-height:1}.tm-dashboard-shell .tm-stat-copy small{max-width:150px;margin-top:8px;font-size:10px;line-height:1.25}.tm-dashboard-shell .tm-stat-spark{width:44px;height:28px;bottom:12px;right:12px}.tm-dashboard-shell .tm-stat-spark.bars i{width:6px}.tm-dashboard-shell .tm-stat-spark.bars i:first-child{opacity:.35;height:8px;left:0}.tm-dashboard-shell .tm-stat-spark.bars i:nth-child(2){opacity:.55;height:14px;left:12px}.tm-dashboard-shell .tm-stat-spark.bars i:nth-child(3){opacity:.75;height:22px;left:24px}.tm-dashboard-shell .tm-stat-spark.bars i:nth-child(4){height:28px;left:36px}.tm-dashboard-shell .tm-dashboard-stat.purple .tm-stat-spark{color:#6d28d9}.tm-dashboard-shell .tm-dashboard-stat.green .tm-stat-spark{color:#16a34a}.tm-dashboard-shell .tm-dashboard-stat.amber .tm-stat-spark{color:#f59e0b}@media (width<=980px){.tm-stats-grid,.tm-two-col,.tm-dashboard-stats,.tm-dashboard-grid,.tm-dashboard-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-dashboard-grid,.tm-dashboard-lower-grid{grid-template-columns:1fr}}@media (width<=720px){.tm-page-header,.tm-toolbar,.tm-dashboard-hero{flex-direction:column;align-items:stretch}.tm-stats-grid,.tm-two-col,.tm-dashboard-stats{grid-template-columns:1fr}.tm-hero-actions{justify-content:flex-start}.tm-dashboard-hero h1{font-size:26px}.tm-dashboard-panel{min-height:auto}.tm-class-card,.tm-exam-card{grid-template-columns:auto 1fr}.tm-class-card b,.tm-exam-card b,.tm-class-card i{grid-column:2;justify-self:start}.tm-quick-actions,.tm-overview-body{grid-template-columns:1fr}.tm-seat-total,.tm-dashboard-panel-header,.tm-ann-card-header,.tm-ann-footer{flex-direction:column;align-items:flex-start}.tm-ann-page{max-width:none}.tm-ann-toolbar,.tm-stu-toolbar,.tm-cls-toolbar,.tm-sub-toolbar,.tm-att-toolbar,.tm-exm-toolbar,.tm-rep-stats{grid-template-columns:1fr}.tm-ann-header,.tm-stu-header,.tm-cls-header,.tm-sub-header,.tm-att-header,.tm-exm-header,.tm-rep-header{align-items:flex-start}.tm-sub-title-group,.tm-att-title-group,.tm-exm-title-group,.tm-rep-title-group,.tm-att-footer,.tm-exm-footer,.tm-rep-card-header,.tm-rep-footer{flex-direction:column;align-items:flex-start}.tm-rep-tools{flex-direction:column;align-items:stretch;width:100%}.tm-rep-search,.tm-rep-filter{width:100%}.tm-att-pages{margin:0}.tm-ann-row{grid-template-columns:auto 1fr;align-items:flex-start}.tm-ann-meta{grid-column:2;align-items:flex-start;gap:8px}}.sm-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.sm-page-header h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.sm-page-header p{color:#64748b;margin:0;font-size:13px}.sm-avatar{color:#0369a1;background:#e0f2fe;border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.sm-avatar-link{cursor:pointer;text-decoration:none;transition:box-shadow .2s,transform .2s}.sm-avatar-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1d4ed82e}.student-swal-popup{border:1px solid #dbe4f0;border-radius:8px;padding:24px;font-family:inherit;box-shadow:0 24px 60px #0f172a38}.student-swal-title{color:#0f172a;padding:4px 0 8px;font-size:20px;font-weight:900}.student-swal-content{color:#475569;margin:0;font-size:14px}.student-swal-confirm{min-width:96px;min-height:40px;border-radius:8px!important;font-size:13px!important;font-weight:800!important;box-shadow:0 10px 18px #1d4ed838!important}.student-swal-details{text-align:left;flex-direction:column;gap:10px;margin-top:4px;display:flex}.student-swal-row{background:#f8fbff;border:1px solid #e5edf7;border-radius:8px;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:12px;padding:11px 12px;display:grid}.student-swal-row span{color:#64748b;font-size:12px;font-weight:800}.student-swal-row strong{color:#0f172a;overflow-wrap:anywhere;font-size:13px;font-weight:800}.sm-list-icon{width:16px;height:16px}.student-list-view .admin-list-card{border-radius:8px;box-shadow:0 2px 10px #0f172a05}.student-list-view .admin-list-search:focus-within,.student-list-view .admin-list-configure-btn:hover,.student-list-view .admin-list-page-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.student-list-view .admin-list-configure-btn,.student-list-view .admin-list-filter-btn:hover{color:#1d4ed8}.student-list-view .admin-list-table a,.student-list-view .admin-list-cell-content strong{color:#0f172a}.student-announcements-page .student-list-view .admin-list-card{border-color:#dbe4f0;box-shadow:0 12px 28px #0f172a0d}.student-announcements-page .student-list-view .admin-list-toolbar{border-bottom:1px solid #dbe4f0;padding:24px 28px}.student-announcements-page .student-list-view .admin-list-search{max-width:380px}.student-announcements-page .student-list-view .admin-list-table th{color:#0f172a;height:58px;font-size:13px}.student-announcements-page .student-list-view .admin-list-table td{height:92px}.student-announcements-page .student-list-view .admin-list-cell-content{font-size:15px}.sm-announcement-title-cell{align-items:center;gap:20px;min-width:0;display:flex}.sm-announcement-title-cell strong,.sm-announcement-title-cell small{display:block}.sm-announcement-title-cell strong{color:#0f172a;font-size:15px;font-weight:900}.sm-announcement-title-cell small{color:#64748b;margin-top:8px;font-size:13px;font-weight:600}.sm-announcement-type-icon{border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid}.sm-announcement-type-icon.urgent{color:#dc2626;background:#fee2e2}.sm-announcement-type-icon.event{color:#1d4ed8;background:#eff6ff}.sm-announcement-type-icon.fee{color:#16a34a;background:#dcfce7}.sm-announcement-icon-svg{width:22px;height:22px}.sm-announcement-action{color:#1e3a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sm-announcement-action:hover{color:#1d4ed8;background:#eff6ff}.sm-announcement-action .sm-announcement-icon-svg{width:20px;height:20px}.student-subjects-page .student-list-view .admin-list-card{border-color:#dbe4f0;box-shadow:0 12px 28px #0f172a0d}.student-subjects-page .student-list-view .admin-list-toolbar{border-bottom:1px solid #dbe4f0;padding:24px 28px}.student-subjects-page .student-list-view .admin-list-search{max-width:370px}.student-subjects-page .student-list-view .admin-list-table th{color:#0f172a;height:58px;font-size:13px}.student-subjects-page .student-list-view .admin-list-table td{height:96px}.student-subjects-page .student-list-view .admin-list-cell-content{font-size:15px}.sm-subject-title-cell{align-items:center;gap:20px;min-width:0;display:flex}.sm-subject-title-cell strong,.sm-subject-title-cell small{display:block}.sm-subject-title-cell strong{color:#0f172a;font-size:16px;font-weight:900}.sm-subject-title-cell small{color:#64748b;margin-top:8px;font-size:14px;font-weight:600}.sm-subject-type-icon{border-radius:8px;flex:none;place-items:center;width:58px;height:58px;display:grid}.sm-subject-type-icon.purple{color:#6d28d9;background:#f1eaff}.sm-subject-type-icon.green{color:#16a34a;background:#dcfce7}.sm-subject-icon-svg{width:24px;height:24px}.sm-subject-action{color:#1e3a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sm-subject-action:hover{color:#1d4ed8;background:#eff6ff}.sm-subject-action .sm-subject-icon-svg{width:20px;height:20px}.sm-attendance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px;display:grid}.sm-attendance-stat{background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:18px;min-height:132px;padding:20px 22px;display:grid;box-shadow:0 12px 28px #0f172a0f}.sm-attendance-stat-icon{border-radius:8px;place-items:center;width:60px;height:60px;display:grid}.sm-attendance-stat-icon.blue{color:#1d4ed8;background:#eff6ff}.sm-attendance-stat-icon.green{color:#16a34a;background:#dcfce7}.sm-attendance-stat-icon.orange{color:#ea580c;background:#ffedd5}.sm-attendance-stat-icon.red{color:#dc2626;background:#fee2e2}.sm-attendance-stat>div>span,.sm-attendance-stat small{color:#64748b;font-size:13px;font-weight:600;display:block}.sm-attendance-stat strong{color:#0f172a;margin:8px 0;font-size:26px;font-weight:900;line-height:1.1;display:block}.sm-attendance-icon-svg{width:25px;height:25px}.student-attendance-page .student-list-view .admin-list-card{border-color:#dbe4f0;box-shadow:0 12px 28px #0f172a0d}.student-attendance-page .student-list-view .admin-list-toolbar{border-bottom:1px solid #dbe4f0;padding:18px 24px}.student-attendance-page .student-list-view .admin-list-search{max-width:330px}.student-attendance-page .student-list-view .admin-list-table th{color:#0f172a;height:58px;font-size:13px}.student-attendance-page .student-list-view .admin-list-table td{height:54px;font-size:14px}.sm-attendance-status{border-radius:999px;align-items:center;gap:7px;min-height:26px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.sm-attendance-status span{border-radius:50%;width:7px;height:7px}.sm-attendance-status.present{color:#15803d;background:#dcfce7}.sm-attendance-status.present span{background:#16a34a}.sm-attendance-status.absent{color:#dc2626;background:#fee2e2}.sm-attendance-status.absent span{background:#ef4444}.sm-attendance-status.late{color:#d97706;background:#ffedd5}.sm-attendance-status.late span{background:#f59e0b}.sm-attendance-action{color:#1e3a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sm-attendance-action:hover{color:#1d4ed8;background:#eff6ff}.sm-attendance-action .sm-attendance-icon-svg{width:20px;height:20px}.student-exams-page .sm-exams-list-shell .admin-list-card{border-color:#dbe4f0;border-radius:8px;box-shadow:0 12px 28px #0f172a0d}.student-exams-page .sm-exams-list-shell .admin-list-toolbar{border-bottom:1px solid #dbe4f0;padding:24px 28px}.student-exams-page .sm-exams-list-shell .admin-list-search{border-radius:8px;max-width:360px;height:44px}.student-exams-page .sm-exams-list-shell .admin-list-table th{color:#0f172a;height:58px;font-size:13px}.student-exams-page .sm-exams-list-shell .admin-list-table td{vertical-align:middle;height:98px;font-size:15px}.student-exams-page .sm-exams-list-shell .admin-list-cell-content{text-overflow:clip;white-space:normal;overflow:visible}.student-exams-page .sm-exams-list-shell .admin-list-table{border-collapse:separate;border-spacing:0}.student-exams-page .sm-exams-list-shell .admin-list-scroll{padding:18px 24px 8px}.student-exams-page .sm-exams-list-shell .admin-list-configure-btn,.student-exams-page .sm-exams-list-shell .admin-list-filter-btn,.student-exams-page .sm-exams-list-shell .admin-list-page-btn{border-radius:8px}.student-exams-page .sm-exams-list-shell .admin-list-page-btn.active{color:#fff;background:#1d4ed8}.sm-exam-title-cell,.sm-exam-date-cell{align-items:center;gap:18px;width:100%;min-width:0;display:flex}.sm-exam-title-cell strong,.sm-exam-title-cell small,.sm-exam-date-cell strong,.sm-exam-date-cell small{display:block}.sm-exam-title-cell strong,.sm-exam-date-cell strong{color:#0f172a;font-size:15px;font-weight:900}.sm-exam-title-cell small,.sm-exam-date-cell small{color:#64748b;margin-top:6px;font-size:13px;font-weight:600}.sm-exam-title-cell small{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;min-height:26px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.sm-exam-type-icon{border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid}.sm-exam-type-icon.blue{color:#1d4ed8;background:#eff6ff}.sm-exam-type-icon.green{color:#16a34a;background:#dcfce7}.sm-exam-type-icon.purple{color:#6d28d9;background:#f1eaff}.sm-exam-date-cell .sm-exam-icon-svg{color:#475569;flex:none;width:22px;height:22px}.sm-exam-icon-svg{width:24px;height:24px}.sm-exam-action{color:#1e3a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sm-exam-action:hover{color:#1d4ed8;background:#eff6ff}.sm-exam-action .sm-exam-icon-svg{width:20px;height:20px}.sm-fee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px;display:grid}.sm-fee-stat{background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:20px;min-height:138px;padding:22px 24px;display:grid;box-shadow:0 12px 28px #0f172a0f}.sm-fee-stat-icon{border-radius:8px;place-items:center;width:62px;height:62px;display:grid}.sm-fee-stat-icon.blue{color:#1d4ed8;background:#eff6ff}.sm-fee-stat-icon.green{color:#16a34a;background:#dcfce7}.sm-fee-stat-icon.orange{color:#f59e0b;background:#fff4df}.sm-fee-stat-icon.purple{color:#6d28d9;background:#f1eaff}.sm-fee-stat>div>span,.sm-fee-stat small{color:#64748b;font-size:13px;font-weight:700;display:block}.sm-fee-stat strong{color:#0f172a;overflow-wrap:anywhere;margin:8px 0;font-size:26px;font-weight:900;line-height:1.12;display:block}.sm-fee-icon-svg{width:25px;height:25px}.student-fees-page .student-list-view .admin-list-card{border-color:#dbe4f0;box-shadow:0 12px 28px #0f172a0d}.student-fees-page .student-list-view .admin-list-toolbar{border-bottom:1px solid #dbe4f0;padding:18px 24px}.student-fees-page .student-list-view .admin-list-search{max-width:330px}.student-fees-page .student-list-view .admin-list-table th{color:#0f172a;height:58px;font-size:13px}.student-fees-page .student-list-view .admin-list-table td{color:#0f172a;height:52px;font-size:14px}.student-fees-page .student-list-view .admin-list-cell-content{text-overflow:clip;white-space:normal;overflow:visible}.sm-fee-action{color:#1e3a8a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sm-fee-action:hover{color:#1d4ed8;background:#eff6ff}.sm-fee-action .sm-fee-icon-svg{width:20px;height:20px}.sm-voucher-download{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 13px;font-size:12px;font-weight:900;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.sm-voucher-download:hover{background:#dbeafe;border-color:#1d4ed8;box-shadow:0 8px 16px #1d4ed829}.sm-voucher-download .sm-fee-icon-svg{width:15px;height:15px}.sm-muted-inline{color:#94a3b8;font-size:12px;font-weight:800}.sm-report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.sm-report-stat{background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:22px;min-height:146px;padding:24px;display:grid;box-shadow:0 12px 28px #0f172a0f}.sm-report-stat-icon,.sm-report-summary-row>.sm-report-summary-icon{border-radius:8px;flex:none;place-items:center;display:grid}.sm-report-stat-icon{width:68px;height:68px}.sm-report-summary-row>.sm-report-summary-icon{justify-content:center;align-items:center;width:64px;height:64px;display:flex!important}.sm-report-stat-icon.blue,.sm-report-summary-row>.sm-report-summary-icon.blue{color:#1d4ed8;background:#eff6ff}.sm-report-stat-icon.green,.sm-report-summary-row>.sm-report-summary-icon.green{color:#16a34a;background:#dcfce7}.sm-report-stat-icon.purple,.sm-report-summary-row>.sm-report-summary-icon.purple{color:#6d28d9;background:#f1eaff}.sm-report-stat-icon.orange,.sm-report-summary-row>.sm-report-summary-icon.orange{color:#f59e0b;background:#fff4df}.sm-report-icon-svg{place-self:center;width:28px;height:28px;margin:auto;display:block}.sm-report-summary-row>.sm-report-summary-icon .sm-report-icon-svg{flex:none;position:static;transform:none}.sm-report-stat>div>span,.sm-report-stat small{color:#64748b;font-size:13px;font-weight:800;display:block}.sm-report-stat strong{color:#0f172a;overflow-wrap:anywhere;margin:10px 0;font-size:28px;font-weight:900;line-height:1.1;display:block}.sm-report-panel{background:#fff;border:1px solid #dbe4f0;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0f172a0d}.sm-report-panel-header{border-bottom:1px solid #e5edf7;align-items:center;min-height:64px;padding:0 28px;display:flex}.sm-report-panel-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:900}.sm-report-summary-list{padding:0 22px}.sm-report-summary-row{border-bottom:1px solid #e5edf7;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:112px;padding:18px 0;display:grid}.sm-report-summary-row:last-child{border-bottom:none}.sm-report-summary-row strong,.sm-report-summary-row span{display:block}.sm-report-summary-row strong{color:#0f172a;margin-bottom:10px;font-size:15px;font-weight:900}.sm-report-summary-row div span{color:#475569;font-size:14px;font-weight:600}.sm-report-summary-row>.sm-pill{justify-content:center;place-self:center end;align-items:center;min-height:32px;padding:0 16px;font-size:13px;line-height:1;display:inline-flex}.sm-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.sm-dashboard-header{margin-bottom:18px}.sm-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px;display:grid}.sm-dashboard-stat{background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;min-height:118px;padding:18px 22px;display:grid;box-shadow:0 12px 28px #0f172a0f}.sm-dashboard-icon{color:#1d4ed8;background:#eff6ff;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.sm-dashboard-icon.blue{color:#1d4ed8;background:#eaf1ff}.sm-dashboard-icon.purple{color:#6d28d9;background:#f1eaff}.sm-dashboard-icon.green{color:#16a34a;background:#e8f8ee}.sm-dashboard-icon.orange{color:#f59e0b;background:#fff4df}.sm-dash-icon-svg{width:24px;height:24px}.sm-dashboard-stat-copy{min-width:0}.sm-dashboard-stat-copy span,.sm-dashboard-stat-copy small{color:#64748b;font-size:13px;font-weight:600;display:block}.sm-dashboard-stat-copy strong{color:#0f172a;overflow-wrap:anywhere;margin:6px 0;font-size:26px;font-weight:800;line-height:1.15;display:block}.sm-dashboard-progress{background:#dbeafe;border-radius:999px;width:86px;height:6px;margin-top:12px;overflow:hidden}.sm-dashboard-progress span{border-radius:inherit;background:#1d4ed8;height:100%;display:block}.sm-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(420px,1.02fr);gap:20px;margin-bottom:22px;display:grid}.sm-dashboard-exams,.sm-dashboard-profile{min-height:296px}.sm-dashboard-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:24px;display:flex}.sm-empty-illustration{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:8px;place-items:center;width:92px;height:92px;margin-bottom:14px;display:grid}.sm-empty-illustration .sm-dash-icon-svg{width:54px;height:54px}.sm-dashboard-empty h3,.sm-dashboard-quick h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.sm-dashboard-empty p{color:#64748b;margin:8px 0 18px;font-size:13px}.sm-dashboard-empty a{color:#fff;background:#1d4ed8;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 18px #1d4ed838}.sm-dashboard-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.sm-dashboard-info{background:linear-gradient(#fff,#fbfdff);border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:22px minmax(0,1fr);grid-template-areas:"icon label""icon value";align-items:center;column-gap:12px;min-height:70px;padding:14px;display:grid}.sm-dashboard-info .sm-dash-icon-svg{color:#64748b;grid-area:icon;width:18px;height:18px}.sm-dashboard-info span{color:#64748b;text-transform:uppercase;grid-area:label;font-size:11px;font-weight:800}.sm-dashboard-info strong{color:#0f172a;overflow-wrap:anywhere;grid-area:value;min-width:0;font-size:14px;font-weight:800}.sm-dashboard-year{background:linear-gradient(90deg,#f7f3ff,#fff);grid-column:1/-1}.sm-dashboard-year .sm-dash-icon-svg{color:#6d28d9}.sm-dashboard-quick{margin-bottom:20px}.sm-dashboard-quick h3{margin-bottom:12px}.sm-dashboard-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.sm-dashboard-quick-card{min-height:74px;color:inherit;background:#fff;border:1px solid #dbe4f0;border-radius:8px;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:13px 16px;text-decoration:none;display:grid;box-shadow:0 10px 24px #0f172a0d}.sm-dashboard-quick-card strong,.sm-dashboard-quick-card span{display:block}.sm-dashboard-quick-card strong{color:#0f172a;font-size:14px;font-weight:800}.sm-dashboard-quick-card span{color:#64748b;margin-top:3px;font-size:12px}.sm-dashboard-quick-card>.sm-dash-icon-svg{color:#64748b;justify-self:end;width:18px;height:18px}.sm-dashboard-note{color:#334155;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:14px;padding:14px 18px;display:flex}.sm-dashboard-note .sm-dash-icon-svg{color:#1d4ed8;flex:none;width:18px;height:18px}.sm-dashboard-note strong{color:#1d4ed8;font-size:13px}.sm-dashboard-note span{color:#475569;font-size:13px}.sm-profile-page{flex-direction:column;gap:20px;display:flex}.sm-profile-hero{background:#fff;border:1px solid #dbe4f0;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:148px;padding:24px 34px;display:flex;box-shadow:0 12px 28px #0f172a0f}.sm-profile-identity{align-items:center;gap:28px;min-width:0;display:flex}.sm-profile-avatar-lg{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#f8fbff);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;font-size:32px;font-weight:900;display:grid}.sm-profile-name-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.sm-profile-name-row h3{color:#0f172a;text-transform:lowercase;margin:0;font-size:24px;font-weight:900}.sm-profile-identity p{color:#64748b;margin:6px 0 0;font-size:15px;font-weight:600}.sm-profile-hero-art{color:#1d4ed8;background:radial-gradient(circle at 86% 14%,#dbeafe 0 8px,#0000 9px),radial-gradient(circle at 96% 44%,#eaf1ff 0 7px,#0000 8px),linear-gradient(135deg,#eff6ff,#fff);border-radius:8px;place-items:center;width:190px;height:96px;display:grid}.sm-profile-hero-art .sm-profile-icon-svg{stroke-width:1.8px;width:118px;height:72px}.sm-profile-layout{grid-template-columns:minmax(0,1fr) minmax(420px,1.05fr);gap:20px;display:grid}.sm-profile-side{flex-direction:column;gap:20px;display:flex}.sm-profile-card,.sm-profile-fee-card{background:#fff;border:1px solid #dbe4f0;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0f172a0d}.sm-profile-student-card{min-height:394px}.sm-profile-card-title{border-bottom:1px solid #e5edf7;align-items:center;gap:12px;min-height:68px;padding:16px 18px;display:flex}.sm-profile-card-title h3{color:#0f172a;margin:0;font-size:16px;font-weight:900}.sm-profile-card-title a{color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;min-height:36px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.sm-profile-title-icon,.sm-profile-row-icon{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex:none;place-items:center;display:grid}.sm-profile-title-icon{width:34px;height:34px}.sm-profile-row-icon{grid-area:icon;width:34px;height:34px}.sm-profile-title-icon.purple,.sm-profile-row-icon.purple{color:#6d28d9;background:#f1eaff}.sm-profile-title-icon.green,.sm-profile-row-icon.green{color:#16a34a;background:#e8f8ee}.sm-profile-title-icon.orange,.sm-profile-row-icon.orange{color:#f59e0b;background:#fff4df}.sm-profile-icon-svg{width:18px;height:18px}.sm-profile-rows{padding:0 18px}.sm-profile-row{border-bottom:1px solid #e5edf7;grid-template-columns:44px minmax(150px,.7fr) minmax(0,1fr);grid-template-areas:"icon label value";align-items:center;gap:8px;min-height:56px;display:grid}.sm-profile-row:last-child{border-bottom:none}.sm-profile-row.no-icon{grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);grid-template-areas:"label value"}.sm-profile-row>span:not(.sm-profile-row-icon){color:#475569;grid-area:label;font-size:14px;font-weight:700}.sm-profile-row strong{color:#0f172a;overflow-wrap:anywhere;grid-area:value;font-size:14px;font-weight:800}.sm-profile-fee-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sm-profile-fee-grid div{padding:18px}.sm-profile-fee-grid span,.sm-profile-fee-grid strong{display:block}.sm-profile-fee-grid span{color:#64748b;font-size:12px;font-weight:800}.sm-profile-fee-grid strong{color:#0f172a;margin-top:10px;font-size:16px;font-weight:900}.sm-stat-card,.sm-panel,.sm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 10px #0f172a05}.sm-stat-card{flex-direction:column;gap:6px;padding:16px;display:flex}.sm-stat-card span,.sm-stat-card small{color:#64748b;font-size:12px;font-weight:600}.sm-stat-card strong{color:#0f172a;font-size:28px}.sm-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sm-panel{overflow:hidden}.sm-panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sm-panel-header h3{color:#0f172a;margin:0;font-size:15px}.sm-panel-header a{color:#2563eb;font-size:12px;font-weight:700;text-decoration:none}.sm-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sm-search,.sm-select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px}.sm-search{flex:1;min-width:220px}.sm-select{min-width:160px}.sm-table-card{overflow:hidden}.sm-table-scroll{overflow:auto}.sm-table{border-collapse:collapse;width:100%;min-width:760px}.sm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:800}.sm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:13px}.sm-table tr:last-child td{border-bottom:none}.sm-table strong{color:#0f172a}.sm-muted{color:#64748b;margin-top:2px;font-size:12px;display:block}.sm-list{flex-direction:column;display:flex}.sm-list-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.sm-list-row:last-child{border-bottom:none}.sm-list-row strong{color:#0f172a;font-size:13px;display:block}.sm-list-row span{color:#64748b;font-size:12px}.sm-pill{white-space:nowrap;color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.sm-pill.green{color:#15803d;background:#dcfce7}.sm-pill.yellow{color:#b45309;background:#fef3c7}.sm-pill.red{color:#b91c1c;background:#fee2e2}.sm-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sm-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.sm-info-item span{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.sm-info-item strong{color:#0f172a;font-size:14px}.sm-empty{text-align:center;color:#94a3b8;padding:28px 16px;font-size:13px}@media (width<=980px){.sm-stats-grid,.sm-two-col,.sm-profile-grid,.sm-dashboard-stats,.sm-dashboard-quick-grid,.sm-attendance-stats,.sm-fee-stats,.sm-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-dashboard-grid,.sm-profile-layout{grid-template-columns:1fr}}@media (width<=720px){.sm-page-header,.sm-toolbar{flex-direction:column;align-items:stretch}.sm-stats-grid,.sm-two-col,.sm-profile-grid,.sm-dashboard-stats,.sm-dashboard-quick-grid,.sm-dashboard-profile-grid,.sm-attendance-stats,.sm-fee-stats,.sm-report-stats{grid-template-columns:1fr}.sm-dashboard-stat,.sm-attendance-stat,.sm-fee-stat,.sm-report-stat,.sm-dashboard-quick-card{grid-template-columns:48px minmax(0,1fr)}.sm-report-summary-row{grid-template-columns:56px minmax(0,1fr)}.sm-report-summary-row>.sm-pill{grid-column:2;justify-self:start}.sm-dashboard-quick-card>.sm-dash-icon-svg{display:none}.sm-dashboard-icon{width:46px;height:46px}.sm-dashboard-note{flex-wrap:wrap;align-items:flex-start}.sm-profile-hero,.sm-profile-identity,.sm-profile-name-row{flex-direction:column;align-items:flex-start}.sm-profile-hero-art{display:none}.sm-profile-row,.sm-profile-row.no-icon{grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon label""icon value";padding:10px 0}.sm-profile-row.no-icon{grid-template-areas:"label label""value value"}.sm-profile-fee-grid{grid-template-columns:1fr}}