@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--font-family-primary:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Helvetica Neue", sans-serif;--font-family-mono:"SF Mono", Monaco, "Courier New", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tight:-.5px;--letter-spacing-normal:0;--letter-spacing-wide:.5px;--color-primary-light:#e0e7ff;--color-primary-lighter:#dbeafe;--color-primary-base:#377dff;--color-primary-dark:#4f46e5;--color-primary-darker:#4338ca;--color-secondary-light:#f3e8ff;--color-secondary-base:#8b5cf6;--color-secondary-dark:#7c3aed;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success-light:#d1fae5;--color-success-base:#10b981;--color-success-dark:#059669;--color-warning-light:#fef3c7;--color-warning-base:#f59e0b;--color-warning-dark:#d97706;--color-danger-light:#fee2e2;--color-danger-base:#ef4444;--color-danger-dark:#dc2626;--color-info-light:#dbeafe;--color-info-base:#3b82f6;--color-info-dark:#1d4ed8;--color-surface-default:#fff;--color-surface-light:#f8fafc;--color-surface-lighter:#f1f5f9;--color-surface-overlay:#00000080;--color-text-primary:#0f172a;--color-text-secondary:#1e293b;--color-text-tertiary:#475569;--color-text-light:#64748b;--color-text-lighter:#94a3b8;--color-text-lightest:#cbd5e1;--color-text-inverse:#fff;--color-accent-pink:#ec4899;--color-accent-purple:#a855f7;--color-accent-blue:#0ea5e9;--color-accent-cyan:#06b6d4;--color-accent-teal:#14b8a6}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#fff}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}p{font-family:var(--font-family-primary);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}input,textarea,select{font-family:var(--font-family-primary);font-size:var(--font-size-base)}code,pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (width<=768px){html{font-size:15px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (width<=480px){html{font-size:14px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.erp-root{opacity:0;background:#f4f7fb;width:100%;min-height:100vh;font-family:DM Sans,Segoe UI,sans-serif;transition:opacity .45s;display:flex}.erp-root--in{opacity:1}.erp-sidebar{flex-shrink:0;width:450px;min-width:450px;min-height:100vh;position:relative;overflow:hidden}.erp-slide{opacity:0;z-index:0;transition:opacity 1s;position:absolute;inset:0}.erp-slide--active{opacity:1;z-index:1}.erp-slide-img{object-fit:cover;object-position:center;width:100%;height:100%;animation:9s ease-in-out infinite alternate kenBurns;display:block}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-16px)}}.erp-overlay{z-index:2;background:#050c1c8c;position:absolute;inset:0}.erp-sidebar-content{z-index:3;flex-direction:column;padding:2.25rem 2rem;display:flex;position:absolute;inset:0}.erp-logo-wrap{align-items:center;gap:12px;animation:.6s .1s both fadeDown;display:flex}.erp-logo-tile{-webkit-backdrop-filter:blur(8px);border:2px solid #ffb300a6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 18px #0000001f}.erp-logo-tile:hover{transform:scale(1.1)rotate(-5deg)}.erp-logo-letters{color:#ffb300;letter-spacing:1px;font-family:Syne,sans-serif;font-size:18px;font-weight:800}.erp-logo-meta{flex-direction:column;gap:2px;display:flex}.erp-logo-name{color:#fff;letter-spacing:.4px;text-shadow:0 1px 6px #0006;font-family:Syne,sans-serif;font-size:19px;font-weight:800}.erp-logo-sys{letter-spacing:2.5px;color:#ffffff80;text-transform:uppercase;font-size:9.5px}.erp-caption-wrap{flex:1;align-items:flex-end;padding-bottom:1.75rem;display:flex;position:relative}.erp-caption{opacity:0;pointer-events:none;transition:opacity .7s,transform .7s;position:absolute;bottom:1.75rem;left:0;right:0;transform:translateY(14px)}.erp-caption--active{opacity:1;pointer-events:auto;transform:translateY(0)}.erp-caption-title{color:#fff;letter-spacing:-.3px;text-shadow:0 2px 12px #00000080;margin-bottom:8px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.erp-caption-sub{color:#ffffffa6;max-width:280px;font-size:13.5px;line-height:1.55}.erp-sidebar-bottom{flex-direction:column;gap:14px;display:flex}.erp-carousel-controls{align-items:center;gap:12px;display:flex}.erp-nav-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,border-color .2s,transform .2s;display:flex}.erp-nav-btn:hover{background:#ffffff38;border-color:#fff9;transform:scale(1.08)}.erp-dots{flex:1;align-items:center;gap:7px;display:flex}.erp-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;flex-shrink:0;width:7px;height:7px;padding:0;transition:background .3s,transform .3s,width .3s}.erp-dot--active{background:#ffb300;border-radius:4px;width:22px;transform:scaleY(1)}.erp-url-badge{color:#ffb300bf;letter-spacing:.3px;align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:inline-flex}.erp-url-dot{background:#ffb300;border-radius:50%;width:7px;height:7px;animation:2.2s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.erp-main{background:#f4f7fb;flex-direction:column;flex:1;padding:3rem 3rem 3rem 3.5rem;animation:.55s .15s both mainIn;display:flex;overflow-y:auto}@keyframes mainIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.erp-date-pill{color:#5a7a99;background:#dde8f5;border:1px solid #c4d8ee;border-radius:20px;align-items:center;gap:7px;width:fit-content;margin-bottom:1.35rem;padding:5px 13px;font-size:12px;font-weight:500;display:inline-flex}.erp-title{color:#0d1b30;letter-spacing:-.4px;margin-bottom:.65rem;font-family:Syne,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.15}.erp-title-em{color:#1a5fc8}.erp-subtitle{color:#5c6e85;max-width:480px;margin-bottom:2.25rem;font-size:14.5px;line-height:1.65}.erp-cards{flex-direction:column;gap:14px;max-width:600px;display:flex}.erp-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e1eaf4;border-left:4px solid #0000;border-radius:14px;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,border-color .2s;animation:.4s both cardIn;display:flex;box-shadow:0 1px 4px #0000000a}@keyframes cardIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.erp-card:hover{transform:translate(6px);box-shadow:0 8px 28px #00000017}.erp-card-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:flex}.erp-card:hover .erp-card-icon{transform:scale(1.12)rotate(-5deg)}.erp-card-body{flex:1;min-width:0}.erp-card-name{color:#0d1b30;margin-bottom:4px;font-family:Syne,sans-serif;font-size:15.5px;font-weight:700;line-height:1.2}.erp-card-desc{color:#6b8099;font-size:12.5px;line-height:1.55}.erp-card-arrow{color:#cbd5e1;flex-shrink:0;transition:color .2s,transform .22s}.erp-card:hover .erp-card-arrow{transform:translate(4px)}.erp-card--blue .erp-card-icon{color:#1a5fc8;background:#e6f0fb}.erp-card--blue{border-left-color:#1a5fc8}.erp-card--blue:hover .erp-card-arrow{color:#1a5fc8}.erp-card--blue:hover{border-color:#b5ceee #b5ceee #b5ceee #1a5fc8}.erp-card--teal .erp-card-icon{color:#0f6e56;background:#e1f5ee}.erp-card--teal{border-left-color:#0f6e56}.erp-card--teal:hover .erp-card-arrow{color:#0f6e56}.erp-card--teal:hover{border-color:#9fe1cb #9fe1cb #9fe1cb #0f6e56}.erp-card--orange .erp-card-icon{color:#ffb300;background:#fff1e6}.erp-card--orange{border-left-color:#ffb300}.erp-card--orange:hover .erp-card-arrow{color:#ffb300}.erp-card--orange:hover{border-color:bisque bisque bisque #ffb300}.erp-card--purple .erp-card-icon{color:#534ab7;background:#eeedfe}.erp-card--purple{border-left-color:#534ab7}.erp-card--purple:hover .erp-card-arrow{color:#534ab7}.erp-card--purple:hover{border-color:#cecbf6 #cecbf6 #cecbf6 #534ab7}.erp-foot-note{color:#a0b0c4;margin-top:auto;padding-top:2rem;font-size:12px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.erp-root{flex-direction:column}.erp-sidebar{width:100%;min-width:unset;height:260px;min-height:260px}.erp-sidebar-content{padding:1.5rem}.erp-caption-title{font-size:20px}.erp-caption-sub{font-size:12.5px}.erp-caption{bottom:1.25rem}.erp-main{padding:1.75rem 1.5rem 2.5rem}.erp-cards{max-width:100%}}@media (width<=540px){.erp-sidebar{height:220px}.erp-main{padding:1.25rem 1rem 2rem}.erp-title{font-size:22px}.erp-subtitle{font-size:13.5px}.erp-card{gap:12px;padding:14px 16px}.erp-card-icon{border-radius:11px;width:42px;height:42px}.erp-card-name{font-size:14px}.erp-card-desc{font-size:12px}.erp-caption-title{font-size:17px}}.sidebar{-webkit-user-select:none;user-select:none;z-index:999;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:200px;min-height:100vh;transition:width .25s,transform .3s;display:flex;position:relative}.sidebar.collapsed{width:64px}.sidebar-close-btn{cursor:pointer;color:#64748b;z-index:10;background-color:#0000;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:none;position:absolute;top:16px;right:16px}.sidebar-close-btn:hover{color:#3b82f6;background-color:#f8fafc;border-color:#cbd5e1}.sidebar-close-btn svg{width:20px;height:20px}.logoArea{cursor:pointer;border-bottom:1px solid #e2e9f6;align-items:center;gap:10px;padding:18px 16px 11px;display:flex}.logoIcon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.logoText{flex-direction:column;margin-top:6px;display:flex}.logoTitle{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2}.logoSubtitle{color:#94a3b8;font-size:10px}.nav{scrollbar-width:none;flex:1;padding:10px 0;overflow-y:auto}.nav::-webkit-scrollbar{display:none}.section{margin-bottom:6px}.sectionTitle{color:#292d32;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:10px 16px 4px;font-size:9px;font-weight:700}.navItem{cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:10px;margin:1px 8px;padding:9px 16px;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.navItem:hover{background-color:#e2e8f0}.navItem.active{background-color:#dbeafe}.navItem.collapsed{justify-content:center;padding:10px 0}.activeDot{border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navLabel{color:#292d32;white-space:nowrap;flex:1;font-size:15px;font-weight:400}.navLabel.active{color:#1e293b;font-weight:600}.badge{color:#fff;background-color:#ef4444;border-radius:9999px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.6}.userArea{border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 14px;display:flex}.userArea.collapsed{justify-content:center;padding:12px 0}.userAvatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.userName{color:#0f172a;font-size:11px;font-weight:600}.userEmail{color:#94a3b8;font-size:10px}@media (width<=1024px){.sidebar{width:180px}.sidebar.collapsed{width:60px}.navLabel,.logoTitle{font-size:12px}}@media (width<=768px){.sidebar{z-index:999;scrollbar-width:thin;flex-direction:column;width:240px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)!important}.sidebar.collapsed{width:240px;transform:translate(-100%)}.sidebar-close-btn{display:flex}.logoArea{padding:16px 12px}.navItem{margin:2px 6px;padding:10px 12px;font-size:13px}.navLabel{font-size:12px;font-weight:500}.userArea{padding:10px 12px}}@media (width<=480px){.sidebar{z-index:999;scrollbar-width:thin;flex-direction:column;width:240px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)!important}.sidebar.collapsed{width:240px;transform:translate(-100%)}.sidebar-close-btn{display:flex}.logoArea{gap:8px;padding:14px 10px}.logoIcon{width:30px;height:30px;font-size:11px}.logoIcon img{width:20px;height:20px}.logoTitle{font-size:11px}.logoSubtitle{font-size:9px}.sectionTitle{padding:8px 12px 3px;font-size:8px}.navItem{gap:8px;margin:1px 4px;padding:8px 10px}.navLabel{font-size:11px}.badge{padding:0 4px;font-size:8px}.userArea{padding:8px 10px}.userAvatar{width:26px;height:26px;font-size:10px}.userName{font-size:10px}.userEmail{font-size:9px}}.topbar{z-index:100;background-color:#fff;border-bottom:1px solid #e2e9f6;justify-content:space-between;align-items:center;height:70px;padding:16px 30px;display:flex;position:sticky;top:0;box-shadow:0 4px 4px #7e80851a}.topbar-left{flex:1;align-items:center;gap:16px;display:flex}.mobile-menu-btn{cursor:pointer;color:#64748b;background-color:#0000;border:1px solid #e2e9f6;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:none}.mobile-menu-btn:hover{color:#3b82f6;background-color:#f8fafc;border-color:#e2e9f6}.breadcrumbs{align-items:center;gap:8px;display:flex}.breadcrumb-separator{color:#cbd5e1;font-size:18px}.breadcrumb-link{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-link.active{color:#0f172a;font-weight:600}.topbar-right{align-items:center;gap:20px;margin-left:auto;display:flex}.search-container{align-items:center;width:220px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;left:12px}.search-input{color:#1e293b;background-color:#f3f6fc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px 8px 38px;font-size:13px;transition:all .3s}.search-input::placeholder{color:#94a3b8}.search-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.topbar-icon-btn{cursor:pointer;color:#64748b;background-color:#0000;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.topbar-icon-btn:hover{color:#3b82f6;background-color:#f8fafc;border-color:#e2e9f6}.notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.user-profile{position:relative}.profile-button{cursor:pointer;background-color:#eef2ff;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;transition:all .3s;display:flex}.profile-button:hover{border-color:1px solid #377dff;background-color:#eef2ff}.top-profile-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f14d}.top-profile-avatar img{object-fit:cover;background-color:#ffffff1a;border-radius:50%;width:100%;height:100%}.top-profile-info{text-align:left;flex-direction:column;min-width:100px;max-width:150px;display:flex}.top-profile-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.top-profile-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.dropdown-icon{color:#64748b;flex-shrink:0;width:20px;height:20px;transition:transform .3s}.dropdown-icon.active{color:#6366f1;transform:rotate(180deg)}.profile-dropdown{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;margin-top:8px;animation:.2s slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#1e293b;text-align:left;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#3b82f6;background-color:#f8fafc}.dropdown-divider{border:none;border-top:1px solid #e2e8f0;margin:4px 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{color:#dc2626;background-color:#fee2e2}.mobile-backdrop{display:block!important}@media (width<=1024px){.topbar{padding:12px 20px}.search-container{width:180px}.top-profile-info,.top-profile-name,.top-profile-role,.top-profile-email{display:none}.profile-button{padding:8px}}@media (width<=768px){.topbar{flex-wrap:nowrap;gap:12px;height:70px;padding:12px 16px}.topbar-left{flex:0;order:1;align-items:center;gap:12px;width:auto;display:flex}.topbar-right{flex:1;order:2;justify-content:flex-end;gap:10px;width:auto}.mobile-menu-btn{display:flex}.breadcrumbs{gap:4px;display:none}.breadcrumb-link{font-size:12px;display:none}.search-container{flex:0;width:150px}.topbar-icon-btn{width:40px;height:40px}.profile-button{gap:8px;padding:8px 12px}.top-profile-avatar{width:32px;height:32px;font-size:11px}.top-profile-name{font-size:13px}.top-profile-role{font-size:10px}.top-profile-info{display:flex}.dropdown-icon{width:16px;height:16px}.profile-dropdown{min-width:160px}}@media (width<=600px){.topbar{gap:8px;height:64px;padding:10px 12px}.topbar-left,.topbar-right{gap:8px}.mobile-menu-btn{width:36px;height:36px}.search-container{width:120px}.search-input{padding:6px 10px 6px 30px;font-size:11px}.search-icon{width:14px;height:14px;left:8px}.notification-badge{width:18px;height:18px;font-size:10px}.topbar-icon-btn{width:36px;height:36px}.profile-button{padding:6px 10px}.top-profile-avatar{width:30px;height:30px;font-size:10px}.top-profile-name{font-size:12px}.top-profile-role{font-size:9px}.dropdown-icon{width:14px;height:14px}}@media (width<=480px){.topbar{gap:6px;height:60px;padding:8px 10px}.topbar-left,.topbar-right{gap:6px}.mobile-menu-btn{width:36px;height:36px}.mobile-menu-btn svg{width:20px;height:20px}.search-container{width:100px;display:none}.notification-badge{width:16px;height:16px;font-size:9px;top:-4px;right:-4px}.topbar-icon-btn{width:36px;height:36px}.profile-button{border-radius:4px;gap:4px;padding:6px 8px}.top-profile-avatar{width:28px;height:28px;font-size:9px}.top-profile-name,.top-profile-role,.top-profile-email,.top-profile-info{display:none}.dropdown-icon{width:14px;height:14px}.profile-dropdown{min-width:140px;right:-10px}.dropdown-item{padding:10px 12px;font-size:12px}.session-label{display:none}.session-selector-btn{gap:4px;padding:6px 8px}.session-value{font-size:12px}}.session-selector-container{align-items:center;display:flex;position:relative}.session-selector-btn{background:var(--bg-secondary,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.session-selector-btn:hover{background:var(--bg-hover,#e2e8f0)}.session-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500}.session-value{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:600}.session-dropdown-menu{border:1px solid var(--border-color,#e2e8f0);z-index:100;background:#fff;border-radius:12px;width:220px;padding:8px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.session-dropdown-header{text-transform:uppercase;color:var(--text-secondary,#64748b);letter-spacing:.05em;padding:8px 12px;font-size:.75rem;font-weight:600}.session-dropdown-item{text-align:left;width:100%;color:var(--text-primary,#1e293b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.875rem;transition:all .15s;display:flex}.session-dropdown-item:hover{background:var(--bg-hover,#f1f5f9)}.session-dropdown-item.active{background:var(--primary-light,#eff6ff);color:var(--primary-color,#2563eb);font-weight:500}.session-badge-default{color:#166534;background:#dcfce7;border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:600}.session-dropdown-divider{background:var(--border-color,#e2e8f0);height:1px;margin:6px 0}.manage-sessions-btn{color:var(--text-secondary,#64748b);justify-content:flex-start;gap:8px}.manage-sessions-btn:hover{color:var(--primary-color,#2563eb)}.manage-icon{opacity:.7}.global-loader-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.global-loader-container.fullscreen{z-index:9999;background-color:#f5f7fb;width:100vw;height:100vh;position:fixed;top:0;left:0}.global-loader-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite global-spinner-spin}@keyframes global-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.management-sidebar{z-index:10;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:200px;transition:width .3s,box-shadow .3s;display:flex;position:relative;overflow-y:auto}.management-sidebar.collapsed{width:80px}.management-sidebar .logoArea{cursor:pointer;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:20px 16px;transition:all .3s;display:flex}.management-sidebar .logoIcon{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex}.management-sidebar .logoIcon img{border-radius:4px;width:50px;height:50px}.management-sidebar .logoArea:hover .logoIcon{background:#e2e8f0}.management-sidebar .logoText{flex-direction:column;flex:1;min-width:0;display:flex}.management-sidebar .logoTitle{color:#0f172a;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.management-sidebar .logoSubtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.2;display:block;overflow:hidden}.management-sidebar .nav{flex:1;padding:16px 8px;overflow-y:auto}.management-sidebar .section{margin-bottom:16px}.management-sidebar .sectionTitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;margin:0 0 8px;padding:0 12px 8px;font-size:11px;font-weight:700}.management-sidebar .navList{margin:0;padding:0;list-style:none}.management-sidebar .navLink{color:#64748b;border-left:3px solid #0000;border-radius:8px;align-items:center;margin:4px 0;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.management-sidebar .navLink:hover{color:#1e293b;background:#f8fafc}.management-sidebar .navLink.active{color:#3b82f6;background:#eff6ff;border-left-color:#3b82f6;font-weight:600}.management-sidebar .navContent{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.management-sidebar .iconWrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.management-sidebar .dot{border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.management-sidebar .iconWrapper svg{width:20px;height:20px}.management-sidebar .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.management-sidebar .badge{color:#fff;background:#ef4444;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.management-sidebar.collapsed .label,.management-sidebar.collapsed .badge{display:none}.management-sidebar .navSubList{margin:4px 0 0;padding:0 0 0 44px;list-style:none}.management-sidebar .navSubLink{color:#64748b;border-radius:6px;margin:2px 0;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:block}.management-sidebar .navSubLink:hover{color:#1e293b;background:#f8fafc}.management-sidebar .navSubLink.active{color:#3b82f6;background:#eff6ff;font-weight:500}.management-sidebar::-webkit-scrollbar{width:6px}.management-sidebar::-webkit-scrollbar-track{background:0 0}.management-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.management-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.management-sidebar .sidebar-close-btn{cursor:pointer;color:#1e293b;z-index:20;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s;display:none;position:absolute;top:16px;right:16px}.management-sidebar .sidebar-close-btn:hover{background:#f1f5f9}@media (width<=1024px){.management-sidebar.collapsed{width:70px}.management-sidebar .logoArea{padding:16px 12px}}@media (width<=768px){.management-sidebar{z-index:40;height:100vh;transition:left .3s,box-shadow .3s;position:fixed;top:0;left:-260px;box-shadow:2px 0 8px #0000001a}.management-sidebar.open{left:0}.management-sidebar.collapsed{width:260px}.management-sidebar .sidebar-close-btn{justify-content:center;align-items:center;display:flex}.management-sidebar .navLink{padding:12px}.management-sidebar .label{font-size:14px}}@media (width<=600px){.management-sidebar{width:280px;left:-280px;box-shadow:4px 0 24px #00000026}.management-sidebar.open{left:0}.management-sidebar .logoArea{padding:14px 12px}.management-sidebar .sectionTitle{font-size:10px}.management-sidebar .navLink{padding:10px 12px}.management-sidebar .label{font-size:13px}}.Teachers-sidebar{z-index:10;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:200px;transition:width .3s,box-shadow .3s;display:flex;position:relative;overflow-y:auto}.Teachers-sidebar.collapsed{width:80px}.Teachers-sidebar .logoArea{cursor:pointer;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:20px 16px;transition:all .3s;display:flex}.Teachers-sidebar .logoIcon{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex}.Teachers-sidebar .logoIcon img{border-radius:4px;width:50px;height:50px}.Teachers-sidebar .logoArea:hover .logoIcon{background:#e2e8f0}.Teachers-sidebar .logoText{flex-direction:column;flex:1;min-width:0;display:flex}.Teachers-sidebar .logoTitle{color:#0f172a;font-size:16px;font-weight:700;line-height:1.2}.Teachers-sidebar .logoSubtitle{color:#64748b;font-size:11px;font-weight:500;line-height:1.2}.Teachers-sidebar .nav{flex:1;padding:16px 8px;overflow-y:auto}.Teachers-sidebar .section{margin-bottom:16px}.Teachers-sidebar .sectionTitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;margin:0 0 8px;padding:0 12px 8px;font-size:11px;font-weight:700}.Teachers-sidebar .navList{margin:0;padding:0;list-style:none}.Teachers-sidebar .navLink{color:#64748b;border-left:3px solid #0000;border-radius:8px;align-items:center;margin:4px 0;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.Teachers-sidebar .navLink:hover{color:#1e293b;background:#f8fafc}.Teachers-sidebar .navLink.active{color:#3b82f6;background:#eff6ff;border-left-color:#3b82f6;font-weight:600}.Teachers-sidebar .navContent{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.Teachers-sidebar .iconWrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.Teachers-sidebar .dot{border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.Teachers-sidebar .iconWrapper svg{width:20px;height:20px}.Teachers-sidebar .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.Teachers-sidebar .badge{color:#fff;background:#ef4444;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.Teachers-sidebar.collapsed .label,.Teachers-sidebar.collapsed .badge{display:none}.Teachers-sidebar::-webkit-scrollbar{width:6px}.Teachers-sidebar::-webkit-scrollbar-track{background:0 0}.Teachers-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.Teachers-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.Teachers-sidebar .sidebar-close-btn{cursor:pointer;color:#1e293b;z-index:20;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s;display:none;position:absolute;top:16px;right:16px}.Teachers-sidebar .sidebar-close-btn:hover{background:#f1f5f9}@media (width<=1024px){.Teachers-sidebar.collapsed{width:70px}.Teachers-sidebar .logoArea{padding:16px 12px}}@media (width<=768px){.Teachers-sidebar{z-index:9999;width:280px;height:100vh;transition:left .3s,box-shadow .3s;position:fixed;top:0;left:-280px;box-shadow:2px 0 8px #0003}.Teachers-sidebar.open{left:0}.Teachers-sidebar.collapsed{width:280px}.Teachers-sidebar .sidebar-close-btn{justify-content:center;align-items:center;display:flex}.Teachers-sidebar .navLink{padding:12px}.Teachers-sidebar .label{font-size:14px}}@media (width<=600px){.Teachers-sidebar{width:280px;left:-280px}.Teachers-sidebar.open{left:0}.Teachers-sidebar .logoArea{padding:14px 12px}.Teachers-sidebar .sectionTitle{font-size:10px}.Teachers-sidebar .navLink{padding:10px 12px}.Teachers-sidebar .label{font-size:13px}}:root{--sfb-font:"Figtree", system-ui, sans-serif;--sfb-color-bg:#fff;--sfb-color-surface:#f8fafc;--sfb-color-border:#e2e8f0;--sfb-color-border-focus:#93c5fd;--sfb-color-text-primary:#1e293b;--sfb-color-text-secondary:#64748b;--sfb-color-text-placeholder:#94a3b8;--sfb-color-text-muted:#94a3b8;--sfb-color-primary:#2563eb;--sfb-color-primary-hover:#1d4ed8;--sfb-color-primary-text:#fff;--sfb-color-danger:#dc2626;--sfb-color-danger-hover:#b91c1c;--sfb-color-active-bg:#eff6ff;--sfb-color-active-text:#2563eb;--sfb-color-menu-shadow:0 8px 24px #0f172a1f, 0 2px 6px #0f172a0f;--sfb-radius-sm:6px;--sfb-radius-md:10px;--sfb-radius-lg:14px;--sfb-height:44px;--sfb-trans:.18s cubic-bezier(.4, 0, .2, 1)}.sfb-bar{background:var(--sfb-color-bg);border:1px solid var(--sfb-color-border);border-radius:var(--sfb-radius-lg);font-family:var(--sfb-font);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0f172a0d}.sfb-bar__left{flex:200px;min-width:0}.sfb-bar__right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sfb-bar__actions{border-left:1px solid var(--sfb-color-border);align-items:center;gap:6px;margin-left:4px;padding-left:10px;display:flex}.sfb-search{align-items:center;width:100%;display:flex;position:relative}.sfb-search__icon{color:var(--sfb-color-text-muted);pointer-events:none;flex-shrink:0;display:flex;position:absolute;left:12px}.sfb-search__icon svg{width:16px;height:16px}.sfb-search__input{width:100%;height:var(--sfb-height);border:1.5px solid var(--sfb-color-border);border-radius:var(--sfb-radius-md);background:var(--sfb-color-surface);font-family:var(--sfb-font);color:var(--sfb-color-text-primary);transition:border-color var(--sfb-trans), box-shadow var(--sfb-trans), background var(--sfb-trans);-webkit-appearance:none;outline:none;padding:0 36px 0 38px;font-size:14px;font-weight:400}.sfb-search__input::placeholder{color:var(--sfb-color-text-placeholder)}.sfb-search__input:hover{background:var(--sfb-color-bg);border-color:#cbd5e1}.sfb-search__input:focus{border-color:var(--sfb-color-primary);background:var(--sfb-color-bg);box-shadow:0 0 0 3px #2563eb1f}.sfb-search__clear{cursor:pointer;width:22px;height:22px;color:var(--sfb-color-text-secondary);transition:background var(--sfb-trans), color var(--sfb-trans);background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:10px}.sfb-search__clear:hover{color:var(--sfb-color-text-primary);background:#cbd5e1}.sfb-search__clear svg{width:9px;height:9px}.sfb-dropdown{flex-direction:column;flex-shrink:0;gap:4px;display:flex;position:relative}.sfb-dropdown__label{letter-spacing:.07em;text-transform:uppercase;color:var(--sfb-color-text-muted);padding:0 2px;font-size:10px;font-weight:700;line-height:1}.sfb-dropdown__trigger{height:var(--sfb-height);border:1.5px solid var(--sfb-color-border);border-radius:var(--sfb-radius-md);background:var(--sfb-color-bg);font-family:var(--sfb-font);color:var(--sfb-color-text-primary);cursor:pointer;white-space:nowrap;transition:border-color var(--sfb-trans), background var(--sfb-trans), box-shadow var(--sfb-trans);align-items:center;gap:8px;min-width:110px;padding:0 12px;font-size:13.5px;font-weight:500;display:flex}.sfb-dropdown__trigger:hover{background:var(--sfb-color-surface);border-color:#cbd5e1}.sfb-dropdown--open .sfb-dropdown__trigger{border-color:var(--sfb-color-primary);box-shadow:0 0 0 3px #2563eb1f}.sfb-dropdown__trigger:focus-visible{border-color:var(--sfb-color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.sfb-dropdown__value{text-align:left;flex:1}.sfb-dropdown__value--placeholder{color:var(--sfb-color-text-secondary)}.sfb-dropdown__arrow{color:var(--sfb-color-text-muted);transition:transform var(--sfb-trans);flex-shrink:0;display:flex}.sfb-dropdown--open .sfb-dropdown__arrow{transform:rotate(180deg)}.sfb-dropdown__arrow svg{width:10px;height:10px}.sfb-dropdown__menu{background:var(--sfb-color-bg);border:1px solid var(--sfb-color-border);border-radius:var(--sfb-radius-md);min-width:100%;box-shadow:var(--sfb-color-menu-shadow);z-index:100;margin:0;padding:4px;list-style:none;animation:.16s cubic-bezier(.34,1.56,.64,1) both sfb-menu-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes sfb-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sfb-dropdown__item{border-radius:var(--sfb-radius-sm);color:var(--sfb-color-text-primary);cursor:pointer;transition:background var(--sfb-trans), color var(--sfb-trans);white-space:nowrap;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.sfb-dropdown__item:hover{background:var(--sfb-color-surface)}.sfb-dropdown__item--active{background:var(--sfb-color-active-bg);color:var(--sfb-color-active-text);font-weight:600}.sfb-dropdown__item-icon{font-size:15px;line-height:1;display:flex}.sfb-dropdown__badge{color:var(--sfb-color-text-secondary);background:#e2e8f0;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sfb-action{border-radius:var(--sfb-radius-md);font-family:var(--sfb-font);cursor:pointer;transition:background var(--sfb-trans), color var(--sfb-trans), border-color var(--sfb-trans), box-shadow var(--sfb-trans), transform .1s;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}.sfb-action:active:not(:disabled){transform:scale(.96)}.sfb-action:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.sfb-action:disabled{opacity:.45;cursor:not-allowed}.sfb-action--sm{height:34px;padding:0 12px;font-size:12.5px}.sfb-action--md{height:var(--sfb-height);padding:0 14px;font-size:13.5px}.sfb-action--lg{height:50px;padding:0 20px;font-size:15px}.sfb-action--default{background:var(--sfb-color-bg);border-color:var(--sfb-color-border);color:var(--sfb-color-text-primary)}.sfb-action--default:hover:not(:disabled){background:var(--sfb-color-surface);border-color:#cbd5e1}.sfb-action--primary{background:var(--sfb-color-primary);border-color:var(--sfb-color-primary);color:var(--sfb-color-primary-text);box-shadow:0 2px 8px #2563eb47}.sfb-action--primary:hover:not(:disabled){background:var(--sfb-color-primary-hover);border-color:var(--sfb-color-primary-hover);box-shadow:0 4px 14px #2563eb5c}.sfb-action--danger{background:var(--sfb-color-bg);color:var(--sfb-color-danger);border-color:#fecaca}.sfb-action--danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.sfb-action--ghost{color:var(--sfb-color-text-secondary);background:0 0;border-color:#0000}.sfb-action--ghost:hover:not(:disabled){background:var(--sfb-color-surface);color:var(--sfb-color-text-primary)}.sfb-action__icon{flex-shrink:0;align-items:center;display:flex}.sfb-action__label{flex-shrink:0}@media (width<=768px){.sfb-bar{gap:8px;padding:10px 12px}.sfb-bar__left{flex:100%}.sfb-bar__right{flex:100%;justify-content:flex-start}.sfb-dropdown__trigger{min-width:90px;font-size:13px}}@media (width<=520px){.sfb-bar{border-radius:var(--sfb-radius-md);padding:10px}.sfb-bar__right{gap:6px}.sfb-bar__actions{border-left:none;justify-content:flex-end;width:100%;margin-left:0;padding-left:0}.sfb-dropdown{flex:calc(33% - 6px)}.sfb-dropdown__trigger{min-width:unset;width:100%;padding:0 9px;font-size:12.5px}.sfb-action--md{height:40px;padding:0 12px;font-size:13px}.sfb-action__label{display:none}.sfb-action--primary .sfb-action__label{display:inline}}@media (prefers-reduced-motion:reduce){.sfb-dropdown__menu,.sfb-action,.sfb-dropdown__trigger,.sfb-search__input,.sfb-search__clear{transition:none;animation:none}}.ec-grid-wrap{font-family:var(--ec-font)}.ec-grid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ec-grid-header__left{align-items:center;gap:10px;display:flex}.ec-grid-title{color:var(--ec-t1);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.ec-grid-count{color:#1e40af;min-width:26px;height:22px;font-size:12px;font-weight:700;font-family:var(--ec-font-mono);background:#dbeafe;border-radius:20px;justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.ec-view-toggle{background:var(--ec-surface);border:1px solid var(--ec-border);border-radius:var(--ec-radius-sm);align-items:center;gap:2px;padding:3px;display:flex}.ec-view-btn{font-family:var(--ec-font);color:var(--ec-t3);cursor:pointer;transition:background var(--ec-trans), color var(--ec-trans);background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.ec-view-btn--active{background:var(--ec-bg);color:var(--ec-t1);font-weight:600;box-shadow:0 1px 3px #0f19321a}.ec-grid--cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.ec-grid--list{flex-direction:column;gap:10px;display:flex}.ec-grid--list .ec-card{flex-flow:wrap;align-items:center;gap:10px 20px;padding:14px 20px}.ec-grid--list .ec-card__head{flex-direction:column;flex:200px;align-items:flex-start;gap:4px}.ec-grid--list .ec-card__date,.ec-grid--list .ec-card__classes{flex-shrink:0}.ec-grid--list .ec-card__stats{flex:auto}.ec-grid--list .ec-card__mid{min-height:unset;flex:120px}.ec-grid--list .ec-card__footer{border-top:none;flex:none;padding-top:0}:root{--ec-font:"DM Sans", system-ui, sans-serif;--ec-font-mono:"DM Mono", monospace;--ec-bg:#fff;--ec-surface:#f8fafc;--ec-border:#e8edf3;--ec-border-h:#d1dbe8;--ec-shadow:0 1px 4px #0f19320f, 0 4px 16px #0f19320f;--ec-shadow-h:0 4px 12px #0f193217, 0 12px 32px #0f193217;--ec-t1:#0f1825;--ec-t2:#4a5568;--ec-t3:#8898aa;--ec-final-bg:#fff3e0;--ec-final-t:#e65100;--ec-final-b:#ffcc80;--ec-unit-bg:#e3f2fd;--ec-unit-t:#1565c0;--ec-unit-b:#90caf9;--ec-mid-bg:#f3e5f5;--ec-mid-t:#6a1b9a;--ec-mid-b:#ce93d8;--ec-practical-bg:#e8f5e9;--ec-practical-t:#1b5e20;--ec-practical-b:#a5d6a7;--ec-default-bg:#eceff1;--ec-default-t:#37474f;--ec-default-b:#b0bec5;--ec-upcoming-bg:#f0f4ff;--ec-upcoming-t:#3b5bdb;--ec-upcoming-b:#bac8ff;--ec-ongoing-bg:#fff9e6;--ec-ongoing-t:#b45309;--ec-ongoing-b:#fcd34d;--ec-completed-bg:#ecfdf5;--ec-completed-t:#065f46;--ec-completed-b:#6ee7b7;--ec-scheduled-bg:#faf5ff;--ec-scheduled-t:#6b21a8;--ec-scheduled-b:#d8b4fe;--ec-published-bg:#ecfeff;--ec-published-t:#155e75;--ec-published-b:#67e8f9;--ec-prog-track:#e8edf3;--ec-prog-fill:#22c55e;--ec-final-accent:#f97316;--ec-unit-accent:#3b82f6;--ec-mid-accent:#a855f7;--ec-practical-accent:#22c55e;--ec-default-accent:#94a3b8;--ec-radius-card:14px;--ec-radius-sm:7px;--ec-radius-xs:5px;--ec-trans:.2s cubic-bezier(.4, 0, .2, 1)}.ec-card{background:var(--ec-bg);border:1.5px solid var(--ec-border);border-radius:var(--ec-radius-card);box-shadow:var(--ec-shadow);transition:box-shadow var(--ec-trans), border-color var(--ec-trans), transform var(--ec-trans);font-family:var(--ec-font);animation:ec-fade-up .4s var(--ec-delay,0s) cubic-bezier(.34,1.2,.64,1) both;flex-direction:column;gap:12px;padding:20px 20px 16px;display:flex;position:relative;overflow:hidden}@keyframes ec-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ec-card:hover{box-shadow:var(--ec-shadow-h);border-color:var(--ec-border-h);transform:translateY(-2px)}.ec-card:before{content:"";border-radius:var(--ec-radius-card) 0 0 var(--ec-radius-card);width:3.5px;position:absolute;top:0;bottom:0;left:0}.ec-card--final:before{background:var(--ec-final-accent)}.ec-card--unit-test:before{background:var(--ec-unit-accent)}.ec-card--mid-term:before{background:var(--ec-mid-accent)}.ec-card--practical:before{background:var(--ec-practical-accent)}.ec-card--default:before{background:var(--ec-default-accent)}.ec-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ec-card__title{color:var(--ec-t1);letter-spacing:-.01em;flex:1;margin:0;font-size:15.5px;font-weight:700;line-height:1.3}.ec-type-badge{white-space:nowrap;letter-spacing:.01em;border-radius:20px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ec-type--final{background:var(--ec-final-bg);color:var(--ec-final-t);border:1px solid var(--ec-final-b)}.ec-type--unit{background:var(--ec-unit-bg);color:var(--ec-unit-t);border:1px solid var(--ec-unit-b)}.ec-type--mid{background:var(--ec-mid-bg);color:var(--ec-mid-t);border:1px solid var(--ec-mid-b)}.ec-type--practical{background:var(--ec-practical-bg);color:var(--ec-practical-t);border:1px solid var(--ec-practical-b)}.ec-type--default{background:var(--ec-default-bg);color:var(--ec-default-t);border:1px solid var(--ec-default-b)}.ec-card__date{color:var(--ec-t3);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.ec-card__date svg{flex-shrink:0;width:13px;height:13px}.ec-card__classes{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ec-class-badge{color:#3730a3;width:60px;height:35px;font-size:11.5px;font-weight:700;font-family:var(--ec-font-mono);transition:background var(--ec-trans), transform var(--ec-trans);background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.ec-class-badge:hover{background:#e0e7ff;transform:scale(1.1)}.ec-card__stats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ec-stat{color:var(--ec-t2);align-items:center;gap:5px;font-size:12.5px;display:flex}.ec-stat svg{width:14px;height:14px;color:var(--ec-t3);flex-shrink:0}.ec-stat strong{color:var(--ec-t1);font-weight:700}.ec-card__mid{min-height:20px}.ec-card__no-progress{color:#d1d5db;font-size:16px;line-height:1}.ec-progress{align-items:center;gap:10px;display:flex}.ec-progress__track{background:var(--ec-prog-track);border-radius:99px;flex:1;height:6px;overflow:hidden}.ec-progress__fill{background:var(--ec-prog-fill);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.34,1.2,.64,1)}.ec-progress__label{color:var(--ec-t2);font-size:12px;font-weight:700;font-family:var(--ec-font-mono);text-align:right;min-width:32px}.ec-card__footer{border-top:1px solid var(--ec-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.ec-status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px 4px 7px;font-size:12px;font-weight:600;display:inline-flex}.ec-status-badge svg{flex-shrink:0;width:13px;height:13px}.ec-status--upcoming{background:var(--ec-upcoming-bg);color:var(--ec-upcoming-t);border:1px solid var(--ec-upcoming-b)}.ec-status--ongoing{background:var(--ec-ongoing-bg);color:var(--ec-ongoing-t);border:1px solid var(--ec-ongoing-b)}.ec-status--completed{background:var(--ec-completed-bg);color:var(--ec-completed-t);border:1px solid var(--ec-completed-b)}.ec-status--scheduled{background:var(--ec-scheduled-bg);color:var(--ec-scheduled-t);border:1px solid var(--ec-scheduled-b)}.ec-status--published{background:var(--ec-published-bg);color:var(--ec-published-t);border:1px solid var(--ec-published-b)}.ec-card__btns{align-items:center;gap:6px;display:flex}.ec-btn{border-radius:var(--ec-radius-xs);height:32px;font-family:var(--ec-font);cursor:pointer;border:1.5px solid var(--ec-border);transition:background var(--ec-trans), border-color var(--ec-trans), color var(--ec-trans), transform .1s;white-space:nowrap;background:0 0;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.ec-btn:active{transform:scale(.95)}.ec-btn--ghost{color:var(--ec-t2);border-color:var(--ec-border)}.ec-btn--ghost:hover{background:var(--ec-surface);color:var(--ec-t1);border-color:var(--ec-border-h)}.ec-btn--outline{color:var(--ec-t1);border-color:var(--ec-border-h)}.ec-btn--outline:hover{background:var(--ec-surface);border-color:#aab8c9}.ec-btn--primary{color:#fff;background:#2563eb;border-color:#2563eb}.ec-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.ec-btn--danger{color:#dc2626;border-color:#fecaca}.ec-btn--danger:hover{background:#fef2f2}@media (width<=768px){.ec-grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ec-grid--list .ec-card{flex-direction:column;align-items:flex-start;gap:10px}.ec-grid--list .ec-card__footer{border-top:1px solid var(--ec-border);width:100%;padding-top:10px}}@media (width<=480px){.ec-grid--cards{grid-template-columns:1fr}.ec-card{border-radius:12px;padding:16px 16px 14px}.ec-card__title{font-size:14.5px}.ec-grid-title{font-size:17px}.ec-btn{height:30px;padding:0 11px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.ec-card,.ec-progress__fill,.ec-class-badge{transition:none;animation:none}}.exam-schedule-tab{flex-direction:column;gap:20px;margin-top:20px;display:flex}.exam-schedule-tab__filters{background:#fff;border:1px solid #e3e5ea;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px;display:flex}.exam-schedule-tab__search{flex:200px}.exam-schedule-tab__filter-item{flex:none;min-width:140px}.exam-schedule-tab__search>*,.exam-schedule-tab__filter-item>*{width:100%}@media (width<=768px){.exam-schedule-tab__filters{grid-template-columns:repeat(2,1fr);display:grid}.exam-schedule-tab__search{grid-column:1/-1}.exam-schedule-tab__search,.exam-schedule-tab__filter-item{min-width:0}}@media (width<=480px){.exam-schedule-tab__filters{grid-template-columns:1fr}}.sf-root{flex-direction:column;gap:6px;display:flex}.sf-label{color:#1e293b;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;display:block}.sf-wrap{background:#f8fafc;border:1.5px solid #e2eaf6;border-radius:10px;align-items:center;height:42px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.sf-wrap:focus-within{border:1px solid #377dff}.sf-wrap:hover:not(.sf-disabled):not(:focus-within){border-color:#cbd5e1}.sf-left{pointer-events:none;background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;padding-left:13px;padding-right:8px;display:flex}.sf-icon{color:#94a3b8;transition:color .15s;display:block}.sf-wrap:focus-within .sf-icon{color:#64748b}.sf-input{color:#1e293b;appearance:none;background:#f8fafc;border:none;outline:none;flex:1;height:100%;padding-right:4px;font-family:inherit;font-size:.875rem}.sf-input:focus,.sf-input:active{box-shadow:none!important;border:none!important;outline:none!important}.sf-input::-webkit-search-decoration{display:none}.sf-input::-webkit-search-cancel-button{display:none}.sf-input::-webkit-search-results-button{display:none}.sf-input::-webkit-search-results-decoration{display:none}.sf-input::placeholder{color:#94a3b8;font-weight:400}.sf-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:10px;padding:0;transition:background .12s,color .12s,transform .1s;animation:.15s cubic-bezier(.16,1,.3,1) sf-pop;display:flex}.sf-clear:hover{color:#1e293b;background:#cbd5e1}.sf-clear:active{transform:scale(.9)}@keyframes sf-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sf-spinner{color:#2563eb;animation:.7s linear infinite sf-spin}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (width<=640px){.sf-root{width:100%!important}.sf-wrap{height:40px}}.cem-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.cem-title{color:#0a0e1e;margin:0 0 4px;font-size:18px;font-weight:600}.cem-subtitle{color:#64748b;margin:0;font-size:13px}.cem-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.cem-close-btn:hover{color:#0a0e1e;background:#f1f5f9}.cem-body{flex-direction:column;gap:20px;padding:24px;display:flex}.cem-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cem-field{flex-direction:column;gap:8px;display:flex}.cem-required{color:#ef4444}.cem-input{color:#0a0e1e;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-size:13px;transition:all .2s}.cem-input:focus{border-color:#377dff;outline:none;box-shadow:0 0 0 3px #377dff1a}.cem-input.error{border-color:#ef4444}.cem-error{color:#ef4444;font-size:12px}.cem-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.selected-classes-container{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.class-chip{color:#377dff;background:#377dff14;border:1px solid #377dff26;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.class-chip-remove{cursor:pointer;color:#377dff;background:0 0;border:none;font-size:16px;line-height:1}@media (width<=768px){.cem-row{grid-template-columns:1fr}.cem-body,.cem-header{padding:16px}}@media (width<=480px){.cem-title{font-size:16px}.cem-footer{flex-direction:column-reverse}.cem-body{padding:12px}}.field-group{flex-direction:column;gap:5px;display:flex}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-label{color:#374263;letter-spacing:.01em;font-size:13px;font-weight:500}.field-required{color:#e34c5a}.field-hint{color:#a9b2cc;font-family:DM Mono,monospace;font-size:11px}.field-error{color:#e34c5a;align-items:center;gap:5px;font-size:12px;font-weight:400;animation:.15s slideDown;display:flex}.select-wrap{width:100%;min-width:0;position:relative}.select-field{box-sizing:border-box;appearance:none;color:#374151;cursor:pointer;background:#fff;border:1.5px solid #dde3ee;border-radius:8px;outline:none;width:100%;max-width:100%;min-height:40px;padding:8px 40px 8px 12px;font-size:13.5px;font-weight:400;line-height:1.4;transition:border-color .16s,box-shadow .16s,background-color .16s}.select-field:focus{box-shadow:0 0 0 3px #2b6ef21f}.select-field:hover:not(:disabled){border-color:#c7d2e3}.select-field.error{background:#fef1f2;border-color:#e34c5a}.select-field.error:focus{box-shadow:0 0 0 3px #e34c5a1f}.select-field:disabled{color:#97a0b5;cursor:not-allowed;background:#f5f7fb}.select-field option{color:#1a1f36;background:#fff}.select-arrow{pointer-events:none;color:#6b7490;justify-content:center;align-items:center;transition:color .16s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-wrap:focus-within .select-arrow{color:#2b6ef2}@media (width<=768px){.select-field{min-height:42px;padding:9px 38px 9px 12px;font-size:14px}.select-arrow{right:10px}}@media (width<=480px){.select-field{border-radius:7px;min-height:40px;padding:8px 36px 8px 10px;font-size:13px}.select-arrow{right:10px}.select-arrow svg{width:13px;height:13px}}@keyframes phMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.pageHeader{flex-direction:column;align-items:stretch}.pageHeader__actions{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.pageHeader__actions>*{justify-content:center;width:100%}}@media (width<=480px){.pageHeader__actions{grid-template-columns:1fr}}.ddb-wrap{font-family:DM Sans,Segoe UI,sans-serif;display:inline-block;position:relative}.ddb-trigger{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:10px;outline:none;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:inline-flex}.ddb-trigger:hover{transform:translateY(-1px)}.ddb-trigger:active{transform:translateY(0)}.ddb-trigger:disabled{opacity:.5;cursor:not-allowed;transform:none}.ddb-trigger--outline{color:#374151;background:#fff;border-color:#e5e7eb}.ddb-trigger--outline:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.ddb-trigger--primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 10px #2563eb38}.ddb-trigger--primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 16px #2563eb4d}.ddb-trigger--ghost{color:#6b7280;background:0 0;border-color:#0000}.ddb-trigger--ghost:hover:not(:disabled){background:#f3f4f6;border-color:#e5e7eb}.ddb-trigger--danger{color:#dc2626;background:#fff;border-color:#fca5a5}.ddb-trigger--danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.ddb-chevron{opacity:.7;flex-shrink:0;align-items:center;transition:transform .22s;display:flex}.ddb-chevron--open{transform:rotate(180deg)}.ddb-trigger-icon{flex-shrink:0;align-items:center;display:flex}.ddb-menu{z-index:9999;box-sizing:border-box;transform-origin:top;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;min-width:180px;padding:6px;animation:.16s forwards ddb-appear;position:absolute;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f}.ddb-menu--bottom-left{top:calc(100% + 6px);left:0}.ddb-menu--bottom-right{top:calc(100% + 6px);right:0}.ddb-menu--top-left{transform-origin:bottom;bottom:calc(100% + 6px);left:0}.ddb-menu--top-right{transform-origin:bottom;bottom:calc(100% + 6px);right:0}@keyframes ddb-appear{0%{opacity:0;transform:scaleY(.92)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.ddb-menu--sm{min-width:140px}.ddb-menu--md{min-width:180px}.ddb-menu--lg{min-width:240px}.ddb-menu--xl{min-width:300px}.ddb-menu--fit{min-width:unset;width:max-content}.ddb-section-label{color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:6px 10px 4px;font-size:10.5px;font-weight:700}.ddb-separator{background:#f3f4f6;height:1px;margin:4px 0}.ddb-item{color:#374151;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-radius:8px;outline:none;align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.3;transition:background .13s,color .13s;display:flex}.ddb-item:hover:not(.ddb-item--disabled){color:#111827;background:#f3f4f6}.ddb-item:focus-visible{color:#1d4ed8;background:#eff6ff}.ddb-item--disabled{opacity:.45;cursor:not-allowed}.ddb-item--danger{color:#dc2626}.ddb-item--danger:hover:not(.ddb-item--disabled){color:#b91c1c;background:#fef2f2}.ddb-item--active{color:#2563eb;background:#eff6ff;font-weight:600}.ddb-item-icon{opacity:.75;flex-shrink:0;align-items:center;display:flex}.ddb-item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ddb-item-label{font-size:13.5px}.ddb-item-desc{color:#9ca3af;font-size:11.5px;font-weight:400}.ddb-item-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.ddb-item-shortcut{color:#9ca3af;white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.ddb-item-check{color:#2563eb;flex-shrink:0;align-items:center;margin-left:auto;display:flex}@media (width<=480px){.ddb-menu--bottom-right,.ddb-menu--top-right{left:0;right:auto}}.exam-detail{padding:20px}.exam-detail__back-btn{color:var(--primary-color,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.exam-detail__back-btn:hover{color:var(--primary-dark,#1d4ed8);transform:translate(-2px)}.exam-detail__container{max-width:1000px;margin:0 auto}.exam-detail__section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.exam-detail__section-title{color:#111827;border-bottom:2px solid #f3f4f6;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:600}.exam-detail__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.exam-detail__field{flex-direction:column;display:flex}.exam-detail__label{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.exam-detail__value{color:#111827;margin:0;font-size:15px;font-weight:500}.exam-detail__badge{color:#1e40af;text-transform:capitalize;background:#eff6ff;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.exam-detail__status{color:#166534;text-transform:capitalize;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.exam-detail__class-list{flex-wrap:wrap;gap:8px;display:flex}.exam-detail__class-badge{color:#374151;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.exam-detail__description{color:#4b5563;margin:0;font-size:14px;line-height:1.6}.exam-detail__schedule-table{overflow-x:auto}.exam-detail__schedule-table table{border-collapse:collapse;width:100%}.exam-detail__schedule-table thead{background-color:#f9fafb}.exam-detail__schedule-table th{text-align:left;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.exam-detail__schedule-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.exam-detail__schedule-table tbody tr:hover{background-color:#f9fafb}.exam-detail__schedule-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.exam-detail,.exam-detail__section{padding:16px}.exam-detail__grid{grid-template-columns:1fr}.exam-detail__schedule-table{font-size:12px}.exam-detail__schedule-table th,.exam-detail__schedule-table td{padding:10px 12px}}:root{--edh-font:"DM Sans", system-ui, sans-serif;--edh-font-mono:"DM Mono", monospace;--edh-bg:#fff;--edh-surface:#f8fafc;--edh-border:#e2e8f0;--edh-border-h:#cbd5e1;--edh-t1:#0f172a;--edh-t2:#475569;--edh-t3:#94a3b8;--edh-mid-bg:#f5f3ff;--edh-mid-t:#6d28d9;--edh-mid-b:#ddd6fe;--edh-final-bg:#fff7ed;--edh-final-t:#c2410c;--edh-final-b:#fed7aa;--edh-unit-bg:#eff6ff;--edh-unit-t:#1d4ed8;--edh-unit-b:#bfdbfe;--edh-practical-bg:#f0fdf4;--edh-practical-t:#15803d;--edh-practical-b:#bbf7d0;--edh-default-bg:#f1f5f9;--edh-default-t:#475569;--edh-default-b:#cbd5e1;--edh-completed-bg:#f0fdf4;--edh-completed-t:#15803d;--edh-completed-b:#bbf7d0;--edh-ongoing-bg:#fffbeb;--edh-ongoing-t:#b45309;--edh-ongoing-b:#fde68a;--edh-upcoming-bg:#eff6ff;--edh-upcoming-t:#2563eb;--edh-upcoming-b:#bfdbfe;--edh-scheduled-bg:#faf5ff;--edh-scheduled-t:#7c3aed;--edh-scheduled-b:#e9d5ff;--edh-published-bg:#ecfeff;--edh-published-t:#0e7490;--edh-published-b:#a5f3fc;--edh-chip-bg:#f1f5f9;--edh-chip-border:#e2e8f0;--edh-shadow-sm:0 1px 2px #0f172a0f;--edh-shadow-md:0 4px 16px #0f172a14;--edh-menu-shadow:0 8px 24px #0f172a24, 0 2px 6px #0f172a14;--edh-radius-sm:6px;--edh-radius-md:9px;--edh-radius-pill:20px;--edh-trans:.18s cubic-bezier(.4, 0, .2, 1)}.edh-wrap{font-family:var(--edh-font);box-shadow:var(--edh-shadow-sm);border-radius:14px;flex-direction:column;gap:12px;animation:.36s cubic-bezier(.34,1.1,.64,1) both edh-in;display:flex}@keyframes edh-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.edh-breadcrumb{align-items:center;gap:6px;display:flex}.edh-breadcrumb__back{width:24px;height:24px;color:var(--edh-t3);cursor:pointer;border-radius:var(--edh-radius-sm);transition:background var(--edh-trans), color var(--edh-trans);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.edh-breadcrumb__back:hover{background:var(--edh-surface);color:var(--edh-t1)}.edh-breadcrumb__list{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.edh-breadcrumb__item{align-items:center;display:flex}.edh-breadcrumb__sep{color:var(--edh-t3);margin:0 5px;font-size:12px}.edh-breadcrumb__link{color:var(--edh-t3);transition:color var(--edh-trans);font-size:12.5px;font-weight:500;text-decoration:none}.edh-breadcrumb__link:hover{color:var(--edh-t2)}.edh-breadcrumb__current{color:var(--edh-t2);font-size:12.5px;font-weight:500}.edh-main-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.edh-left{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.edh-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.edh-title{color:var(--edh-t1);letter-spacing:-.025em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.edh-type-badge{border-radius:var(--edh-radius-pill);white-space:nowrap;letter-spacing:.01em;flex-shrink:0;align-items:center;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.edh-type--mid{background:var(--edh-mid-bg);color:var(--edh-mid-t);border:1px solid var(--edh-mid-b)}.edh-type--final{background:var(--edh-final-bg);color:var(--edh-final-t);border:1px solid var(--edh-final-b)}.edh-type--unit{background:var(--edh-unit-bg);color:var(--edh-unit-t);border:1px solid var(--edh-unit-b)}.edh-type--practical{background:var(--edh-practical-bg);color:var(--edh-practical-t);border:1px solid var(--edh-practical-b)}.edh-type--default{background:var(--edh-default-bg);color:var(--edh-default-t);border:1px solid var(--edh-default-b)}.edh-status-badge{border-radius:var(--edh-radius-pill);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:3px 11px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}.edh-status-badge__icon{flex-shrink:0;align-items:center;display:flex}.edh-status--completed{background:var(--edh-completed-bg);color:var(--edh-completed-t);border:1px solid var(--edh-completed-b)}.edh-status--ongoing{background:var(--edh-ongoing-bg);color:var(--edh-ongoing-t);border:1px solid var(--edh-ongoing-b)}.edh-status--upcoming{background:var(--edh-upcoming-bg);color:var(--edh-upcoming-t);border:1px solid var(--edh-upcoming-b)}.edh-status--scheduled{background:var(--edh-scheduled-bg);color:var(--edh-scheduled-t);border:1px solid var(--edh-scheduled-b)}.edh-status--published{background:var(--edh-published-bg);color:var(--edh-published-t);border:1px solid var(--edh-published-b)}.edh-meta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.edh-meta-item{color:var(--edh-t2);align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.edh-meta-item svg{color:var(--edh-t3);flex-shrink:0}.edh-meta-dot{color:var(--edh-t3);font-size:13px}.edh-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.edh-more{position:relative}.edh-more__trigger{border-radius:var(--edh-radius-md);border:1.5px solid var(--edh-border);background:var(--edh-bg);width:36px;height:36px;color:var(--edh-t2);cursor:pointer;transition:background var(--edh-trans), border-color var(--edh-trans), color var(--edh-trans);justify-content:center;align-items:center;padding:0;display:flex}.edh-more__trigger:hover,.edh-more--open .edh-more__trigger{background:var(--edh-surface);border-color:var(--edh-border-h);color:var(--edh-t1)}.edh-more__menu{background:var(--edh-bg);border:1px solid var(--edh-border);border-radius:var(--edh-radius-md);min-width:170px;box-shadow:var(--edh-menu-shadow);z-index:200;margin:0;padding:4px;list-style:none;animation:.16s cubic-bezier(.34,1.3,.64,1) both edh-menu-in;position:absolute;top:calc(100% + 6px);right:0}@keyframes edh-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.edh-more__item{border-radius:var(--edh-radius-sm);color:var(--edh-t1);cursor:pointer;transition:background var(--edh-trans);align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:500;display:flex}.edh-more__item:hover{background:var(--edh-surface)}.edh-more__item--danger{color:#dc2626}.edh-more__item--danger:hover{background:#fef2f2}.edh-chips-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.edh-stat-chip{background:var(--edh-chip-bg);border:1px solid var(--edh-chip-border);color:var(--edh-t2);white-space:nowrap;transition:background var(--edh-trans), border-color var(--edh-trans), color var(--edh-trans);border-radius:20px;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.edh-stat-chip:hover{border-color:var(--edh-border-h);color:var(--edh-t1);background:#eef2f7}.edh-stat-chip__icon{color:var(--edh-t3);flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.edh-wrap{border-radius:12px;gap:10px;padding:14px 14px 12px}.edh-main-row{flex-direction:column;gap:10px}.edh-actions{flex-wrap:wrap;width:100%}.edh-action-btn{flex:auto;justify-content:center}.edh-title{font-size:19px}}@media (width<=480px){.edh-title{font-size:17px}.edh-action-btn__label{display:none}.edh-action-btn{flex:0 0 36px;justify-content:center;width:36px;padding:0}.edh-action-btn--primary .edh-action-btn__label{display:inline}.edh-action-btn--primary{flex:auto;width:auto;padding:0 14px}.edh-chips-row{gap:6px}.edh-stat-chip{padding:4px 10px 4px 7px;font-size:12px}}@media (prefers-reduced-motion:reduce){.edh-wrap,.edh-more__menu,.edh-action-btn,.edh-stat-chip{transition:none;animation:none}}.edh-action-btn{border-radius:var(--edh-radius-md);height:36px;font-family:var(--edh-font);cursor:pointer;border:1.5px solid var(--edh-border);background:var(--edh-bg);color:var(--edh-t2);white-space:nowrap;transition:background var(--edh-trans), border-color var(--edh-trans), color var(--edh-trans), box-shadow var(--edh-trans), transform .1s;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.edh-action-btn:hover{box-shadow:var(--edh-shadow-sm)}.edh-action-btn:active{transform:scale(.96)}.edh-action-btn--primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.edh-action-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.edh-action-btn__icon{flex-shrink:0;align-items:center;display:flex}.ft-root *,.ft-root :before,.ft-root :after{box-sizing:border-box;margin:0;padding:0}.ft-root{width:100%;font-family:DM Sans,sans-serif}.ft-filters{background:#fff;border:1px solid #e3e5ea;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;padding:12px;display:flex}.ft-filter-group{flex-direction:column;gap:5px;display:flex}.ft-filter-group label{color:#6b7280;letter-spacing:.02em;font-size:11.5px;font-weight:600}.ft-search-wrap{flex:1;min-width:200px;position:relative}.ft-search-wrap svg{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ft-search{color:#1f2937;background:#fff;border:1.5px solid #e3e5ea;border-radius:10px;outline:none;width:100%;padding:9px 13px 9px 36px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ft-search::placeholder{color:#b0b7c3}.ft-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ft-select{appearance:none;color:#1f2937;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 9px center no-repeat;border:1.5px solid #e3e5ea;border-radius:10px;outline:none;min-width:120px;padding:9px 30px 9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.ft-select:focus{border-color:#3b82f6}.ft-action-btn{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.ft-action-btn:hover{background:#dbeafe}.ft-table-wrap{background:#fff;border:1.5px solid #f0f2f5;border-radius:14px;width:100%;overflow-x:auto}.ft-table{border-collapse:collapse;width:100%;min-width:600px}.ft-thead{border-bottom:1.5px solid #f0f2f5}.ft-th{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#fff;padding:13px 16px;font-size:11px;font-weight:700}.ft-th.sortable{cursor:pointer}.ft-th.sortable:hover{color:#374151}.ft-th-inner{align-items:center;gap:5px;display:flex}.ft-sort-icon{opacity:.4;flex-shrink:0}.ft-sort-icon.active{opacity:1;color:#3b82f6}.ft-th.center,.ft-td.center{text-align:center}.ft-th.right,.ft-td.right{text-align:right}.ft-th.right .ft-th-inner{justify-content:flex-end}.ft-th.center .ft-th-inner{justify-content:center}.ft-th-check,.ft-td-check{text-align:center;width:44px;padding-left:16px;padding-right:8px}.ft-tr{border-bottom:1px solid #f7f8fa;transition:background .12s}.ft-tr:last-child{border-bottom:none}.ft-tr:hover{background:#fafbfd}.ft-tr.ft-selected{background:#eff6ff}.ft-td{color:#374151;vertical-align:middle;padding:14px 16px;font-size:13.5px}.ft-checkbox{accent-color:#3b82f6;cursor:pointer;border-radius:4px;width:16px;height:16px}.ft-avatar-cell{align-items:center;gap:12px;display:flex}.ft-avatar{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.ft-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ft-cell-main{color:#111827;font-size:14px;font-weight:600}.ft-cell-sub{color:#9ca3af;margin-top:1px;font-size:12px}.ft-cell-subheading{color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;width:fit-content;padding:4px 12px;font-size:14px;font-weight:600;line-height:20px}.ft-stack-cell{flex-direction:column;gap:1px;display:flex}.ft-badge{white-space:nowrap;border-radius:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.ft-badge.active{color:#ca8a04;background:#fef9ec}.ft-badge.inactive{color:#d97706;background:#fff3e0}.ft-badge.suspended,.overdue{color:#dc2626;background:#fef2f2}.ft-badge.graduated,.paid{color:#16a34a;background:#f0fdf4}.ft-badge.pending{color:#3b82f6;background:#eff6ff}.ft-badge.approved{color:#16a34a;background:#f0fdf4}.ft-badge.rejected,.fail{color:#dc2626;background:#fef2f2}.ft-badge.present,.pass{color:#16a34a;background:#f0fdf4}.ft-badge.absent{color:#dc2626;background:#fef2f2}.ft-badge.leave{color:#d97706;background:#fff9ed}.ft-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.ft-actions-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.ft-btn{cursor:pointer;border-radius:10px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .15s}.ft-btn.generate{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8}.ft-btn.pay{color:#fff;background:#16a34a;border:1px solid #16a34a}.ft-btn.reminder{color:#d97706;background:#fff9ed;border:1px solid #d97706}.ft-btn.paynow,.ft-btn.pending{color:#fff;background:#f59e0b;border:1px solid #f59e0b}.ft-icon-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:flex}.ft-icon-btn:hover{color:#374151;background:#f3f4f6}.ft-empty{text-align:center;color:#9ca3af;padding:52px 20px;font-size:14px}.ft-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.ft-entry-info{color:#9ca3af;font-size:13px}.ft-pagination{align-items:center;gap:4px;display:flex}.ft-page-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.ft-page-btn:hover:not(:disabled){background:#f3f4f6}.ft-page-btn:disabled{opacity:.4;cursor:default}.ft-page-btn.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;font-weight:700}.ft-page-ellipsis{color:#9ca3af;padding:0 4px;font-size:13px;line-height:34px}@media (width<=640px){.ft-filters{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ft-filter-group{width:100%}.ft-filter-group[style*="flex: 1"]{grid-column:1/-1}.ft-search-wrap{min-width:100%}.ft-select{width:100%;min-width:0;font-size:13px}.ft-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.ft-filters{grid-template-columns:1fr}}.ft-td-expand{text-align:center;width:44px;padding-left:16px;padding-right:8px}.ft-expand-btn{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ft-expand-btn:hover{color:#374151!important;background:#f3f4f6!important}.ft-expanded-row{background-color:#fafbfd;border-bottom:1px solid #f7f8fa}.ft-expanded-cell{padding:16px 24px;box-shadow:inset 0 3px 6px -3px #0000000d}.csm-body{flex-direction:column;gap:20px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.csm-input{color:#0a0e1e;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.csm-subjects-container{flex-direction:column;gap:16px;margin-top:10px;display:flex}.csm-subject-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;position:relative}.csm-subject-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.csm-subject-title{color:#0f172a;font-size:14px;font-weight:600}.csm-subject-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .2s}.csm-subject-remove:hover{background:#fecaca}.csm-add-subject-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.csm-add-subject-btn:hover{color:#377dff;background:#eff6ff;border-color:#377dff}.csm-subject-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.csm-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.csm-row,.csm-subject-grid{grid-template-columns:1fr}.csm-body,.csm-header{padding:16px}}@media (width<=480px){.csm-title{font-size:16px}.csm-footer{flex-direction:column-reverse}.csm-body{padding:12px}}.text-input{width:100%}.text-input__label{color:#374151;margin-bottom:8px;font-size:12.5px;font-weight:600;line-height:1.3;display:inline-block}.text-input__required{color:#dc2626}.text-input__control{width:100%;position:relative}.text-input__icon{color:#6b7280;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.text-input__field{width:100%;min-height:44px;color:var(--color-text,#374151);background:#fff;border:1px solid #dbe2ea;border-radius:10px;outline:none;padding:0 14px;font-size:12.5px;font-weight:600;line-height:1.3;transition:all .2s}.text-input__control--with-icon .text-input__field{padding-left:44px}.text-input__field::placeholder{color:#94a3b8}.text-input__field:focus{background:#fff;border-color:#0f8a72;box-shadow:0 0 0 4px #0f8a721f}.text-input__control--error .text-input__field{background:#fff8f8;border-color:#e25b5b}.text-input__control--disabled .text-input__field{color:#94a3b8;cursor:not-allowed;background:#fff}.text-input__helper,.text-input__error{margin:8px 0 0;font-size:13px;line-height:1.5}.text-input__helper{color:#6b7280}.text-input__error{color:#dc2626}@media (width<=576px){.text-input__label{font-size:13px}.text-input__field{border-radius:12px;min-height:44px;font-size:14px}}.st-wrapper{color:#111827;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.st-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:10px 10px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.st-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-sel-count{color:#6b7280;align-items:center;gap:5px;margin-right:4px;font-size:13px;display:flex}.st-tb-btn{color:#374151;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.st-tb-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.st-tb-btn:disabled{opacity:.45;cursor:not-allowed}.st-tb-btn--primary{color:#fff;background:#1e40af;border-color:#1e40af}.st-tb-btn--primary:hover:not(:disabled){background:#1d3fa0;border-color:#1d3fa0}.st-table-outer{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;overflow:hidden}.st-table-scroll{width:100%;overflow-x:auto}.st-table{border-collapse:collapse;width:100%;min-width:640px}.st-th{text-align:left;color:#6b7280;letter-spacing:.03em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:12px;font-weight:600}.st-th--check{width:40px}.st-tr{transition:background .1s}.st-tr:not(:last-child) .st-td{border-bottom:1px solid #f3f4f6}.st-tr:hover .st-td{background:#f9fafb}.st-tr--selected .st-td{background:#eff6ff}.st-tr--selected:hover .st-td{background:#dbeafe}.st-td{color:#111827;vertical-align:middle;padding:12px 14px}.st-stu-cell{align-items:center;gap:10px;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.st-stu-name{color:#111827;font-size:14px;font-weight:500}.st-adm{color:#6b7280;font-size:13px}.st-roll{font-size:14px;font-weight:500;display:block}.st-room{color:#9ca3af;margin-top:1px;font-size:11px;display:block}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-clear{color:#166534;background:#dcfce7}.badge-feedue{color:#854d0e;background:#fef9c3}.badge-detained{color:#991b1b;background:#fee2e2}.badge-generated{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.badge-pending{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db}.badge-blocked{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.action-row{align-items:center;gap:6px;display:flex}.icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.gen-btn{color:#1e40af;cursor:pointer;background:0 0;border:1px solid #1e40af;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s}.gen-btn:hover{background:#eff6ff}.unblock-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s}.unblock-btn:hover{background:#fee2e2}.st-cb{cursor:pointer;accent-color:#1e40af;width:15px;height:15px}.st-cb:disabled{opacity:.35;cursor:not-allowed}@media (width<=640px){.st-hide-sm{display:none}.st-td,.st-th{padding:10px}.st-toolbar{padding:10px 12px}}.ac-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ac-fade-in;display:flex;position:fixed;inset:0}@keyframes ac-fade-in{0%{opacity:0}to{opacity:1}}.ac-modal{background:#f1f5f9;border-radius:14px;flex-direction:column;width:100%;max-width:620px;max-height:92vh;animation:.22s cubic-bezier(.34,1.3,.64,1) ac-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a40,0 4px 16px #0f172a1a}@keyframes ac-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ac-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.ac-modal-title-group{align-items:center;gap:10px;display:flex}.ac-modal-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ac-modal-title{color:#0f172a;margin:0;font-size:14px;font-weight:700;line-height:1.3}.ac-modal-subtitle{color:#64748b;margin:0;font-size:12px;line-height:1.3}.ac-modal-actions{align-items:center;gap:6px;display:flex}.ac-hdr-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.ac-hdr-btn:hover{background:#f8fafc;border-color:#94a3b8}.ac-hdr-btn--primary{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.ac-hdr-btn--primary:hover{background:#1a44c2;border-color:#1a44c2}.ac-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:2px;transition:background .15s,color .15s;display:flex}.ac-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.ac-icon{vertical-align:middle;align-items:center;display:inline-flex}.ac-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;padding:16px;overflow-y:auto}.ac-modal-body::-webkit-scrollbar{width:5px}.ac-modal-body::-webkit-scrollbar-track{background:0 0}.ac-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ac-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px 24px 20px;font-family:Georgia,Times New Roman,serif}.ac-school-header{align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.ac-school-logo{color:#1d4ed8;background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.ac-school-info{flex:1}.ac-school-name{letter-spacing:.04em;color:#0f172a;text-align:center;margin:0 0 3px;font-family:inherit;font-size:17px;font-weight:700}.ac-school-address,.ac-school-affiliation{color:#475569;text-align:center;margin:0;font-family:Arial,sans-serif;font-size:11.5px;line-height:1.5}.ac-divider{opacity:.25;border:none;border-top:1.5px solid #1d4ed8;margin:10px 0}.ac-exam-title-banner{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;margin-bottom:16px;padding:7px 14px}.ac-exam-title{letter-spacing:.06em;color:#1d4ed8;text-transform:uppercase;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.ac-details-grid{gap:16px;margin-bottom:16px;display:flex}.ac-details-fields{flex-direction:column;flex:1;gap:12px;display:flex}.ac-field-row{gap:16px;display:flex}.ac-field{flex-direction:column;flex:1;gap:2px;display:flex}.ac-field--full{width:100%}.ac-field-label{letter-spacing:.07em;color:#64748b;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9.5px;font-weight:700}.ac-field-value{color:#0f172a;font-family:Arial,sans-serif;font-size:13.5px;font-weight:600;line-height:1.3}.ac-details-aside{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.ac-photo-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;width:72px;height:84px;overflow:hidden}.ac-photo{object-fit:cover;width:100%;height:100%;display:block}.ac-photo-placeholder{color:#94a3b8;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;font-family:Arial,sans-serif;font-size:26px;font-weight:700;display:flex}.ac-qr{display:block}.ac-section{margin-bottom:14px}.ac-section-title{color:#0f172a;letter-spacing:.01em;margin:0 0 8px;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.ac-table-wrap{overflow-x:auto}.ac-table{border-collapse:collapse;width:100%;font-family:Arial,sans-serif;font-size:12.5px}.ac-table th{text-align:left;color:#0f172a;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:7px 10px;font-size:11.5px;font-weight:700}.ac-table td{color:#334155;white-space:nowrap;border:1px solid #e2e8f0;padding:7px 10px}.ac-table tbody tr:nth-child(2n) td{background:#fafafa}.ac-invig{width:120px;min-width:100px}.ac-invig-cell{min-height:28px}.ac-instructions{background:#fefce8;border:1px solid #fde68a;border-radius:6px;margin-bottom:20px;padding:10px 14px}.ac-instructions-title{color:#92400e;margin:0 0 6px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.ac-instructions-list{flex-direction:column;gap:3px;margin:0;padding-left:16px;display:flex}.ac-instructions-list li{color:#78350f;font-family:Arial,sans-serif;font-size:11.5px;line-height:1.5}.ac-signatures{justify-content:space-between;gap:12px;padding-top:6px;display:flex}.ac-sig-block{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.ac-sig-line{border-top:1px solid #94a3b8;width:100%}.ac-sig-label{color:#64748b;text-align:center;font-family:Arial,sans-serif;font-size:10.5px;line-height:1.3}@media print{.ac-overlay{background:0 0;padding:0;position:static}.ac-modal{box-shadow:none;border-radius:0;max-height:none}.ac-modal-header{display:none}.ac-modal-body{padding:0;overflow:visible}.ac-card{border:none;border-radius:0;padding:0}}@media (width<=520px){.ac-modal{border-radius:12px;max-height:96vh}.ac-modal-body{padding:10px}.ac-card{padding:16px 14px}.ac-school-header{text-align:center;flex-direction:column;align-items:center}.ac-details-grid{flex-direction:column-reverse}.ac-details-aside{flex-direction:row;justify-content:center}.ac-field-row{flex-direction:column;gap:10px}.ac-signatures{flex-direction:column;gap:16px}.ac-modal-actions{flex-wrap:wrap}.ac-hdr-btn span,.ac-invig{display:none}}:root{--ftb-accent:#18376f;--ftb-accent-hover:#132c59;--ftb-accent-light:#e8f5f3;--ftb-bg:#fff;--ftb-bg-hover:#f5f7fa;--ftb-border:#e2e6ed;--ftb-border-focus:#18376f;--ftb-text:#1e2a38;--ftb-text-muted:#6b7a90;--ftb-radius:12px;--ftb-radius-sm:12px;--ftb-radius-pill:12px;--ftb-height:38px;--ftb-shadow-sm:0 1px 3px #00000014;--ftb-shadow-menu:0 8px 24px #0000001a, 0 2px 6px #0000000f;--ftb-transition:.15s ease}.ftb-root{background:var(--ftb-bg);border:1px solid var(--ftb-border);border-radius:var(--ftb-radius);width:100%;box-shadow:var(--ftb-shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.ftb-search-slot{flex:2 320px;min-width:220px}.ftb-filters-slot{flex-wrap:wrap;flex:3 420px;align-items:center;gap:10px;min-width:260px;display:flex}.ftb-filter-item{flex:180px}.ftb-divider{background:var(--ftb-border);flex-shrink:0;width:1px;height:22px;margin:0 2px}.ftb-dropdown{flex-shrink:0;position:relative}.ftb-dropdown-trigger{height:var(--ftb-height);border-radius:var(--ftb-radius-sm);color:var(--ftb-text);font-size:13px;font-family:var(--ftb-font);white-space:nowrap;cursor:pointer;transition:background var(--ftb-transition), border-color var(--ftb-transition);background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:0 10px;font-weight:400;display:inline-flex}.ftb-dropdown-trigger:hover{background:var(--ftb-bg-hover);border-color:var(--ftb-border)}.ftb-dropdown-trigger--open{background:var(--ftb-bg-hover);border-color:var(--ftb-border-focus)}.ftb-trigger-icon{color:var(--ftb-text-muted);flex-shrink:0;align-items:center;display:flex}.ftb-trigger-label{color:var(--ftb-text)}.ftb-trigger-chevron{color:var(--ftb-text-muted);transition:transform var(--ftb-transition);flex-shrink:0;align-items:center;display:flex}.ftb-trigger-chevron--open{transform:rotate(180deg)}.ftb-dropdown-menu{z-index:200;background:var(--ftb-bg);border:1px solid var(--ftb-border);border-radius:var(--ftb-radius);min-width:160px;box-shadow:var(--ftb-shadow-menu);margin:0;padding:4px;list-style:none;animation:.12s ftb-menu-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes ftb-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ftb-dropdown-item{border-radius:var(--ftb-radius-sm);color:var(--ftb-text);cursor:pointer;transition:background var(--ftb-transition);padding:7px 10px;font-size:13px}.ftb-dropdown-item:hover{background:var(--ftb-bg-hover)}.ftb-dropdown-item--active{background:var(--ftb-accent-light);color:var(--ftb-accent);font-weight:500}.ftb-role-group{flex-shrink:0;align-items:center;gap:5px;display:flex}.ftb-role-pill{height:var(--ftb-height);border:1px solid var(--ftb-border);border-radius:var(--ftb-radius-pill);font-size:13px;font-family:var(--ftb-font);color:var(--ftb-text-muted);white-space:nowrap;cursor:pointer;transition:all var(--ftb-transition);background:0 0;align-items:center;padding:0 14px;font-weight:400;display:inline-flex}.ftb-role-pill:hover:not(.ftb-role-pill--active){background:var(--ftb-bg-hover);color:var(--ftb-text)}.ftb-role-pill--active{background:var(--ftb-accent);border-color:var(--ftb-accent);color:#fff;font-weight:500}.ftb-search{min-width:160px;max-width:280px;height:var(--ftb-height);background:var(--ftb-bg-hover);border:1px solid var(--ftb-border);border-radius:var(--ftb-radius-sm);transition:border-color var(--ftb-transition), box-shadow var(--ftb-transition);flex:1;align-items:center;gap:7px;padding:0 10px;display:flex}.ftb-search:focus-within{border-color:var(--ftb-border-focus);background:#fff;box-shadow:0 0 0 3px #1a7f6e1a}.ftb-search-icon{color:var(--ftb-text-muted);flex-shrink:0;align-items:center;display:flex}.ftb-search-input{font-size:13px;font-family:var(--ftb-font);color:var(--ftb-text);background:0 0;border:none;outline:none;flex:1;min-width:0}.ftb-search-input::placeholder{color:var(--ftb-text-muted)}.ftb-search-clear{background:var(--ftb-text-muted);color:#fff;cursor:pointer;width:18px;height:18px;transition:background var(--ftb-transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.ftb-search-clear:hover{background:var(--ftb-text)}.ftb-view-toggle{background:var(--ftb-bg-hover);border:1px solid var(--ftb-border);border-radius:var(--ftb-radius-sm);flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.ftb-view-btn{width:30px;height:30px;color:var(--ftb-text-muted);cursor:pointer;transition:all var(--ftb-transition);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;display:flex}.ftb-view-btn:hover:not(.ftb-view-btn--active){background:var(--ftb-border);color:var(--ftb-text)}.ftb-view-btn--active{background:var(--ftb-accent);color:#fff}@media (width<=900px){.ftb-root{gap:4px;padding:6px 8px}.ftb-search{max-width:200px}.ftb-role-pill{padding:0 10px;font-size:12.5px}.ftb-dropdown-trigger{padding:0 8px;font-size:12.5px}}@media (width<=640px){.ftb-root{border-radius:var(--ftb-radius);gap:6px;padding:8px}.ftb-role-group{scrollbar-width:none;order:2;width:100%;padding-bottom:2px;overflow-x:auto}.ftb-role-group::-webkit-scrollbar{display:none}.ftb-search-slot,.ftb-filters-slot{flex:100%;order:3;min-width:100%}.ftb-filter-item{flex:100%;width:100%}.ftb-view-toggle{order:1;margin-left:auto}.ftb-divider{display:none}}.qb-filter-section{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.qb-cards-container{flex-direction:column;gap:1.5rem;display:flex}.qb-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #00000005}.qb-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.qb-card-header-left{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:.5rem .75rem;padding-top:4px;display:flex}.qb-checkbox{cursor:pointer;accent-color:#3b82f6;border:1px solid #cbd5e1;border-radius:4px;width:18px;height:18px}.qb-badge-type{text-transform:uppercase;border-radius:16px;padding:4px 10px;font-size:.75rem;font-weight:700}.qb-badge-type.mcq{color:#0284c7;background-color:#e0f2fe}.qb-badge-type.subjective{color:#9333ea;background-color:#f3e8ff}.qb-badge-light{color:#475569;background-color:#f1f5f9;border-radius:16px;padding:4px 10px;font-size:.75rem;font-weight:600}.qb-chapter{color:#94a3b8;font-size:.8rem;font-weight:500}.qb-badge-diff{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.qb-badge-diff.medium{color:#d97706;background-color:#fef3c7}.qb-badge-diff.hard{color:#dc2626;background-color:#fee2e2}.qb-card-header-right{align-items:center;gap:1.5rem;display:flex}.qb-marks-info{flex-direction:column;align-items:flex-end;display:flex}.qb-marks{color:#a855f7;font-size:.85rem;font-weight:700}.qb-negative-marks{color:#ef4444;font-size:.75rem}.qb-expand-btn{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.qb-expand-btn:hover{background:#eff6ff}.qb-expand-btn.collapsed{color:#94a3b8;border-color:#0000}.qb-expand-btn.collapsed:hover{background:#f1f5f9}.qb-card-body{padding-top:.5rem}.qb-question-text{color:#1e293b;margin:0 0 1.25rem;font-size:1rem;font-weight:700;line-height:1.5}.qb-options-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.qb-option{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-size:.9rem;display:flex}.qb-option.correct{color:#15803d;background-color:#f0fdf4;border-color:#22c55e;font-weight:600}.qb-option-content{gap:.5rem;display:flex}.qb-option-id{color:inherit;font-weight:600}.qb-correct-icon{color:#22c55e}.qb-solution-box,.qb-subjective-box{color:#475569;background-color:#f8fafc;border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.5}.qb-solution-box strong,.qb-expected-answer strong{color:#1e293b}.qb-expected-answer{margin-bottom:.5rem}.qb-rubric,.qb-rubric strong{color:#9333ea}@media (width<=768px){.qb-options-grid{grid-template-columns:1fr}.qb-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.qb-card-header-right{justify-content:space-between;width:100%}}.pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px;display:flex}.pageHeader__left{align-items:flex-start;gap:12px;display:flex}.pageHeader__content{flex-direction:column;gap:4px;display:flex}.pageHeader__backBtn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:flex}.pageHeader__backBtn:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.pageHeader__backBtn:active{transform:scale(.96)}.pageHeader__title{color:#111827;margin:0;font-size:20px;font-weight:700}.pageHeader__subtitle{color:#6b7280;margin:0;font-size:13px}.pageHeader__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.phDropdown{display:inline-flex;position:relative}.phDropdown__chevron{flex-shrink:0;margin-left:2px;transition:transform .18s}.phDropdown--open .phDropdown__chevron{transform:rotate(180deg)}.phDropdown__menu{z-index:999;background:#fff;border:1px solid #00000017;border-radius:10px;min-width:190px;padding:5px;animation:.14s phMenuIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f}.phDropdown__item{color:#334155;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.82rem;font-weight:500;transition:background .13s,color .13s;display:flex}.phDropdown__item:hover:not(.phDropdown__item--disabled){color:#0f172a;background:#f1f5f9}.phDropdown__item--danger{color:#dc2626}.phDropdown__item--danger:hover:not(.phDropdown__item--disabled){color:#b91c1c;background:#fef2f2}.phDropdown__item--disabled{opacity:.45;cursor:not-allowed}.phDropdown__item-icon{color:inherit;opacity:.75;align-items:center;display:flex}.scr-row{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;display:grid}@media (width<=480px){.scr-row{grid-template-columns:1fr}}.brief-card{box-sizing:border-box;background:#fff;border:1px solid #e8edf4;border-radius:14px;flex:1 1 0;align-items:center;gap:14px;min-width:160px;padding:16px 20px;font-family:Nunito,Segoe UI,sans-serif;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 6px #1e3c780d}.brief-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1e3c781a}.brief-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.brief-icon svg{width:22px;height:22px}.brief-body{flex-direction:column;gap:2px;min-width:0;display:flex}.brief-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:.7rem;font-weight:600}.brief-value{letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1.15}@media (width<=768px){.brief-card{flex:calc(50% - 8px);min-width:calc(50% - 8px)}}@media (width<=420px){.brief-card{flex:100%;min-width:100%}.brief-value{font-size:1.25rem}}.ptb-wrapper{box-sizing:border-box;background:#fff;border:1px solid #e8edf4;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;font-family:Nunito,Segoe UI,sans-serif;display:flex}.ptb-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ptb-row--filters{gap:8px}.ptb-search{color:#94a3b8;background:#f8fafc;border:1.5px solid #e2eaf6;border-radius:10px;flex:220px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 12px;transition:border-color .2s;display:flex}.ptb-search:focus-within{color:#64748b;border-color:#4a80f0}.ptb-search__input{color:#374151;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.825rem}.ptb-search__input::placeholder{color:#94a3b8}.ptb-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ptb-dropdown{position:relative}.ptb-select{color:#374151;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2eaf6;border-radius:10px;align-items:center;gap:6px;height:38px;padding:0 12px;font-family:inherit;font-size:.825rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.ptb-select:hover{background:#f0f5ff;border-color:#4a80f0}.ptb-select__icon{color:#64748b;align-items:center;display:flex}.ptb-select__label{flex:1}.ptb-dropdown__menu{z-index:100;background:#fff;border:1.5px solid #e2eaf6;border-radius:10px;min-width:160px;margin:0;padding:6px 0;list-style:none;animation:.12s ptb-fade-in;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #1e3c781a}@keyframes ptb-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ptb-dropdown__item{color:#374151;cursor:pointer;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background .15s}.ptb-dropdown__item:hover{color:#2563eb;background:#f0f5ff}.ptb-dropdown__item--active{color:#2563eb;background:#eef4ff;font-weight:700}.ptb-row--actions{justify-content:space-between}.ptb-view-toggle{background:#f1f5fb;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.ptb-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex}.ptb-view-btn:hover{color:#2563eb}.ptb-view-btn--active{color:#1e3a8a;background:#fff;box-shadow:0 1px 4px #1e3c781f}.ptb-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ptb-action-btn{cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:.825rem;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex}.ptb-action-btn:active{transform:translateY(1px)}.ptb-action-btn--ghost{color:#374151;background:#fff;border:1.5px solid #e2eaf6}.ptb-action-btn--ghost:hover{color:#2563eb;background:#f0f5ff;border-color:#4a80f0}.ptb-action-btn--primary{color:#fff;background:#0f6b5c;border:1.5px solid #0f6b5c;box-shadow:0 2px 8px #0f6b5c4d}.ptb-action-btn--primary:hover{background:#0a5549;border-color:#0a5549;box-shadow:0 4px 14px #0f6b5c66}@media (width<=900px){.ptb-row--actions{flex-direction:column;align-items:flex-start}.ptb-actions{justify-content:flex-start;width:100%}}@media (width<=640px){.ptb-wrapper{padding:12px}.ptb-row--filters{flex-direction:column;align-items:stretch}.ptb-search{flex:none;width:100%}.ptb-filters{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.ptb-dropdown{width:100%}.ptb-select{width:100%;padding:0 10px;font-size:.78rem}.ptb-action-btn{padding:0 11px;font-size:.78rem}}@media (width<=420px){.ptb-filters{grid-template-columns:1fr}.ptb-actions{flex-direction:column;align-items:stretch}.ptb-action-btn{justify-content:center;width:100%}}:root{--epc-font:"DM Sans", "Segoe UI", sans-serif;--epc-bg-card:#fff;--epc-bg-page:#f4f6fb;--epc-border:#e8ecf4;--epc-shadow:0 2px 12px #1e285012;--epc-shadow-hover:0 6px 24px #1e285021;--epc-radius:14px;--epc-text-primary:#1a2035;--epc-text-secondary:#6b7a99;--epc-text-muted:#9aa3bb;--epc-color-gross:#1a2035;--epc-color-deduct:#e04444;--epc-color-net:#1a7f4e;--epc-paid-bg:#eaffef;--epc-paid-color:#1a7f4e;--epc-paid-dot:#22c55e;--epc-processed-bg:#eef3ff;--epc-processed-color:#3b5bdb;--epc-processed-dot:#4c6ef5;--epc-pending-bg:#fff8e6;--epc-pending-color:#b45309;--epc-pending-dot:#f59e0b;--epc-onhold-bg:#fff0f0;--epc-onhold-color:#c0392b;--epc-onhold-dot:#e04444;--epc-btn-view-bg:#f0f4ff;--epc-btn-view-color:#3b5bdb;--epc-btn-view-hover:#dce5ff;--epc-btn-edit-bg:#f4f6fb;--epc-btn-edit-color:#4a5568;--epc-btn-edit-hover:#e8ecf4}.epc-demo{font-family:var(--epc-font);background:var(--epc-bg-page);box-sizing:border-box;min-height:100vh;padding-top:20px}.epc-demo-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:20px;display:flex}.epc-demo-title{color:var(--epc-text-primary);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.epc-demo-subtitle{color:var(--epc-text-secondary);font-size:.78rem}.epc-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.epc-card{background:var(--epc-bg-card);border:1px solid var(--epc-border);border-radius:var(--epc-radius);box-shadow:var(--epc-shadow);font-family:var(--epc-font);box-sizing:border-box;flex-direction:column;gap:12px;padding:16px;transition:box-shadow .2s,transform .2s,border-color .2s,background-color .2s;display:flex}.epc-card:hover{box-shadow:var(--epc-shadow-hover);transform:translateY(-2px)}.epc-card--selected{border-color:var(--epc-processed-color);background-color:#f8faff}.epc-checkbox-wrap{justify-content:center;align-items:center;display:flex}.epc-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--epc-processed-color)}.epc-header{align-items:center;gap:10px;display:flex}.epc-avatar-wrap{flex-shrink:0}.epc-avatar{object-fit:cover;border:2px solid var(--epc-border);border-radius:50%;width:44px;height:44px}.epc-avatar--initials{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.epc-identity{flex:1;min-width:0}.epc-name-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.epc-name{color:var(--epc-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.92rem;font-weight:700;overflow:hidden}.epc-subrole{color:var(--epc-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.epc-status{white-space:nowrap;letter-spacing:.01em;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.67rem;font-weight:600;display:inline-flex}.epc-status__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status--paid{background:var(--epc-paid-bg);color:var(--epc-paid-color)}.status--paid .epc-status__dot{background:var(--epc-paid-dot)}.status--processed{background:var(--epc-processed-bg);color:var(--epc-processed-color)}.status--processed .epc-status__dot{background:var(--epc-processed-dot)}.status--pending{background:var(--epc-pending-bg);color:var(--epc-pending-color)}.status--pending .epc-status__dot{background:var(--epc-pending-dot)}.status--onhold{background:var(--epc-onhold-bg);color:var(--epc-onhold-color)}.status--onhold .epc-status__dot{background:var(--epc-onhold-dot)}.epc-meta{flex-wrap:wrap;gap:8px;display:flex}.epc-meta__item{color:var(--epc-text-secondary);background:var(--epc-bg-page);border:1px solid var(--epc-border);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;display:inline-flex}.epc-meta__item svg{color:var(--epc-text-muted);flex-shrink:0}.epc-salary-row{background:var(--epc-bg-page);border:1px solid var(--epc-border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 8px;display:grid}.epc-salary-col{flex-direction:column;align-items:center;gap:3px;display:flex}.epc-salary-col+.epc-salary-col{border-left:1px solid var(--epc-border)}.epc-salary-label{color:var(--epc-text-muted);text-align:center;font-size:.63rem;font-weight:500;line-height:1.2}.epc-salary-value{color:var(--epc-color-gross);letter-spacing:-.01em;font-size:.82rem;font-weight:700}.epc-salary-value--deduct{color:var(--epc-color-deduct)}.epc-salary-value--net{color:var(--epc-color-net)}.epc-breakdown{flex-wrap:wrap;gap:5px;display:flex}.epc-breakdown__chip{color:var(--epc-text-secondary);border:1px solid var(--epc-border);white-space:nowrap;background:#f7f9fe;border-radius:5px;padding:2px 7px;font-size:.67rem}.epc-footer{border-top:1px solid var(--epc-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.epc-payment-method{color:var(--epc-text-secondary);align-items:center;gap:5px;font-size:.7rem;font-weight:500;display:inline-flex}.epc-payment-method svg{color:var(--epc-text-muted)}.epc-actions{gap:6px;display:flex}.epc-btn{cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--epc-font);border:none;border-radius:7px;align-items:center;gap:4px;padding:5px 11px;transition:background .15s,transform .1s;display:inline-flex}.epc-btn:active{transform:scale(.96)}.epc-btn--view{background:var(--epc-btn-view-bg);color:var(--epc-btn-view-color)}.epc-btn--view:hover{background:var(--epc-btn-view-hover)}.epc-btn--edit{background:var(--epc-btn-edit-bg);color:var(--epc-btn-edit-color)}.epc-btn--edit:hover{background:var(--epc-btn-edit-hover)}@media (width<=600px){.epc-demo{padding:16px 12px 32px}.epc-grid{grid-template-columns:1fr}.epc-demo-header{flex-direction:column;gap:4px}}@media (width>=601px) and (width<=900px){.epc-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=901px) and (width<=1200px){.epc-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1201px){.epc-grid{grid-template-columns:repeat(4,1fr)}}.erp-skeleton-pulse{animation:1.5s ease-in-out infinite erp-pulse}@keyframes erp-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.erp-skeleton-box{background-color:#e2e8f0;border-radius:6px}.erp-card-skeleton{background:#fff;border:1px solid #dde3ea;border-radius:12px;flex-direction:column;padding:24px;display:flex}.erp-card-skeleton.stat-card{border-radius:24px;gap:16px;height:120px}.erp-card-skeleton.panel-card{background-color:#f1f5f9;border-radius:24px;height:380px}.erp-skeleton-stat-header{align-items:center;gap:12px;display:flex}.erp-skeleton-icon{background-color:#e2e8f0;border-radius:50%;width:40px;height:40px}.erp-skeleton-text-small{width:60%;height:14px}.erp-skeleton-text-large{width:80%;height:28px;margin-top:auto}.erp-table-skeleton-container{background:#fff;border:1px solid #dde3ea;border-radius:12px;width:100%;overflow:hidden}.erp-table-skeleton{border-collapse:collapse;width:100%}.erp-table-skeleton th,.erp-table-skeleton td{text-align:left;border-bottom:1px solid #dde3ea;padding:16px}.erp-table-skeleton th{background:#f8fafc}.erp-skeleton-th-content,.erp-skeleton-td-content{width:100%;max-width:120px;height:16px}.scm-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scm-modal{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:700px;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000001a}.scm-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.scm-header h2{color:#111827;margin:0 0 4px;font-size:1.25rem}.scm-header p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.scm-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.scm-close-btn:hover{color:#374151}.scm-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:0 24px;display:flex}.scm-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-weight:500;transition:all .2s}.scm-tab:hover{color:#374151}.scm-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.scm-content{flex:1;padding:24px;overflow-y:auto}.scm-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.scm-add-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500}.scm-add-btn:hover{background:#2563eb}.scm-table{border-collapse:collapse;width:100%}.scm-table th{text-align:left;color:#4b5563;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px;font-size:.875rem;font-weight:600}.scm-table td{color:#1f2937;border-bottom:1px solid #e5e7eb;padding:12px;font-size:.875rem}.scm-badge{border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.scm-badge-fixed{color:#1d4ed8;background:#dbeafe}.scm-badge-percentage{color:#7e22ce;background:#f3e8ff}.scm-badge-variable{color:#b45309;background:#fef3c7}.scm-edit-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500}.scm-edit-link:hover{text-decoration:underline}.scm-empty{text-align:center;color:#9ca3af;padding:32px!important}.scm-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.scm-form h3{color:#111827;margin-top:0;margin-bottom:16px;font-size:1.1rem}.scm-form-group{margin-bottom:16px}.scm-form-group label{color:#374151;margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.scm-form-group input,.scm-form-group select{color:#111827;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:.875rem}.scm-form-group input:focus,.scm-form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.scm-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.scm-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.scm-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500}.scm-btn-secondary:hover{background:#f3f4f6}.scm-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500}.scm-btn-primary:hover{background:#2563eb}.scm-table-wrapper{width:100%;overflow-x:auto}@media (width<=640px){.scm-modal{width:95%;max-height:90vh;margin:16px}.scm-header{padding:16px}.scm-tabs{padding:0 16px;overflow-x:auto}.scm-tab{white-space:nowrap;padding:12px 16px}.scm-content{padding:16px}.scm-table th,.scm-table td{padding:10px}.scm-form-actions{flex-direction:column-reverse}.scm-form-actions button{width:100%}.scm-footer{flex-direction:column-reverse;padding:16px}.scm-footer button{width:100%}}.core-pagination-container{justify-content:center;align-items:center;gap:8px;margin:24px 0;display:flex}.core-pagination-numbers{align-items:center;gap:8px;display:flex}.core-pagination-item,.core-pagination-arrow{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.core-pagination-item:hover:not(.active),.core-pagination-arrow:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.core-pagination-item.active{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.core-pagination-arrow:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.core-pagination-ellipsis{color:#64748b;letter-spacing:2px;justify-content:center;align-items:center;width:36px;height:36px;padding-bottom:6px;font-weight:600;display:flex}.payroll-dashboard{flex-wrap:wrap;gap:16px;padding-top:20px;display:flex}.payroll-section{align-items:flex-start;gap:20px;margin-top:20px;display:flex}.salary-breakdown-wrapper{flex:1;min-width:0}.payslip-preview-wrapper{flex-shrink:0;width:320px}@media (width<=1200px){.payslip-preview-wrapper{width:280px}}@media (width<=900px){.payroll-section{flex-direction:column}.salary-breakdown-wrapper,.payslip-preview-wrapper{width:100%}.payroll-dashboard{flex-direction:column}}.employee-card{background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:20px;min-width:240px;padding:24px;font-family:DM Sans,Segoe UI,sans-serif;transition:box-shadow .25s;display:flex;box-shadow:0 2px 12px #00000012}.employee-card:hover{box-shadow:0 6px 24px #0000001c}.employee-card__header{align-items:flex-start;gap:12px;display:flex}.employee-card__avatar{background:linear-gradient(135deg,#1a7f64 0%,#2bb08a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.employee-card__avatar img{object-fit:cover;width:100%;height:100%}.employee-card__avatar-initials{color:#fff;letter-spacing:.03em;font-size:1.1rem;font-weight:700}.employee-card__identity{flex:1;min-width:0}.employee-card__name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:1.1rem;font-weight:700;overflow:hidden}.employee-card__meta{color:#6b7280;margin:0;font-size:.78rem;font-weight:400}.employee-card__badge{letter-spacing:.02em;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.employee-card__badge-dot{border-radius:50%;width:7px;height:7px}.employee-card__badge--paid{color:#15803d;background:#dcfce7}.employee-card__badge--paid .employee-card__badge-dot{background:#22c55e}.employee-card__badge--pending{color:#a16207;background:#fef9c3}.employee-card__badge--pending .employee-card__badge-dot{background:#eab308}.employee-card__badge--overdue{color:#b91c1c;background:#fee2e2}.employee-card__badge--overdue .employee-card__badge-dot{background:#ef4444}.employee-card__details{flex-direction:column;gap:9px;display:flex}.employee-card__detail-row{align-items:center;gap:9px;display:flex}.employee-card__detail-icon{text-align:center;flex-shrink:0;width:18px;font-size:.85rem}.employee-card__detail-label{color:#374151;font-size:.82rem;font-weight:450}@media (width<=600px){.employee-card{padding:18px}.employee-card__name{font-size:1rem}}.salary-card{background:var(--salary-accent,#1a7f64);color:#fff;border-radius:16px;flex-direction:column;flex:1;gap:14px;min-width:220px;padding:24px;font-family:DM Sans,Segoe UI,sans-serif;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1a7f6447}.salary-card:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.salary-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #1a7f645c}.salary-card__label{opacity:.82;letter-spacing:.03em;margin:0;font-size:.78rem;font-weight:500}.salary-card__amount{align-items:baseline;gap:4px;line-height:1;display:flex}.salary-card__currency{opacity:.9;font-size:1.6rem;font-weight:700}.salary-card__value{letter-spacing:-.02em;font-size:2.6rem;font-weight:800}.salary-card__divider{background:#fff3;border-radius:1px;height:1px}.salary-card__breakdown{flex-direction:column;gap:7px;display:flex}.salary-card__row{justify-content:space-between;align-items:center;display:flex}.salary-card__row-label{opacity:.8;font-size:.82rem}.salary-card__row-value{font-size:.85rem;font-weight:600}.salary-card__row-value--neg{opacity:.75}.salary-card__footer{border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.salary-card__footer-label{font-size:.85rem;font-weight:700}.salary-card__footer-value{letter-spacing:-.01em;font-size:1rem;font-weight:800}@media (width<=600px){.salary-card{padding:18px}.salary-card__value{font-size:2rem}}.payroll-meta-card{background:#fff;border-radius:16px;flex-direction:column;flex:1.4;gap:20px;min-width:260px;padding:24px;font-family:DM Sans,Segoe UI,sans-serif;transition:box-shadow .25s;display:flex;box-shadow:0 2px 12px #00000012}.payroll-meta-card:hover{box-shadow:0 6px 24px #0000001c}.payroll-meta-card__title{color:#1a1a2e;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.payroll-meta-card__grid{grid-template-columns:repeat(var(--meta-cols,2), 1fr);gap:18px 24px;display:grid}.payroll-meta-card__field{flex-direction:column;gap:3px;display:flex}.payroll-meta-card__field-label{color:#9ca3af;letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:500}.payroll-meta-card__field-value{color:#111827;letter-spacing:-.01em;font-size:.9rem;font-weight:700}@media (width<=600px){.payroll-meta-card{padding:18px}.payroll-meta-card__grid{grid-template-columns:1fr 1fr;gap:14px 16px}}@media (width<=380px){.payroll-meta-card__grid{grid-template-columns:1fr}}.sb-card{box-sizing:border-box;background:#fff;border-radius:18px;width:100%;font-family:DM Sans,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 2px 20px #00000012,0 0 0 1px #0000000d}.sb-columns{grid-template-columns:1fr 1fr;min-height:0;display:grid}.sb-col{flex-direction:column;gap:0;padding:28px 32px 24px;display:flex;position:relative}.sb-col--earnings{border-right:1px solid #e5e7eb}.sb-edit-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,border-color .15s,transform .12s;display:flex;position:absolute;top:20px;right:20px}.sb-edit-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:scale(1.07)}.sb-section-head{align-items:center;gap:8px;margin-bottom:22px;display:flex}.sb-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.sb-dot--green{background:#16a34a}.sb-dot--red{background:#dc2626}.sb-section-title{letter-spacing:.1em;text-transform:uppercase;color:#374151;font-size:11px;font-weight:800}.sb-line-items{flex-direction:column;flex:1;display:flex}.sb-line{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sb-line:last-child{border-bottom:none}.sb-line-label{color:#374151;font-size:14px;font-weight:400}.sb-line-amount{color:#374151;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.sb-divider{background:#d1d5db;height:1px;margin:4px 0 0}.sb-total-row{justify-content:space-between;align-items:center;padding:18px 0 4px;display:flex}.sb-total-label{color:#111827;font-size:15px;font-weight:800}.sb-total-amount--green{color:#2563eb;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.sb-total-amount--red{color:#dc2626;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.sb-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.sb-net-left{flex-direction:column;gap:4px;display:flex}.sb-net-label{letter-spacing:.1em;text-transform:uppercase;color:#16a34a;font-size:10.5px;font-weight:800}.sb-net-amount-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.sb-net-amount{color:#16a34a;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:900;line-height:1}.sb-net-period{color:#9ca3af;font-size:13px;font-weight:500}.sb-pay-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sb-paid-badge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.sb-pending-badge{color:#b45309;white-space:nowrap;background:#fffbeb;border:1.5px solid #fde68a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.sb-pay-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sb-pay-date{color:#111827;white-space:nowrap;font-size:14px;font-weight:700}.sb-pay-mode{color:#9ca3af;white-space:nowrap;font-size:12px}@media (width<=860px){.sb-columns{grid-template-columns:1fr}.sb-col--earnings{border-bottom:1px solid #e5e7eb;border-right:none}.sb-col{padding:22px 20px 20px}.sb-footer{padding:18px 20px}}@media (width<=560px){.sb-net-amount{font-size:26px}.sb-pay-right{justify-content:space-between;width:100%}.sb-pay-info{align-items:flex-start}}@media (width<=400px){.sb-footer,.sb-pay-right{flex-direction:column;align-items:flex-start}.sb-pay-info{align-items:flex-start}}:root{--pm-color-primary:#2563eb;--pm-color-primary-hover:#1d4ed8;--pm-color-primary-light:#eff6ff;--pm-color-primary-border:#bfdbfe;--pm-color-danger:#dc2626;--pm-color-success:#16a34a;--pm-color-net-bg:#f0fdf4;--pm-color-net-border:#bbf7d0;--pm-color-text-primary:#111827;--pm-color-text-secondary:#6b7280;--pm-color-text-muted:#9ca3af;--pm-color-text-label:#374151;--pm-color-bg-white:#fff;--pm-color-bg-input:#f9fafb;--pm-color-bg-section:#f8fafc;--pm-color-border:#e5e7eb;--pm-color-border-focus:#93c5fd;--pm-radius-sm:6px;--pm-radius-md:10px;--pm-radius-lg:16px;--pm-radius-xl:20px;--pm-shadow-modal:0 25px 60px #0000002e, 0 8px 24px #0000001a;--pm-shadow-card:0 1px 3px #0000000f;--pm-font-sans:"Figtree", "DM Sans", system-ui, sans-serif;--pm-transition:.2s cubic-bezier(.4, 0, .2, 1);--pm-transition-modal:.3s cubic-bezier(.34, 1.56, .64, 1)}.pm-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;transition:opacity var(--pm-transition);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pm-overlay--visible{opacity:1}.pm-modal{background:var(--pm-color-bg-white);border-radius:var(--pm-radius-xl);box-shadow:var(--pm-shadow-modal);width:100%;max-width:520px;max-height:min(680px,100vh - 32px);font-family:var(--pm-font-sans);opacity:0;transition:transform var(--pm-transition-modal), opacity var(--pm-transition);flex-direction:column;display:flex;overflow:hidden;transform:scale(.94)translateY(12px)}.pm-modal--visible{opacity:1;transform:scale(1)translateY(0)}.pm-header{border-bottom:1px solid var(--pm-color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.pm-header__text{flex-direction:column;gap:3px;display:flex}.pm-header__title{color:var(--pm-color-text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700;line-height:1.3}.pm-header__subtitle{color:var(--pm-color-text-secondary);margin:0;font-size:13px;font-weight:500}.pm-close-btn{border-radius:var(--pm-radius-sm);border:1px solid var(--pm-color-border);cursor:pointer;width:32px;height:32px;color:var(--pm-color-text-secondary);transition:background var(--pm-transition), color var(--pm-transition), border-color var(--pm-transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.pm-close-btn svg{width:14px;height:14px}.pm-close-btn:hover{color:var(--pm-color-text-primary);background:#f3f4f6;border-color:#d1d5db}.pm-close-btn:focus-visible{outline:2px solid var(--pm-color-primary);outline-offset:2px}.pm-body{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.pm-body::-webkit-scrollbar{width:4px}.pm-body::-webkit-scrollbar-track{background:0 0}.pm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.pm-banner{background:var(--pm-color-primary-light);border:1px solid var(--pm-color-primary-border);border-radius:var(--pm-radius-md);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.pm-banner__icon{color:var(--pm-color-primary);flex-shrink:0;margin-top:1px}.pm-banner__icon svg{width:18px;height:18px;display:block}.pm-banner__text{color:#1e40af;margin:0;font-size:13px;font-weight:500;line-height:1.55}.pm-section__title{letter-spacing:.08em;text-transform:uppercase;color:var(--pm-color-text-muted);margin:0 0 10px;font-size:10.5px;font-weight:700}.pm-salary-card{border:1px solid var(--pm-color-border);border-radius:var(--pm-radius-md);box-shadow:var(--pm-shadow-card);overflow:hidden}.pm-divider{background:var(--pm-color-border);height:1px}.salary-row{background:var(--pm-color-bg-white);transition:background var(--pm-transition);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.salary-row--net{background:var(--pm-color-net-bg);border-top:1px solid var(--pm-color-net-border)}.salary-row__label{color:var(--pm-color-text-label);font-size:14px;font-weight:500}.salary-row--net .salary-row__label{color:var(--pm-color-success);font-size:15px;font-weight:700}.salary-row__value{color:var(--pm-color-text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.salary-row__value--net{color:var(--pm-color-success);font-size:17px;font-weight:700}.salary-row--deduction .salary-row__value{color:var(--pm-color-danger)}.pm-options{flex-direction:column;gap:2px;display:flex}.checkbox-option{border-radius:var(--pm-radius-md);cursor:pointer;transition:background var(--pm-transition);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.checkbox-option:hover{background:var(--pm-color-bg-section)}.checkbox-option__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkbox-option__box{border:2px solid var(--pm-color-border);background:var(--pm-color-bg-white);width:18px;height:18px;transition:background var(--pm-transition), border-color var(--pm-transition), box-shadow var(--pm-transition);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.checkbox-option__box svg{width:10px;height:10px}.checkbox-option__input:checked+.checkbox-option__box{background:var(--pm-color-primary);border-color:var(--pm-color-primary)}.checkbox-option:hover .checkbox-option__input:not(:checked)+.checkbox-option__box{border-color:#93c5fd}.checkbox-option__input:focus-visible+.checkbox-option__box{box-shadow:0 0 0 3px var(--pm-color-border-focus)}.checkbox-option__text{flex-direction:column;gap:2px;display:flex}.checkbox-option__label{color:var(--pm-color-text-primary);font-size:14px;font-weight:600;line-height:1.3}.checkbox-option__desc{color:var(--pm-color-text-secondary);font-size:12px;line-height:1.5}.pm-section--payment{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pm-section--payment .pm-section__title{display:none}.select-field{flex-direction:column;gap:6px;display:flex}.select-field__label{letter-spacing:.08em;text-transform:uppercase;color:var(--pm-color-text-muted);font-size:10.5px;font-weight:700}.select-field__wrapper{position:relative}.select-field__select{appearance:none;border:1.5px solid var(--pm-color-border);border-radius:var(--pm-radius-md);background:var(--pm-color-bg-white);width:100%;font-family:var(--pm-font-sans);color:var(--pm-color-text-primary);cursor:pointer;transition:border-color var(--pm-transition), box-shadow var(--pm-transition);padding:9px 34px 9px 12px;font-size:14px;font-weight:500;line-height:1.4}.select-field__select:hover{border-color:#9ca3af}.select-field__select:focus{border-color:var(--pm-color-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.select-field__arrow{color:var(--pm-color-text-secondary);pointer-events:none;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-field__arrow svg{width:10px;height:10px}.pm-footer{border-top:1px solid var(--pm-color-border);background:var(--pm-color-bg-white);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.pm-btn{border-radius:var(--pm-radius-md);font-family:var(--pm-font-sans);cursor:pointer;transition:background var(--pm-transition), color var(--pm-transition), box-shadow var(--pm-transition), transform .1s ease;border:none;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.pm-btn:active{transform:scale(.97)}.pm-btn:focus-visible{outline:2px solid var(--pm-color-primary);outline-offset:2px}.pm-btn--cancel{color:var(--pm-color-text-secondary);border:1.5px solid var(--pm-color-border);background:0 0}.pm-btn--cancel:hover{background:var(--pm-color-bg-section);color:var(--pm-color-text-primary);border-color:#d1d5db}.pm-btn--confirm{background:var(--pm-color-primary);color:#fff;box-shadow:0 2px 8px #2563eb59}.pm-btn--confirm svg{width:15px;height:11px}.pm-btn--confirm:hover{background:var(--pm-color-primary-hover);box-shadow:0 4px 14px #2563eb73}.pm-demo-bg{min-height:100vh;font-family:var(--pm-font-sans);background:#f1f5f9;justify-content:center;align-items:center;display:flex}.pm-demo-trigger{background:var(--pm-color-primary);color:#fff;border-radius:var(--pm-radius-md);font-family:var(--pm-font-sans);cursor:pointer;transition:background var(--pm-transition), box-shadow var(--pm-transition), transform .1s;border:none;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 14px #2563eb66}.pm-demo-trigger:hover{background:var(--pm-color-primary-hover);box-shadow:0 6px 20px #2563eb80}.pm-demo-trigger:active{transform:scale(.97)}@media (width<=540px){.pm-modal{border-radius:var(--pm-radius-lg);max-height:calc(100vh - 20px)}.pm-header{padding:18px 18px 14px}.pm-body{gap:16px;padding:16px 18px}.pm-footer{padding:14px 18px}}@media (width<=400px){.pm-overlay{align-items:flex-end;padding:0}.pm-modal{border-radius:var(--pm-radius-lg) var(--pm-radius-lg) 0 0;max-height:92vh}.pm-modal--visible{transform:scale(1)translateY(0)}.pm-section--payment{grid-template-columns:1fr;gap:12px}.pm-header__title{font-size:16px}.pm-btn--confirm span{display:none}.pm-footer{gap:8px}}@media (prefers-reduced-motion:reduce){.pm-overlay,.pm-modal,.pm-btn,.checkbox-option__box,.select-field__select{transition:none;animation:none}}.payslip-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;width:100%;max-width:360px;font-family:DM Sans,Segoe UI,sans-serif;transition:box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000012}.payslip-card:hover{box-shadow:0 8px 32px #0000001c}.payslip-card__header{justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.payslip-card__title{color:#111827;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.payslip-card__month-badge{color:#1a7f64;letter-spacing:.01em;background:#d1fae5;border-radius:20px;padding:4px 11px;font-size:.72rem;font-weight:600}.payslip-card__body{background:#f9fafb;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:12px;margin:0 14px;padding:16px;display:flex}.payslip-school{align-items:center;gap:11px;display:flex}.payslip-school__logo{color:#fff;background:#1a7f64;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.payslip-school__name{color:#111827;font-size:.88rem;font-weight:700}.payslip-school__sub{color:#6b7280;margin-top:1px;font-size:.72rem}.payslip-divider{background:#e5e7eb;border-radius:1px;height:1px}.payslip-divider--dashed{background:0 0;border-top:1px dashed #d1d5db}.payslip-employee{flex-direction:column;gap:2px;display:flex}.payslip-employee__name{color:#111827;font-size:.9rem;font-weight:700}.payslip-employee__sub{color:#6b7280;font-size:.75rem}.payslip-section{flex-direction:column;gap:7px;display:flex}.payslip-line{justify-content:space-between;align-items:center;display:flex}.payslip-line__label{color:#6b7280;font-size:.82rem;font-weight:400}.payslip-line__value{color:#374151;font-size:.82rem;font-weight:500}.payslip-line__value--neg{color:#ef4444;font-weight:600}.payslip-netpay{justify-content:space-between;align-items:center;display:flex}.payslip-netpay__label{color:#111827;font-size:.88rem;font-weight:700}.payslip-netpay__value{color:#1a7f64;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.payslip-card__actions{flex-direction:column;gap:10px;padding:16px 14px 18px;display:flex}.payslip-action-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .18s,opacity .18s,transform .14s;display:flex}.payslip-action-btn:hover{opacity:.9;transform:translateY(-1px)}.payslip-action-btn:active{transform:translateY(0)}.payslip-action-btn--primary{color:#fff;background:#1a7f64;box-shadow:0 3px 12px #1a7f6447}.payslip-action-btn--primary:hover{background:#166b54}.payslip-action-btn--secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.payslip-action-btn--secondary:hover{background:#f9fafb;border-color:#9ca3af}.payslip-action-btn__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.payslip-action-btn__icon svg{width:16px;height:16px}@media (width<=400px){.payslip-card{border-radius:14px;max-width:100%}.payslip-card__header{padding:14px 16px 12px}.payslip-card__body{margin:0 10px;padding:14px}.payslip-card__actions{padding:12px 10px 14px}}.bpd-card{--bpd-bg:#fff;--bpd-border:#e4e8f0;--bpd-radius:14px;--bpd-shadow:0 1px 3px #0f1c2e0f, 0 4px 16px #0f1c2e0a;--bpd-shadow-hover:0 2px 8px #0f1c2e14, 0 8px 24px #0f1c2e0f;--bpd-title-color:#0f1c2e;--bpd-label-color:#8fa3bf;--bpd-value-color:#1a2840;--bpd-divider:#edf0f6;--bpd-col-divider:#e8ecf3;--bpd-edit-bg:#f0f4ff;--bpd-edit-color:#3b82f6;--bpd-edit-border:#3b82f638;--bpd-font:"Plus Jakarta Sans", sans-serif;--bpd-font-mono:"JetBrains Mono", monospace;background:var(--bpd-bg);border:1px solid var(--bpd-border);border-radius:var(--bpd-radius);box-shadow:var(--bpd-shadow);font-family:var(--bpd-font);box-sizing:border-box;width:100%;padding:22px 26px 4px;transition:box-shadow .2s}.bpd-card:hover{box-shadow:var(--bpd-shadow-hover)}.bpd-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.bpd-title{color:var(--bpd-title-color);letter-spacing:-.2px;margin:0;font-size:1rem;font-weight:700}.bpd-edit-btn{background:var(--bpd-edit-bg);width:32px;height:32px;color:var(--bpd-edit-color);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .1s;display:flex}.bpd-edit-btn:hover{border-color:var(--bpd-edit-border);background:#dbeafe}.bpd-edit-btn:active{transform:scale(.92)}.bpd-edit-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.bpd-grid{grid-template-columns:1fr 1px 1fr;gap:0;display:grid}.bpd-col-divider{background:var(--bpd-col-divider);margin:0 24px}.bpd-column{flex-direction:column;padding-bottom:8px;display:flex}.bpd-row{border-bottom:1px solid var(--bpd-divider);justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.bpd-row:last-child{border-bottom:none}.bpd-row-label{color:var(--bpd-label-color);white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:400}.bpd-row-value{color:var(--bpd-value-color);text-align:right;word-break:break-word;font-size:.85rem;font-weight:500}.bpd-row-value--bold{color:#0f1c2e;font-weight:700}.bpd-row-value--mono{font-family:var(--bpd-font-mono);letter-spacing:.5px;color:#1a2840;font-size:.8rem}@media (width<=640px){.bpd-card{padding:18px 18px 4px}.bpd-grid{grid-template-columns:1fr}.bpd-col-divider{display:none}.bpd-column+.bpd-column{border-top:1px solid var(--bpd-divider);padding-top:4px}.bpd-row{padding:11px 0}}@media (width<=380px){.bpd-card{padding:14px 14px 4px}.bpd-row{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 0}.bpd-row-value{text-align:left}}.spdm-field-full{grid-column:1/-1}.spdm-input.disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}@media (width<=720px){.spdm-grid--2{grid-template-columns:1fr}.spdm-net-salary-bar{flex-direction:column;align-items:flex-start;gap:10px}.spdm-net-salary-field{flex:1;width:100%;max-width:100%}}.sta_page{width:100%;min-height:100vh;font-family:var(--font-family-primary,inherit)}@keyframes sp-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sp-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;flex-shrink:0;animation:1.4s linear infinite sp-shimmer}.sp-sk-banner{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:flex-start;gap:0;padding:28px 32px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.sp-sk-banner-left{flex:1;align-items:center;gap:20px;min-width:0;padding-right:32px;display:flex}.sp-sk-banner-divider{background:#e5e7eb;flex-shrink:0;align-self:stretch;width:1px;margin:-28px 0}.sp-sk-banner-right{flex-direction:column;flex:1.2;padding-left:32px;display:flex}.sp-sk-detail-grid{grid-template-columns:repeat(3,1fr);gap:14px 20px;display:grid}.sp-sk-detail-item{align-items:center;gap:8px;display:flex}.sp-sk-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;gap:14px;min-width:160px;max-width:260px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.sp-sk-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:14px;margin-top:10px;padding:24px;display:flex}@media (width<=768px){.sp-sk-banner{flex-direction:column;gap:20px;padding:20px}.sp-sk-banner-divider{display:none}.sp-sk-banner-left{padding-right:0}.sp-sk-banner-right{padding-left:0}.sp-sk-detail-grid{grid-template-columns:repeat(2,1fr)}.sp-sk-info-card{flex:calc(50% - 10px);max-width:100%}}@media (width<=480px){.sp-sk-detail-grid{grid-template-columns:1fr}.sp-sk-info-card{flex:100%;max-width:100%}}@media (width<=640px){.spCardBody{flex-direction:column;align-items:flex-start;margin-top:-28px;padding:0 16px 16px}.spAvatar{width:72px;height:72px}.spBtnPrint span,.spBtnPrint,.spBtnManage{padding:8px 12px;font-size:12px}.spMetaRow{gap:12px}.spMetaItem{font-size:12px}.spPageHeader{flex-direction:column;align-items:flex-start}}@media (width<=400px){.spActions{flex-wrap:wrap}}.tpb-banner{--tpb-bg:#fff;--tpb-surface:#fff;--tpb-border:#00000014;--tpb-accent:#2563eb;--tpb-accent-glow:#2563eb24;--tpb-accent-hover:#1d4ed8;--tpb-text-primary:#0f172a;--tpb-text-secondary:#475569;--tpb-text-muted:#94a3b8;--tpb-status-active:#16a34a;--tpb-status-bg:#16a34a1a;--tpb-star-filled:#f59e0b;--tpb-star-empty:#e2e8f0;--tpb-dept-bg:#2563eb14;--tpb-dept-color:#2563eb;--tpb-radius:16px;--tpb-radius-sm:8px;--tpb-font:"DM Sans", sans-serif;--tpb-font-mono:"JetBrains Mono", monospace;--tpb-shadow:0 2px 16px #0f172a14, 0 1px 4px #0f172a0d;--tpb-divider-color:#00000012;background:var(--tpb-surface);border:1px solid var(--tpb-border);border-radius:var(--tpb-radius);box-shadow:var(--tpb-shadow);font-family:var(--tpb-font);color:var(--tpb-text-primary);align-items:stretch;gap:0;width:100%;display:flex;position:relative;overflow:hidden}.tpb-banner:before{content:"";background:linear-gradient(90deg, transparent, var(--tpb-accent), transparent);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.tpb-left{background:linear-gradient(135deg,#2563eb0a 0%,#0000 60%);flex:none;align-items:center;gap:18px;max-width:380px;padding:24px 28px;display:flex}.tpb-avatar-wrap{background:linear-gradient(135deg, var(--tpb-accent), #7c5fe6);width:72px;height:72px;box-shadow:0 0 20px var(--tpb-accent-glow);border-radius:50%;flex-shrink:0;padding:3px}.tpb-avatar-img{object-fit:cover;border:2px solid var(--tpb-bg);border-radius:50%;width:100%;height:100%;display:block}.tpb-avatar-fallback{width:100%;height:100%;color:var(--tpb-accent);letter-spacing:1px;background:#eff6ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.tpb-info{flex-direction:column;gap:5px;min-width:0;display:flex}.tpb-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpb-name{color:var(--tpb-text-primary);white-space:nowrap;letter-spacing:-.3px;margin:0;font-size:1.2rem;font-weight:700}.tpb-status{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:3px 9px;font-size:.68rem;font-weight:600}.tpb-status--active{color:var(--tpb-status-active);background:var(--tpb-status-bg);border:1px solid #16a34a40}.tpb-status--inactive{color:#dc2626;background:#dc262614;border:1px solid #dc262633}.tpb-title{color:var(--tpb-text-secondary);margin:0;font-size:.82rem;font-weight:400}.tpb-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.tpb-dept-badge{color:var(--tpb-dept-color);background:var(--tpb-dept-bg);white-space:nowrap;border:1px solid #2563eb2e;border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:600}.tpb-id{color:var(--tpb-text-muted);font-size:.74rem;font-family:var(--tpb-font-mono);white-space:nowrap}.tpb-id strong{color:var(--tpb-text-secondary);font-weight:600}.star-rating{align-items:center;gap:2px;display:flex}.star{font-size:.9rem;line-height:1;transition:transform .15s}.star.filled{color:var(--tpb-star-filled)}.star.partial{color:var(--tpb-star-filled);opacity:.45}.star.empty{color:var(--tpb-star-empty)}.rating-value{color:var(--tpb-text-primary);font-size:.78rem;font-weight:700;font-family:var(--tpb-font-mono);margin-left:4px}.rating-max{color:var(--tpb-text-muted);font-weight:400}.tpb-divider{background:var(--tpb-divider-color);flex-shrink:0;align-self:stretch;width:1px}.tpb-right{flex-direction:column;flex:1 1 0;gap:16px;min-width:0;padding:20px 24px;display:flex}.tpb-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tpb-btn{font-family:var(--tpb-font);border-radius:var(--tpb-radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:.1px;border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s;display:inline-flex}.tpb-btn:active{transform:scale(.96)}.tpb-btn--primary{background:var(--tpb-accent);color:#fff;border-color:var(--tpb-accent);box-shadow:0 2px 10px var(--tpb-accent-glow)}.tpb-btn--primary:hover{background:var(--tpb-accent-hover);border-color:var(--tpb-accent-hover);box-shadow:0 4px 18px #2563eb47}.tpb-btn--secondary{color:var(--tpb-text-secondary);background:#f8fafc;border-color:#0000001a}.tpb-btn--secondary:hover{color:var(--tpb-text-primary);background:#f1f5f9;border-color:#00000026}.tpb-btn--icon{color:var(--tpb-text-secondary);background:#f8fafc;border-color:#0000001a;padding:7px 10px}.tpb-btn--icon:hover{color:var(--tpb-text-primary);background:#f1f5f9}.tpb-details-grid{grid-template-columns:repeat(2,1fr);gap:8px 16px;display:grid}.tpb-detail-item{align-items:center;gap:7px;min-width:0;display:flex}.tpb-detail-icon{color:var(--tpb-text-muted);flex-shrink:0;align-items:center;display:flex}.tpb-detail-label{color:var(--tpb-text-muted);flex-shrink:0;font-size:.75rem}.tpb-detail-value{color:var(--tpb-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}@media (width<=720px){.tpb-banner{flex-direction:column}.tpb-left{border-bottom:1px solid var(--tpb-divider-color);max-width:100%;padding:20px 20px 16px}.tpb-divider{display:none}.tpb-right{padding:16px 20px 20px}.tpb-details-grid{grid-template-columns:repeat(2,1fr)}.tpb-actions{position:absolute;top:20px;right:20px}}@media (width<=480px){.tpb-left{flex-direction:column;align-items:flex-start;gap:14px}.tpb-name{font-size:1.05rem}.tpb-actions{gap:6px;top:16px;right:16px}.tpb-btn{padding:6px 11px;font-size:.75rem}.tpb-details-grid{grid-template-columns:1fr;gap:8px}}.tpb-btn:focus-visible{outline:2px solid var(--tpb-accent);outline-offset:2px}.acinfo-card{background:#fff;border-radius:14px;flex-direction:column;flex:130px;gap:10px;min-width:120px;padding:18px 22px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a}.acinfo-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.acinfo-card__header{justify-content:space-between;align-items:center;display:flex}.acinfo-card__label{color:#6b7280;font-size:13px;font-weight:500}.acinfo-card__icon{align-items:center;width:20px;height:20px;display:flex}.acinfo-card__value{font-size:26px;font-weight:700;line-height:1}.cards-row{flex-wrap:wrap;gap:14px;display:flex}.ptBar{scrollbar-width:none;border-bottom:2px solid #e2e8f0;align-items:flex-end;gap:0;display:flex;overflow-x:auto}.ptBar::-webkit-scrollbar{display:none}.ptTab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:15px;font-weight:400;transition:color .16s,border-color .16s}.ptTab:hover{color:#1e293b}.ptTab_active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}@media (width<=600px){.ptTab{padding:10px 12px;font-size:12.5px}}.tpp-page{box-sizing:border-box;background:#f4f6f9;min-height:100vh}.tpp-stack{flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}.pdf-field-input{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.pdf-field-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.pdf-field-input:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.pdf-form-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:20px;padding-top:16px;display:flex}.pdf-btn{cursor:pointer;border:none;border-radius:6px;min-width:100px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.pdf-btn--save{color:#fff;background-color:#4f46e5}.pdf-btn--save:hover{background-color:#4338ca;box-shadow:0 4px 6px #4f46e533}.pdf-btn--save:active{background-color:#3730a3}.pdf-btn--cancel{color:#6b7280;background-color:#f3f4f6;border:1px solid #d1d5db}.pdf-btn--cancel:hover{background-color:#e5e7eb;border-color:#9ca3af}.pdf-btn--cancel:active{background-color:#d1d5db}@media (width<=600px){.tpp-page{padding:16px 12px 32px}.tpp-stack{gap:14px}.pdf-form-actions{flex-wrap:wrap}.pdf-btn{flex:1;min-width:auto}}.pdf-section{--pdf-bg:#fff;--pdf-bg-page:#f4f6f9;--pdf-border:#e4e8f0;--pdf-border-hover:#c8d0e0;--pdf-text-title:#0f1c2e;--pdf-text-primary:#1a2840;--pdf-text-label:#7a8faa;--pdf-text-muted:#a3b0c0;--pdf-accent:#2563eb;--pdf-accent-light:#eff4ff;--pdf-accent-hover:#1d4fd8;--pdf-edit-bg:#f0f4ff;--pdf-edit-color:#3b82f6;--pdf-shadow:0 1px 3px #0f1c2e0f, 0 4px 16px #0f1c2e0a;--pdf-shadow-hover:0 2px 8px #0f1c2e14, 0 8px 24px #0f1c2e0f;--pdf-radius:14px;--pdf-font:"Plus Jakarta Sans", sans-serif;--pdf-font-mono:"JetBrains Mono", monospace;background:var(--pdf-bg);border:1px solid var(--pdf-border);border-radius:var(--pdf-radius);box-shadow:var(--pdf-shadow);font-family:var(--pdf-font);box-sizing:border-box;width:100%;padding:28px 32px 32px;transition:box-shadow .2s}.pdf-section:hover{box-shadow:var(--pdf-shadow-hover)}.pdf-section-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.pdf-section-title{color:var(--pdf-text-title);letter-spacing:-.3px;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.pdf-edit-btn{background:var(--pdf-edit-bg);width:34px;height:34px;color:var(--pdf-edit-color);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,border-color .16s,transform .1s;display:flex}.pdf-edit-btn:hover{background:var(--pdf-accent-light);border-color:#3b82f640}.pdf-edit-btn:active{transform:scale(.93)}.pdf-edit-btn:focus-visible{outline:2px solid var(--pdf-accent);outline-offset:2px}.pdf-field-grid{grid-template-columns:repeat(3,1fr);gap:24px 20px;display:grid}.pdf-field{flex-direction:column;gap:5px;min-width:0;display:flex}.pdf-field--span-2{grid-column:span 2}.pdf-field--span-3{grid-column:span 3}.pdf-field-label{color:var(--pdf-text-label);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;font-size:.68rem;font-weight:600}.pdf-field-value{color:var(--pdf-text-primary);word-break:break-word;font-size:.925rem;font-weight:600;line-height:1.4}.pdf-field-value--mono{font-family:var(--pdf-font-mono);letter-spacing:.5px;color:var(--pdf-text-title);font-size:.875rem}.pdf-divider{border:none;border-top:1px solid var(--pdf-border);margin:0}.pdf-section-body{flex-direction:column;gap:24px;display:flex}@media (width<=768px){.pdf-section{padding:22px 22px 26px}.pdf-field-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}.pdf-field--span-3{grid-column:span 2}}@media (width<=520px){.pdf-section{border-radius:10px;padding:18px 16px 22px}.pdf-section-title{font-size:1rem}.pdf-field-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.pdf-field--span-2,.pdf-field--span-3{grid-column:span 2}}@media (width<=360px){.pdf-field-grid{grid-template-columns:1fr}.pdf-field--span-2,.pdf-field--span-3{grid-column:span 1}}.dt_wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;font-family:inherit;overflow:hidden;box-shadow:0 1px 4px #0000000a}.dt_header{border-bottom:1px solid #f0f4ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dt_headerLeft{align-items:center;gap:8px;min-width:0;display:flex}.dt_headerIcon{color:#6b7280;flex-shrink:0;align-items:center;display:flex}.dt_title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.dt_headerAction{flex-shrink:0}.dt_headerAction button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.dt_headerAction button:hover{background:#f9fafb;border-color:#d1d5db}.dt_tableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dt_table{border-collapse:collapse;width:100%;min-width:520px;font-size:13.5px}.dt_th{color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f0f0f0;padding:10px 20px;font-size:12.5px;font-weight:500}.dt_th--upper{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.dt_row{border-bottom:1px solid #f3f4f6;transition:background .14s}.dt_row:last-child{border-bottom:none}.dt_row:hover{background:#f9fafb}.dt_row--danger{background:#fff5f5}.dt_row--danger:hover{background:#fee2e2}.dt_row--success{background:#f0fdf4}.dt_row--warning{background:#fffbeb}.dt_td{color:#111827;vertical-align:middle;white-space:nowrap;padding:14px 20px}.dt_subjectCell{flex-direction:column;gap:3px;display:flex}.dt_subjectCode{color:#111827;font-size:13.5px;font-weight:700;line-height:1.2}.dt_subjectName{color:#6b7280;font-size:12px;font-weight:400;line-height:1.2}.dt_progressCell{align-items:center;gap:10px;min-width:140px;display:flex}.dt_progressPct{color:#374151;text-align:right;flex-shrink:0;min-width:36px;font-size:13px;font-weight:600}.dt_barTrack{background:#e5e7eb;border-radius:999px;flex:1;min-width:60px;height:8px;overflow:hidden}.dt_barFill{border-radius:999px;height:100%;transition:width .4s}.dt_barFill.dt_bar--good{background:#16a34a}.dt_barFill.dt_bar--warning{background:#f59e0b}.dt_barFill.dt_bar--critical{background:#ff2226}.dt_badge{white-space:nowrap;letter-spacing:.01em;border-radius:8px;justify-content:center;align-items:center;padding:5px 16px;font-size:12px;font-weight:600;display:inline-flex}.dt_badge--good{color:#fff;background:#16a34a}.dt_badge--warning{color:#fff;background:#f59e0b}.dt_badge--critical{color:#fff;background:#ff2226}.dt_badge--pass,.dt_badge--paid{color:#fff;background:#16a34a}.dt_badge--fail{color:#fff;background:#ff2226}.dt_badge--pending{color:#fff;background:#f59e0b}.dt_badge--inprogress{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.dt_badge--promoted{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.dt_badge--detained{color:#ff2226;background:#fff5f5;border:1px solid #fecaca}.dt_empty{text-align:center;color:#9ca3af;padding:36px 20px;font-size:13px}.dt_iconBtn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.dt_iconBtn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.dt_mono{color:#6b7280;font-family:Courier New,monospace;font-size:12.5px}.dt_bold{color:#111827;font-weight:700}.dt_dropdown{appearance:none;color:#1a1a2e;cursor:pointer;background:#f7f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e8eaed;border-radius:8px;outline:none;padding:7px 32px 7px 12px;font-size:13px;font-weight:500;transition:border-color .15s}.dt_dropdown:hover,.dt_dropdown:focus{border-color:#a0aec0}@media (width<=768px){.dt_header{gap:10px;padding:14px 16px}.dt_title{font-size:14px}.dt_th,.dt_td{padding:12px 14px}.dt_th{font-size:11.5px}.dt_progressCell{gap:8px;min-width:120px}.dt_barTrack{min-width:48px}}@media (width<=480px){.dt_wrapper{border-radius:10px}.dt_header{padding:12px}.dt_title{font-size:13.5px}.dt_headerAction button{padding:6px 10px;font-size:12px}.dt_th,.dt_td{padding:10px 12px;font-size:12px}.dt_badge{padding:4px 12px;font-size:11px}.dt_iconBtn{width:28px;height:28px}.dt_subjectCode{font-size:12.5px}.dt_progressPct{min-width:30px;font-size:12px}}@media (width<=360px){.dt_th,.dt_td{padding:9px 10px;font-size:11.5px}.dt_progressCell{gap:6px}.dt_barTrack{min-width:36px}}.pdc_wrapper{font-family:var(--font-family-primary);box-sizing:border-box;width:100%}.pdc_title{color:#111827;margin:0 0 14px;font-size:17px;font-weight:700}.pdc_card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.pdc_item{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:16px 18px;transition:background .15s;display:flex}.pdc_item:hover{background:#f9fafb}.pdc_checkbox{background:#fff;border:1.8px solid #d1d5db;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;transition:background .15s,border-color .15s;display:flex}.pdc_checkbox--checked{background:#4a7ff7;border-color:#4a7ff7}.pdc_info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pdc_label{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.pdc_date{color:#6b7280;font-size:12px}.pdc_date--overdue{color:#dc2626;font-weight:500}.pdc_amount{color:#111827;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.pdc_summary{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:8px;padding:12px 18px;display:flex}.pdc_summaryRow{justify-content:space-between;align-items:center;display:flex}.pdc_summaryLabel{color:#6b7280;font-size:13px}.pdc_summaryValue{color:#374151;font-size:13px;font-weight:500}.pdc_total{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pdc_totalLabel{color:#111827;font-size:15px;font-weight:700}.pdc_totalValue{color:#111827;font-size:16px;font-weight:700}.pdc_cta{flex-direction:column;gap:10px;padding:16px 18px 14px;display:flex}.pdc_payBtn{color:#fff;cursor:pointer;width:100%;font-size:14.5px;font-weight:600;font-family:var(--font-family-primary);background:#4a7ff7;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;transition:background .18s,transform .12s;display:flex}.pdc_payBtn:hover:not(:disabled){background:#39a529}.pdc_payBtn:active:not(:disabled){transform:scale(.98)}.pdc_payBtn:disabled{cursor:not-allowed;background:#a7f3d0}.pdc_secure{color:#9ca3af;justify-content:center;align-items:center;gap:5px;margin:0;font-size:11.5px;display:flex}@media (width<=1024px){.pdc_item{padding:14px 16px}.pdc_summary{padding:11px 16px}.pdc_total{padding:13px 16px}.pdc_cta{padding:14px 16px 12px}}@media (width<=768px){.pdc_title{font-size:16px}.pdc_card{border-radius:12px}.pdc_item{gap:10px;padding:13px 14px}.pdc_label{white-space:normal;font-size:13px}.pdc_amount{font-size:13.5px}.pdc_totalLabel{font-size:14px}.pdc_totalValue{font-size:15px}.pdc_payBtn{padding:13px;font-size:14px}}@media (width<=480px){.pdc_title{margin-bottom:12px;font-size:15px}.pdc_card{border-radius:10px}.pdc_item{gap:9px;padding:12px}.pdc_checkbox{width:18px;min-width:18px;height:18px}.pdc_label{font-size:12.5px}.pdc_date{font-size:11px}.pdc_amount{font-size:13px}.pdc_summary{gap:7px;padding:10px 12px}.pdc_summaryLabel,.pdc_summaryValue{font-size:12px}.pdc_total{padding:12px}.pdc_totalLabel{font-size:13px}.pdc_totalValue{font-size:14px}.pdc_cta{gap:8px;padding:12px 12px 10px}.pdc_payBtn{border-radius:9px;padding:12px;font-size:13.5px}.pdc_secure{font-size:11px}}@media (width<=360px){.pdc_item{padding:10px}.pdc_summary,.pdc_total,.pdc_cta{padding-left:10px;padding-right:10px}.pdc_payBtn{padding:11px;font-size:13px}}.payrollTab{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:20px;display:flex}.payrollTab__actionBar{background:#fff;border:1px solid #00000012;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #0f172a0d}.payrollTab__periodSelector{align-items:center;gap:10px;display:flex}.payrollTab__periodLabel{color:#64748b;white-space:nowrap;font-size:.8rem;font-weight:600}.payrollTab__actionBtns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.payrollTab__salaryCard{box-sizing:border-box;grid-template-rows:1fr 1fr;gap:20px;width:100%;display:flex}.payrollTab__twoCol{align-items:flex-start;gap:20px;width:100%;display:flex}.payrollTab__historyCard{background:#fff;border:1px solid #00000012;border-radius:12px;flex:0 0 62%;min-width:0;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.payrollTab__duesCard{flex:auto;min-width:0}.payrollTab__cardHeader{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.payrollTab__cardTitle{color:#0f172a;margin:0;font-size:.92rem;font-weight:700}.payrollTab__bankCard{box-sizing:border-box;width:100%}@media (width<=900px){.payrollTab__twoCol{flex-direction:column}.payrollTab__historyCard,.payrollTab__duesCard{flex:unset;width:100%}}@media (width<=600px){.payrollTab{gap:14px;padding:12px}.payrollTab__actionBar{flex-direction:column;align-items:flex-start;padding:12px 14px}.payrollTab__actionBtns{width:100%}.payrollTab__periodSelector{justify-content:space-between;width:100%}}.status-modal-content{text-align:center;flex-direction:column;align-items:center;padding:40px 32px 32px;display:flex}.status-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards statusIconPop;display:flex;transform:scale(0)}.status-modal-icon.success{background:#22c55e;box-shadow:0 8px 24px #22c55e4d}.status-modal-icon.error{background:#ef4444;box-shadow:0 8px 24px #ef44444d}.status-modal-icon svg{color:#fff;stroke-width:2.5px}.status-modal-icon svg path,.status-modal-icon svg polyline{stroke-dasharray:40;stroke-dashoffset:40px;animation:.5s .35s forwards statusStrokeDraw}.status-modal-title{color:#1a1f36;letter-spacing:-.2px;opacity:0;margin:0 0 8px;font-size:20px;font-weight:700;animation:.35s .2s forwards statusFadeUp;transform:translateY(8px)}.status-modal-message{color:#6b7280;opacity:0;max-width:320px;margin:0 0 28px;font-size:14px;line-height:1.6;animation:.35s .3s forwards statusFadeUp;transform:translateY(8px)}.status-modal-footer{opacity:0;justify-content:center;align-items:center;gap:12px;width:100%;animation:.35s .4s forwards statusFadeUp;display:flex;transform:translateY(8px)}.status-modal-footer .btn{border-radius:10px;justify-content:center;min-width:130px;padding:11px 24px;font-size:14px;font-weight:600}@keyframes statusIconPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes statusStrokeDraw{to{stroke-dashoffset:0}}@keyframes statusFadeUp{to{opacity:1;transform:translateY(0)}}@media (width<=900px){.attendance__layout{flex-direction:column}.attendance__calendar,.attendance__mark{flex:unset;width:100%}}@media (width<=480px){.attendance__layout{gap:14px;padding:12px}}.ac-wrap{width:100%}.ac-card{background:#fff;border:1px solid #00000012;border-radius:12px;padding:20px;font-family:Inter,DM Sans,sans-serif;box-shadow:0 2px 12px #0f172a12}.ac-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ac-selectors{gap:8px;display:flex}.ac-selector{align-items:center;display:inline-flex;position:relative}.ac-selector select{appearance:none;color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 28px 6px 10px;font-size:.82rem;font-weight:600;transition:border-color .15s}.ac-selector select:focus{border-color:#2563eb}.ac-chevron{pointer-events:none;color:#64748b;font-size:.7rem;position:absolute;right:8px}.ac-nav{gap:4px;display:flex}.ac-nav-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .14s,color .14s;display:flex}.ac-nav-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ac-stats{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-bottom:16px;display:grid}.ac-stat{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.ac-stat-val{color:#0f172a;font-size:1.1rem;font-weight:700}.ac-stat-lbl{color:#64748b;text-align:center;margin-top:2px;font-size:.68rem}.ac-stat.present{background:#f0fdf4;border-left-color:#16a34a}.ac-stat.absent{background:#fef2f2;border-left-color:#dc2626}.ac-stat.holiday{background:#f5f3ff;border-left-color:#7c3aed}.ac-stat.leave{background:#ecfeff;border-left-color:#0891b2}.ac-stat.halfday{background:#fff7ed;border-left-color:#ea580c}.ac-stat.late{background:#fffbeb;border-left-color:#d97706}.ac-stat.pct{background:#eff6ff;border-left-color:#2563eb}.ac-stat.present .ac-stat-val{color:#16a34a}.ac-stat.absent .ac-stat-val{color:#dc2626}.ac-stat.holiday .ac-stat-val{color:#7c3aed}.ac-stat.leave .ac-stat-val{color:#0891b2}.ac-stat.halfday .ac-stat-val{color:#ea580c}.ac-stat.late .ac-stat-val{color:#d97706}.ac-stat.pct .ac-stat-val{color:#2563eb}.ac-day-headers{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px;display:grid}.ac-day-header{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:4px 0;font-size:.7rem;font-weight:600}.ac-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.ac-cell{aspect-ratio:1;cursor:default;background:#f8fafc;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;transition:background .13s,transform .1s;display:flex;position:relative;overflow:hidden}.ac-cell[role=button]{cursor:pointer}.ac-cell[role=button]:hover{transform:scale(1.06);box-shadow:0 2px 8px #0000001a}.ac-cell[role=button]:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.ac-cell.empty{cursor:default;background:0 0;border-color:#0000}.ac-day-num{color:#475569;font-size:.72rem;font-weight:600;line-height:1}.ac-status-icon{margin-top:2px;font-size:.58rem;font-weight:700;line-height:1}.ac-dot{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.ac-cell.present{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.ac-cell.present .ac-day-num{color:#15803d}.ac-cell.absent{color:#dc2626;background:#fee2e2;border-color:#fecaca}.ac-cell.absent .ac-day-num{color:#b91c1c}.ac-cell.holiday{color:#7c3aed;background:#f3e8ff;border-color:#e9d5ff}.ac-cell.holiday .ac-day-num{color:#6d28d9}.ac-cell.leave{color:#0891b2;background:#cffafe;border-color:#a5f3fc}.ac-cell.leave .ac-day-num{color:#0e7490}.ac-cell.halfday{color:#ea580c;background:#ffedd5;border-color:#fed7aa}.ac-cell.halfday .ac-day-num{color:#c2410c}.ac-cell.late{color:#d97706;background:#fef3c7;border-color:#fde68a}.ac-cell.late .ac-day-num{color:#b45309}.ac-cell.none{color:#cbd5e1;background:#f8fafc;border-color:#0000}.ac-cell.today{outline-offset:-2px;outline:2px solid #2563eb}.ac-cell.today .ac-day-num{color:#2563eb;font-weight:800}.ac-legend{border-top:1px solid #0000000f;flex-wrap:wrap;gap:10px 16px;margin-top:14px;padding-top:12px;display:flex}.ac-legend-item{color:#475569;align-items:center;gap:5px;font-size:.74rem;font-weight:500;display:flex}.ac-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.ac-legend-dot.present{background:#dcfce7;border:1px solid #bbf7d0}.ac-legend-dot.absent{background:#fee2e2;border:1px solid #fecaca}.ac-legend-dot.holiday{background:#f3e8ff;border:1px solid #e9d5ff}.ac-legend-dot.leave{background:#cffafe;border:1px solid #a5f3fc}.ac-legend-dot.halfday{background:#ffedd5;border:1px solid #fed7aa}.ac-legend-dot.late{background:#fef3c7;border:1px solid #fde68a}.ac-legend-dot.none{background:#f8fafc;border:1px solid #e2e8f0}@media (width<=480px){.ac-card{padding:14px}.ac-day-num{font-size:.62rem}.ac-status-icon{font-size:.5rem}.ac-cell{border-radius:5px}.ac-stat-val{font-size:.95rem}}.ma-card{box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:24px 22px 20px;font-family:DM Sans,Segoe UI,sans-serif;display:flex;box-shadow:0 2px 20px #00000014,0 0 0 1px #0000000d}.ma-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.ma-field{flex-direction:column;gap:6px;display:flex}.ma-label{color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.ma-date-wrap{align-items:center;display:flex;position:relative}.ma-date-input{color:#111827;box-sizing:border-box;appearance:none;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 40px 11px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.ma-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ma-date-icon{color:#9ca3af;pointer-events:none;position:absolute;right:12px}.ma-status-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ma-status-btn{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:7px;padding:11px 10px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .12s;display:flex}.ma-status-btn:hover:not(.ma-status-btn--active){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.ma-status-btn--active.ma-status-btn--Present{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 4px 14px #16a34a4d}.ma-status-btn--active.ma-status-btn--Absent{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 14px #dc262647}.ma-status-btn--active.ma-status-btn--Late{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b47}.ma-status-btn--active.ma-status-btn--Leave{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 14px #6366f147}.ma-status-btn--active.ma-status-btn--Holiday{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 14px #0ea5e947}.ma-status-btn--active.ma-status-btn--HalfDay{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 14px #8b5cf647}.ma-time-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ma-time-wrap{align-items:center;display:flex;position:relative}.ma-time-input{color:#111827;box-sizing:border-box;appearance:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 38px 11px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .2s,box-shadow .2s}.ma-time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ma-time-icon{color:#9ca3af;pointer-events:none;position:absolute;right:11px}.ma-remarks{color:#374151;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:80px;padding:12px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.ma-remarks:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ma-remarks::placeholder{color:#d1d5db}.ma-save-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#3b82f6;border:none;border-radius:12px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s,transform .12s}.ma-save-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.ma-save-btn:active{transform:translateY(0)}.ma-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#93c5fd;transform:none}.ma-footer{color:#6b7280;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.ma-footer-label{color:#374151;font-weight:600}.ma-footer-status{color:#16a34a;font-weight:700}.ma-footer-check{background:#16a34a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.ma-footer-check svg{display:block}@media (width<=480px){.ma-card{border-radius:14px;padding:20px 16px 18px}}.common-modal-header{border-bottom:1px solid var(--color-border,#e5e7eb);align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.common-modal-header-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #1d4ed82e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 8px #1d4ed81f}.common-modal-header-text{flex:1;min-width:0}.common-modal-title{color:var(--color-text,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.25}.common-modal-subtitle{color:var(--color-text-lighter,#6b7280);margin:4px 0 0;font-size:13px}.common-modal-close-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:background .18s,color .18s;display:flex}.common-modal-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}@media (width<=720px){.common-modal-header{padding:18px 18px 14px}}.common-modal-body{max-height:58vh;padding:20px 26px 6px;overflow-y:auto}.common-modal-body::-webkit-scrollbar{width:5px}.common-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}@media (width<=720px){.common-modal-body{padding:16px 18px 6px}}.modal-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:0;padding:0 26px;display:flex}.modal-tab{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;padding:13px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .18s,border-color .18s,background .18s;display:flex;position:relative}.modal-tab:hover{color:#1d4ed8;background:#1d4ed80a}.modal-tab--active{color:#1d4ed8;background:#1d4ed80d;border-bottom-color:#1d4ed8;font-weight:600}.modal-tab--done{color:#059669}.modal-tab--done .modal-tab-step{color:#fff;background:#059669;border-color:#059669}.modal-tab-step{color:#6b7280;background:#e5e7eb;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.modal-tab--active .modal-tab-step{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.modal-tab-label{font-size:13px}.modal-footer{border-top:1px solid var(--color-border,#e5e7eb);background:#f9fafb;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;display:flex}.modal-footer-right{align-items:center;gap:10px;display:flex}.modal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn--primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 2px 8px #1d4ed840}.modal-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed859}.modal-btn--outline{color:#374151;background:0 0;border:1px solid #d1d5db}.modal-btn--outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.modal-btn--ghost{color:#1d4ed8;background:0 0;border:1px solid #1d4ed84d}.modal-btn--ghost:hover:not(:disabled){background:#1d4ed80f;border-color:#1d4ed8}.modal-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite modal-spin}@keyframes modal-spin{to{transform:rotate(360deg)}}@media (width<=720px){.modal-footer{flex-direction:column-reverse;align-items:stretch;padding:14px 18px}.modal-footer-right{flex-direction:column}.modal-btn{justify-content:center;width:100%}}@media (width<=720px){.spdm-grid--2,.spdm-grid--3,.spdm-salary-grid{grid-template-columns:1fr}.spdm-header{padding:18px 18px 14px}.spdm-tabs{padding:0 18px;overflow-x:auto}.spdm-tab-label{display:none}.spdm-net-salary-bar{flex-direction:column;align-items:flex-start;gap:10px}.spdm-net-salary-field{flex:1;width:100%;max-width:100%}}@keyframes spdm-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.multiselect-wrap{position:relative}.multiselect-field{color:#1a1f36;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1.5px solid #dde3ee;border-radius:7px;outline:none;align-items:center;width:100%;min-height:41px;padding:10px 36px 10px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;transition:border-color .16s,box-shadow .16s;display:flex}.multiselect-field.placeholder{color:#6b7490}.multiselect-field.error{background:#fef1f2;border-color:#e34c5a}.multiselect-field.disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.multiselect-field.disabled .multiselect-arrow{color:#94a3b8}.multiselect-field.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.multiselect-display{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.multiselect-arrow{pointer-events:none;color:#6b7490;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.multiselect-dropdown{background:#fff;border:1.5px solid #dde3ee;border-radius:7px;flex-direction:column;display:flex;box-shadow:0 4px 16px #0000001f}.multiselect-options-list{max-height:200px;padding:4px 0;overflow-y:auto}.multiselect-option{cursor:pointer;color:#1a1f36;align-items:center;gap:8px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:background .1s;display:flex}.multiselect-option:hover{background:#f3f5f9}.multiselect-option.selected{color:#1d4ed8;background:#ebf4ff}.multiselect-checkbox{cursor:pointer;margin:0}.multiselect-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:flex-end;padding:8px 12px;display:flex}.multiselect-done-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.multiselect-done-btn:hover{background:#2563eb}.document-tab-container{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;overflow:hidden;box-shadow:0 1px 3px #0000000a}@media (width<=768px){.dt-list-item{flex-direction:column;align-items:flex-start;gap:16px}}.dt-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dt-header-left{align-items:center;gap:10px;display:flex}.dt-header-icon{color:#10b981}.dt-header-title{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:700}.dt-header-right{align-items:center;gap:16px;display:flex}.dt-vault-text{color:#64748b;font-size:.875rem}.dt-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.dt-upload-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.dt-list-container{flex-direction:column;display:flex}.dt-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;transition:background-color .2s;display:flex}.dt-list-item:hover{background-color:#f8fafc}.dt-list-item:last-child{border-bottom:none}.dt-item-main{align-items:center;gap:20px;display:flex}.dt-file-icon-wrapper{color:#3558bb;background-color:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dt-item-details{flex-direction:column;gap:4px;display:flex}.dt-item-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.dt-item-subtitle{color:#64748b;margin:0;font-size:.875rem}.dt-item-subtitle strong{color:#334155;font-weight:600}.dt-item-meta{color:#94a3b8;margin:0;font-size:.8rem}.dt-item-actions{align-items:center;gap:16px;display:flex}.dt-verified-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.dt-pending-badge{color:#d97706;background-color:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.dt-download-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.dt-download-btn:hover{color:#0f172a;background-color:#f1f5f9}@media (width<=768px){.dt-list-item{flex-direction:column;align-items:flex-start;gap:16px}.dt-item-actions{justify-content:flex-end;width:100%}.dt-header{flex-direction:column;align-items:flex-start;gap:16px}.dt-header-right{justify-content:space-between;width:100%}}.dt-pending-container{align-items:center;gap:8px;display:flex}.dt-verify-action-btn{color:#10b981;cursor:pointer;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.dt-verify-action-btn:hover{color:#fff;background-color:#10b981;transform:scale(1.05)}.dum-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dum-header h2{color:#1e293b;margin:0;font-size:18px;font-weight:600}.dum-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.dum-close-btn:hover{color:#0f172a;background:#f1f5f9}.dum-body{flex-direction:column;gap:20px;padding:24px;display:flex}.dum-file-upload{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:32px 24px;transition:all .2s}.dum-file-upload:hover,.dum-file-upload.drag-active{background:#eff6ff;border-color:#3b82f6}.dum-file-upload-content{flex-direction:column;align-items:center;gap:12px;display:flex}.dum-file-icon{color:#94a3b8}.dum-file-upload.drag-active .dum-file-icon{color:#3b82f6}.dum-file-text{color:#475569;font-size:14px}.dum-file-text span{color:#3b82f6;font-weight:500}.dum-file-size{color:#94a3b8;margin-top:-4px;font-size:12px}.dum-selected-file{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.dum-file-info{align-items:center;gap:12px;display:flex}.dum-file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:14px;font-weight:500;overflow:hidden}.dum-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.dum-remove-btn:hover{background:#fef2f2}.dum-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.dum-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.dum-btn--cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.dum-btn--cancel:hover{background:#f1f5f9}.dum-btn--submit{color:#fff;background:#3b82f6}.dum-btn--submit:hover:not(:disabled){background:#2563eb}.dum-btn--submit:disabled{opacity:.5;cursor:not-allowed}.vdm-container{background:#fff;border-radius:16px;flex-direction:column;max-height:90vh;font-family:inherit;display:flex;overflow:hidden}.vdm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.vdm-header-left{align-items:center;gap:12px;display:flex}.vdm-icon-badge{color:#10b981;background:#ecfdf5;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vdm-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.vdm-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.vdm-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.vdm-close-btn:hover{color:#334155;background:#f1f5f9}.vdm-doc-meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;margin:16px 24px 0;padding:14px 18px;display:flex}.vdm-meta-top{justify-content:space-between;align-items:center;display:flex}.vdm-doc-name{color:#1e293b;margin:0;font-size:15px;font-weight:600}.vdm-type-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.vdm-type-pill.type-image{color:#0284c7;background:#e0f2fe}.vdm-type-pill.type-pdf{color:#dc2626;background:#fee2e2}.vdm-type-pill.type-other{color:#475569;background:#f1f5f9}.vdm-meta-bottom{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.vdm-pending-badge{color:#d97706;background:#fef3c7;border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:600}.vdm-verified-badge{color:#059669;background:#d1fae5;border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:600}.vdm-rejected-badge{color:#dc2626;background:#fee2e2;border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:600}.vdm-preview-section{flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px 24px;display:flex;overflow:hidden}.vdm-preview-header{justify-content:space-between;align-items:center;display:flex}.vdm-preview-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.vdm-external-link{color:#2563eb;align-items:center;gap:4px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.vdm-external-link:hover{text-decoration:underline}.vdm-preview-box{background:#0f172a;border:1px solid #334155;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow-y:auto}.vdm-image-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.vdm-image-content{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 10px 25px #0006}.vdm-pdf-wrapper{width:100%;height:100%;min-height:300px}.vdm-pdf-iframe{background:#fff;border:none;border-radius:10px;width:100%;height:100%;min-height:300px}.vdm-fallback-wrapper{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.vdm-fallback-icon{color:#64748b;margin-bottom:10px}.vdm-fallback-title{color:#f1f5f9;margin:0 0 4px;font-size:15px;font-weight:600}.vdm-fallback-desc{margin:0 0 16px;font-size:13px}.vdm-generic-iframe{background:#fff;border:none;border-radius:8px;width:100%;height:320px}.vdm-no-url-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.vdm-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.vdm-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.vdm-btn--cancel{color:#475569;background:#f1f5f9}.vdm-btn--cancel:hover{color:#1e293b;background:#e2e8f0}.vdm-btn--reject{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.vdm-btn--reject:hover{color:#fff;background:#dc2626;box-shadow:0 4px 12px #dc262640}.vdm-btn--verify{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98140}.vdm-btn--verify:hover{background:#059669;box-shadow:0 6px 16px #10b98159}:root{--class-modal-bg:#fff;--class-modal-surface:#f8fafc;--class-modal-surface-2:#f1f5f9;--class-modal-border:#e2e8f0;--class-modal-border-strong:#cbd5e1;--class-modal-text:#0f172a;--class-modal-text-muted:#64748b;--class-modal-text-faint:#94a3b8;--class-modal-primary:#377dff;--class-modal-primary-soft:#377dff14;--class-modal-primary-ring:#377dff29;--class-modal-danger:#ef4444;--class-modal-danger-soft:#ef44441a;--class-modal-success:#16a34a;--class-modal-shadow:0 18px 50px #0f172a1f;--class-modal-radius:18px}.create-class-modal,.class-modal-shell{background:var(--class-modal-bg);border-radius:var(--class-modal-radius);width:min(100%,880px);max-height:min(88vh,920px);box-shadow:var(--class-modal-shadow);flex-direction:column;display:flex;overflow:hidden}.class-modal-body-scroll{max-height:calc(100vh - 200px);overflow-y:auto}.class-modal-header{border-bottom:1px solid var(--class-modal-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.class-modal-title{letter-spacing:-.01em;color:var(--class-modal-text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.class-modal-subtitle{color:var(--class-modal-text-muted);margin:6px 0 0;font-size:.875rem;line-height:1.5}.class-modal-close-btn{width:36px;height:36px;color:var(--class-modal-text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.class-modal-close-btn:hover{color:var(--class-modal-text);background:var(--class-modal-surface);border-color:var(--class-modal-border)}.class-modal-body{background:#fff;flex-direction:column;flex:1;gap:20px;padding:22px 24px 24px;display:flex;overflow-y:auto}.class-modal-body::-webkit-scrollbar{width:8px}.class-modal-body::-webkit-scrollbar-thumb{background:#d7dee8;border-radius:999px}.class-modal-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.class-input-label,.class-modal-field .field-label{color:var(--class-modal-text);font-size:.875rem;font-weight:600}.class-input-text{border:1px solid var(--class-modal-border-strong);width:100%;min-height:44px;color:var(--class-modal-text);background:#fff;border-radius:10px;padding:10px 14px;font-size:.875rem;line-height:1.4;transition:border-color .16s,box-shadow .16s,background .16s}.class-input-text::placeholder{color:#9aa6b2}.class-input-text:hover{border-color:#b8c3d1}.class-input-text:focus{border-color:var(--class-modal-primary);box-shadow:0 0 0 3px var(--class-modal-primary-ring);outline:none}.class-input-text.error{border-color:var(--class-modal-danger)}.class-input-text.error:focus{box-shadow:0 0 0 3px #ef444424}.field-error-msg{color:var(--class-modal-danger);margin-top:2px;font-size:.775rem;line-height:1.35}.subject-chip{background:var(--class-modal-primary-soft);color:var(--class-modal-primary);border:1px solid #377dff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.subject-chip-remove{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:16px;line-height:1;display:inline-flex}.sections-toggle-row{border:1px solid var(--class-modal-border);background:var(--class-modal-surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sections-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.sections-toggle-checkbox{display:none}.sections-toggle-switch{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background-color .2s;position:relative}.sections-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a2e}.sections-toggle-checkbox:checked+.sections-toggle-switch{background:var(--class-modal-primary)}.sections-toggle-checkbox:checked+.sections-toggle-switch:after{transform:translate(18px)}.sections-toggle-text{color:var(--class-modal-text-muted);font-size:.875rem;font-weight:600}.sections-toggle-checkbox:checked~.sections-toggle-text{color:var(--class-modal-primary)}.section-card-shell{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:16px;overflow:hidden;box-shadow:0 4px 14px #0f172a0a}.section-card-head{background:#f8fafc;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.section-card-toggle{cursor:pointer;color:#0f172a;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:14px;font-weight:600;display:flex}.section-card-toggle span{align-items:center;min-height:24px;display:inline-flex}.section-card-remove{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:all .2s;display:inline-flex}.section-card-remove:hover{background:#ffe4e6;border-color:#fda4af}.section-card-remove:active{transform:scale(.97)}.section-card-body{background:#fff;padding:18px 16px 16px}.section-card-body .class-details-panel,.section-card-body .detail-fields-wrapper,.section-card-body .detail-fields-grid,.section-card-body .class-modal-field:first-child{margin-top:0}@media (width<=768px){.section-card-head{padding:12px 14px}.section-card-body{padding:14px}.section-card-toggle{font-size:13px}.section-card-remove{width:32px;min-width:32px;height:32px}}.class-details-panel,.sections-list-container{border:1px solid var(--class-modal-border);background:#fff;border-radius:16px;overflow:hidden}.class-details-panel-header,.sections-list-header{background:var(--class-modal-surface);border-bottom:1px solid var(--class-modal-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.class-details-panel-title{color:var(--class-modal-text);font-size:.95rem;font-weight:700}.class-details-panel-hint{color:var(--class-modal-text-muted);font-size:.8125rem}.detail-fields-block{flex-direction:column;gap:16px;padding:18px;display:flex}.sections-add-action{margin:12px 0 16px}.section-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:18px;display:flex}.section-card--editor{background:#fafcff;border:1px dashed #d7dee7}.section-card-header.static{cursor:default}.sections-list{flex-direction:column;gap:14px;padding:16px;display:flex}.add-section-btn{background:var(--class-modal-primary-soft);min-height:38px;color:var(--class-modal-primary);cursor:pointer;white-space:nowrap;border:1px solid #377dff2e;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:600;transition:all .16s;display:inline-flex}.add-section-btn:hover{background:#377dff1f}.section-card{border:1px solid var(--class-modal-border);background:#fff;border-radius:14px;overflow:hidden}.section-card-header{border-bottom:1px solid var(--class-modal-border);cursor:pointer;background:#fcfdff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.section-card-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-card-badge{min-height:28px;color:var(--class-modal-primary);background:#edf4ff;border-radius:999px;align-items:center;padding:0 10px;font-size:.8125rem;font-weight:700;display:inline-flex}.section-card-meta{color:var(--class-modal-text-muted);font-size:.8125rem;font-weight:500}.section-card-actions{color:var(--class-modal-text-muted);align-items:center;gap:8px;display:inline-flex}.section-card-remove{background:var(--class-modal-danger-soft);width:30px;height:30px;color:var(--class-modal-danger);cursor:pointer;border:1px solid #ef44442e;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.class-modal-footer{border-top:1px solid var(--class-modal-border);background:#fff;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;padding-top:18px;display:flex;position:sticky;bottom:0}.sections-pill-container{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.section-pill{border:1px solid var(--class-modal-border);background-color:var(--class-modal-surface);color:#475569;cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.825rem;font-weight:500;transition:all .2s}.section-pill:hover{background-color:#f1f5f9;border-color:#cbd5e1}.section-pill.selected{border-color:var(--class-modal-primary);background-color:var(--class-modal-primary-soft);color:var(--class-modal-primary);box-shadow:0 2px 8px #377dff1f}.sections-hint{color:var(--class-modal-text-faint);margin-top:4px;font-size:.775rem}.class-modal-other-field{animation:.22s ease-out classModalSlideDown}@keyframes classModalSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.class-modal-header{padding:18px 18px 16px}.class-modal-body{gap:18px;padding:18px}.class-modal-row{grid-template-columns:1fr;gap:14px}.class-details-panel-header,.sections-list-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.detail-fields-block,.sections-list,.section-card-body{padding:14px}.sections-toggle-row{flex-direction:column;align-items:flex-start}.class-modal-footer{flex-direction:column-reverse;align-items:stretch}.class-modal-footer>*{width:100%}}@media (width<=480px){.class-modal-header{padding:16px 16px 14px}.class-modal-body{padding:16px}.class-modal-title{font-size:1.1rem}.class-modal-subtitle{font-size:.8rem}.section-card-header{padding:12px 14px}.section-card-title-group{gap:8px}.section-card-actions{gap:6px}}.classes-page-container{min-height:100vh;font-family:var(--font-family-primary)}.classes-filter-bar{background-color:var(--color-surface-default,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.classes-search-wrapper{flex:1;max-width:380px;position:relative}.classes-search-input{border:1px solid var(--color-neutral-300,#d1d5db);border-radius:8px;width:100%;padding:10px 14px 10px 40px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.classes-search-input:focus{border-color:var(--color-primary-base,#377dff);outline:none;box-shadow:0 0 0 3px #377dff26}.classes-search-icon{color:var(--color-text-lighter,#94a3b8);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.classes-stats-summary{gap:24px;display:flex}.stat-item{align-items:center;gap:10px;display:flex}.stat-icon-wrapper{width:36px;height:36px;color:var(--color-primary-base,#377dff);background-color:#377dff14;border-radius:8px;justify-content:center;align-items:center;display:flex}.stat-details{flex-direction:column;display:flex}.stat-value{color:var(--color-text-primary,#0f172a);font-size:1rem;font-weight:600}.stat-label{color:var(--color-text-light,#64748b);font-size:.75rem}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.class-card{background-color:var(--color-surface-default,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.class-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1a1f3614}.class-card:before{content:"";background:var(--color-primary-base,#377dff);width:4px;height:100%;position:absolute;top:0;left:0}.class-card.stream-science:before{background:var(--color-secondary-base,#8b5cf6)}.class-card.stream-commerce:before{background:var(--color-warning-base,#f59e0b)}.class-card.stream-arts:before{background:var(--color-accent-pink,#ec4899)}.class-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.class-card-title-group{flex-direction:column;gap:4px;display:flex}.class-card-title{color:var(--color-text-primary,#0f172a);font-size:1.1rem;font-weight:600}.class-card-subtitle{color:var(--color-text-lighter,#94a3b8);font-size:.775rem}.class-stream-badge{background-color:var(--color-neutral-100,#f3f4f6);color:var(--color-text-tertiary,#475569);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.class-card.stream-science .class-stream-badge{color:var(--color-secondary-base,#8b5cf6);background-color:#8b5cf614}.class-card.stream-commerce .class-stream-badge{color:var(--color-warning-dark,#d97706);background-color:#f59e0b14}.class-card.stream-arts .class-stream-badge{color:var(--color-accent-pink,#ec4899);background-color:#ec489914}.class-card-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.detail-row{color:var(--color-text-tertiary,#475569);align-items:center;gap:8px;font-size:.85rem;display:flex}.detail-row svg{color:var(--color-text-lighter,#94a3b8)}.sections-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.section-badge{background-color:var(--color-neutral-100,#f3f4f6);width:24px;height:24px;color:var(--color-text-primary,#0f172a);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.capacity-progress-wrapper{margin-top:4px}.capacity-text{color:var(--color-text-light,#64748b);justify-content:space-between;margin-bottom:6px;font-size:.75rem;display:flex}.capacity-progress-track{background-color:var(--color-neutral-100,#f3f4f6);border-radius:3px;width:100%;height:6px;overflow:hidden}.capacity-progress-bar{background-color:var(--color-primary-base,#377dff);border-radius:3px;height:100%;transition:width .4s}.class-card.stream-science .capacity-progress-bar{background-color:var(--color-secondary-base,#8b5cf6)}.class-card.stream-commerce .capacity-progress-bar{background-color:var(--color-warning-base,#f59e0b)}.class-card.stream-arts .capacity-progress-bar{background-color:var(--color-accent-pink,#ec4899)}.classes-empty-state{background-color:var(--color-surface-default,#fff);border:1px dashed var(--color-neutral-300,#d1d5db);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-title{color:var(--color-text-primary,#0f172a);margin-top:16px;margin-bottom:6px;font-size:1.125rem;font-weight:600}.empty-state-desc{color:var(--color-text-light,#64748b);max-width:320px;font-size:.875rem}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-base{background:linear-gradient(90deg, var(--color-neutral-100,#f3f4f6) 25%, var(--color-neutral-200,#e5e7eb) 50%, var(--color-neutral-100,#f3f4f6) 75%);background-size:800px 100%;border-radius:6px;animation:1.4s linear infinite skeleton-shimmer}.skeleton-card{background-color:var(--color-surface-default,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.skeleton-card:before{content:"";background:var(--color-neutral-200,#e5e7eb);border-radius:0;width:4px;height:100%;position:absolute;top:0;left:0}.skeleton-card-header{align-items:center;gap:12px;display:flex}.skeleton-avatar{border-radius:10px;flex-shrink:0;width:44px;height:44px}.skeleton-title-group{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-title{width:60%;height:14px}.skeleton-subtitle{width:40%;height:10px}.skeleton-badge{border-radius:20px;width:60px;height:22px;margin-left:auto}.skeleton-divider{background:var(--color-neutral-100,#f3f4f6);border-radius:0;height:1px}.skeleton-stats-row{gap:12px;display:flex}.skeleton-stat{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.skeleton-stat-value{width:50%;height:16px}.skeleton-stat-label{width:70%;height:10px}.skeleton-progress-wrapper{flex-direction:column;gap:6px;display:flex}.skeleton-progress-label{width:40%;height:10px}.skeleton-progress-bar{border-radius:3px;width:100%;height:6px}.skeleton-footer{gap:8px;margin-top:4px;display:flex}.skeleton-btn{border-radius:8px;flex:1;height:32px}@media (width<=768px){.classes-filter-bar{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.classes-search-wrapper{max-width:100%}.classes-stats-summary{flex-wrap:wrap;justify-content:space-between;gap:16px}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}}@media (width<=640px){.classes-grid{grid-template-columns:1fr}}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%;padding:16px 0;display:grid}@media (width<=768px){.cc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media (width<=480px){.cc-grid{grid-template-columns:1fr;gap:12px}}.cc-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf5;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:280px;padding:20px;transition:box-shadow .25s,border-color .25s,transform .2s;display:flex}.cc-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #377dff1a}.cc-card--viewing{border:2px solid #1aad6b;box-shadow:0 6px 28px #1aad6b1f}.cc-header{align-items:flex-start;gap:12px;display:flex}.cc-avatar{letter-spacing:.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.cc-title-block{flex-direction:column;gap:4px;min-width:0;display:flex}.cc-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-name{color:#111827;white-space:nowrap;font-size:17px;font-weight:700}.cc-status{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.cc-status--active{color:#1aad6b;background:#e8f8f0;border:1px solid #b6ebd4}.cc-status--inactive{color:#d92d20;background:#fef3f2;border:1px solid #fecdca}.cc-block{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.cc-pin-icon{font-size:12px;line-height:1}.cc-stats{background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;gap:0;display:flex;overflow:hidden}.cc-stat{flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;display:flex}.cc-stat+.cc-stat{border-left:1px solid #e8edf5}.cc-stat-value{color:#111827;font-size:20px;font-weight:700;line-height:1.2}.cc-stat-label{color:#9ca3af;font-size:11px;font-weight:500}.cc-capacity{flex-direction:column;gap:8px;display:flex}.cc-capacity-header{justify-content:space-between;align-items:center;display:flex}.cc-capacity-label{color:#6b7280;font-size:13px;font-weight:500}.cc-capacity-pct{font-size:15px;font-weight:700}.cc-capacity-pct--safe,.cc-capacity-pct--warning{color:#f6a000}.cc-capacity-pct--danger{color:#e53e3e}.cc-progress-track{background:#e8edf5;border-radius:99px;height:7px;overflow:hidden}.cc-progress-bar{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.cc-progress-bar--safe,.cc-progress-bar--warning{background:#f6a000}.cc-progress-bar--danger{background:#e53e3e}.cc-teacher{background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cc-teacher-avatar{background:#d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.cc-teacher-avatar img{object-fit:cover;width:100%;height:100%}.cc-teacher-initials{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:700}.cc-teacher-info{flex-direction:column;gap:1px;min-width:0;display:flex}.cc-teacher-role{color:#9ca3af;font-size:11px;font-weight:500}.cc-teacher-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cc-actions{align-items:center;gap:8px;display:flex}.cc-btn-view{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cc-btn-view:hover{color:#377dff;background:#f0f5ff;border-color:#377dff}.cc-btn-view--active{color:#fff;background:#1aad6b;border-color:#1aad6b}.cc-btn-view--active:hover{color:#fff;background:#178f59;border-color:#178f59}.cc-btn-icon{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.cc-btn-icon:hover{color:#377dff;background:#f0f5ff;border-color:#377dff}@media (width<=768px){.cc-card{gap:14px;max-width:100%;padding:16px}.cc-name{font-size:15px}.cc-stat-value{font-size:18px}}@media (width<=480px){.cc-card{border-radius:14px;gap:12px;padding:14px}.cc-avatar{width:38px;height:38px;font-size:12px}.cc-name{font-size:14px}.cc-stat-value{font-size:16px}.cc-stat-label{font-size:10px}.cc-btn-view{padding:8px 12px;font-size:13px}.cc-btn-icon{width:34px;height:34px}}.csd-page{width:100%;min-height:100vh}.csd-container{margin:0 auto;padding:24px 0}.csd-overview{margin-bottom:32px}.csd-overview-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #1a1f3614}.csd-overview-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.csd-overview-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;font-weight:700;display:flex}.csd-overview-name{color:#0a0e1e;margin:0;font-size:20px;font-weight:600}.csd-overview-block{color:#64748b;margin:4px 0 0;font-size:13px}.csd-overview-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;display:grid}.csd-stat-item{flex-direction:column;gap:4px;display:flex}.csd-stat-value{color:#0a0e1e;font-size:24px;font-weight:700}.csd-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.csd-sections-wrapper{margin-top:32px}.csd-sections-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.csd-sections-title{color:#0a0e1e;margin:0;font-size:18px;font-weight:600}.csd-sections-count{color:#64748b;margin:0;font-size:13px}.csd-sections-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%;display:grid}.csd-not-found{background:#f8f9fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.csd-container,.csd-overview-card{padding:16px}.csd-overview-header{margin-bottom:16px}.csd-overview-avatar{width:56px;height:56px;font-size:16px}.csd-overview-name{font-size:18px}.csd-overview-stats{gap:16px}.csd-stat-value{font-size:20px}.csd-sections-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.csd-sections-header{margin-bottom:16px}}@media (width<=480px){.csd-container{padding:12px}.csd-overview-card{padding:14px}.csd-overview-header{gap:12px;margin-bottom:12px}.csd-overview-avatar{width:48px;height:48px;font-size:14px}.csd-overview-name{font-size:16px}.csd-overview-stats{grid-template-columns:repeat(2,1fr);gap:12px}.csd-stat-value{font-size:18px}.csd-stat-label{font-size:11px}.csd-sections-grid{grid-template-columns:1fr;gap:12px}.csd-sections-title{font-size:16px}}@keyframes csd-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.csd-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;animation:1.4s linear infinite csd-shimmer}.csd-skeleton-header{flex-direction:column;gap:10px;padding:24px 0 20px;display:flex}.csd-sk-title{border-radius:8px;width:220px;height:26px}.csd-sk-subtitle{border-radius:6px;width:160px;height:14px}.csd-sk-avatar{border-radius:10px;flex-shrink:0;width:64px;height:64px}.csd-sk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.csd-sk-card:before{content:"";background:#e5e7eb;width:4px;height:100%;position:absolute;top:0;left:0}.csd-sk-card-header{align-items:center;gap:12px;display:flex}.csd-sk-card-avatar{border-radius:10px;flex-shrink:0;width:44px;height:44px}.csd-sk-divider{background:#f3f4f6;height:1px}.csd-sk-stats-row{gap:12px;display:flex}.csd-sk-stat{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.csd-sk-footer{gap:8px;margin-top:4px;display:flex}:root{--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--bg-page:#f4f6fb;--bg-card:#fff;--bg-header-col:#f8f9fc;--bg-break:#f0f2f7;--text-primary:#1a1f36;--text-secondary:#5a6278;--text-muted:#9299af;--c-assigned:#22c55e;--c-conflict:#ef4444;--c-unassigned:#f59e0b;--c-substitute:#3b82f6;--bg-assigned:#f0fdf4;--bg-conflict:#fef2f2;--bg-unassigned:#fffbeb;--bg-substitute:#eff6ff;--border-assigned:#bbf7d0;--border-conflict:#fecaca;--border-unassigned:#fde68a;--border-substitute:#bfdbfe;--s-math:#6366f1;--s-english:#0ea5e9;--s-science:#10b981;--s-hindi:#f97316;--s-computer:#8b5cf6;--s-soc:#ec4899;--radius-card:10px;--radius-badge:6px;--shadow-card:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-header:0 1px 0 #0000000f;--transition:.15s ease}.schd-wrapper{font-family:var(--font-sans);background:var(--bg-page);box-sizing:border-box;min-height:100vh}.schd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.schd-title-group{align-items:center;gap:10px;display:flex}.schd-icon{background:#4f46e5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.schd-icon svg{display:block}.schd-title{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:700}.schd-week{color:var(--text-secondary);font-size:13px;font-weight:400}.schd-period-side-cell{background:var(--bg-header-col);border-bottom:1px solid #e8eaf0;flex-direction:column;justify-content:center;padding:12px;display:flex}.schd-period-side-name{color:var(--text-primary);font-size:13px;font-weight:700}.schd-period-side-time{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-top:4px}.schd-legend{flex-wrap:wrap;gap:14px;display:flex}.schd-legend-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.schd-legend-dot{border-radius:50%;width:8px;height:8px}.schd-scroll{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto;box-shadow:0 2px 12px #00000012}.schd-scroll::-webkit-scrollbar{height:6px}.schd-scroll::-webkit-scrollbar-track{background:0 0}.schd-scroll::-webkit-scrollbar-thumb{background:#d1d5e0;border-radius:3px}.schd-grid{grid-template-columns:110px repeat(var(--col-count), minmax(130px, 1fr));background:var(--bg-card);border-radius:14px;width:100%;min-width:max-content;display:grid;overflow:hidden}.schd-col-header-row{display:contents}.schd-corner-cell{background:var(--bg-header-col);border-bottom:var(--shadow-header);padding:10px 12px}.schd-col-header{background:var(--bg-header-col);text-align:center;border-bottom:1px solid #e8eaf0;padding:10px 8px}.schd-col-header.is-break{background:var(--bg-break)}.schd-col-label{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.schd-col-time{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;display:block}.schd-row{display:contents}.schd-row:last-child .schd-day-cell,.schd-row:last-child .schd-cell,.schd-row:last-child .schd-break-cell{border-bottom:none}.schd-day-cell{background:var(--bg-header-col);border-bottom:1px solid #e8eaf0;flex-direction:column;justify-content:center;padding:10px 12px;display:flex}.schd-day-name{color:var(--text-primary);font-size:13px;font-weight:700}.schd-day-date{color:var(--text-muted);margin-top:2px;font-size:11px}.schd-break-cell{background:var(--bg-break);border-bottom:1px solid #e8eaf0;justify-content:center;align-items:center;display:flex}.schd-break-label{color:var(--text-muted);letter-spacing:.5px;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:600;transform:rotate(180deg)}.schd-cell{border-bottom:1px solid #e8eaf0;border-right:1px solid #e8eaf0;padding:6px}.schd-cell:last-child{border-right:none}.schd-cell-empty{background:var(--bg-page);border-radius:var(--radius-card);height:100%;min-height:68px}.schd-card{border-radius:var(--radius-card);min-height:68px;box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition);cursor:pointer;border:1px solid #0000;flex-direction:column;gap:4px;padding:8px 9px;display:flex;position:relative;overflow:hidden}.schd-card:before{content:"";border-radius:10px 0 0 10px;width:3px;position:absolute;top:0;bottom:0;left:0}.schd-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.schd-card.assigned{background:var(--bg-assigned);border-color:var(--border-assigned)}.schd-card.conflict{background:var(--bg-conflict);border-color:var(--border-conflict)}.schd-card.unassigned{background:var(--bg-unassigned);border-color:var(--border-unassigned)}.schd-card.substitute{background:var(--bg-substitute);border-color:var(--border-substitute)}.schd-card.assigned:before{background:var(--c-assigned)}.schd-card.conflict:before{background:var(--c-conflict)}.schd-card.unassigned:before{background:var(--c-unassigned)}.schd-card.substitute:before{background:var(--c-substitute)}.schd-subject{letter-spacing:-.1px;font-size:12px;font-weight:700;line-height:1.2}.assigned .schd-subject{color:var(--c-assigned)}.conflict .schd-subject{color:var(--c-conflict)}.unassigned .schd-subject{color:var(--c-unassigned)}.substitute .schd-subject{color:var(--c-substitute)}.schd-conflict-icon{margin-left:3px;font-size:12px}.schd-teacher-row{align-items:center;gap:4px;display:flex}.schd-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.assigned .schd-dot{background:var(--c-assigned)}.conflict .schd-dot{background:var(--c-conflict)}.unassigned .schd-dot{background:var(--c-unassigned)}.substitute .schd-dot{background:var(--c-substitute)}.schd-teacher{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.schd-sub-badge{background:var(--bg-substitute);color:var(--c-substitute);border:1px solid var(--border-substitute);border-radius:4px;flex-shrink:0;margin-left:2px;padding:1px 4px;font-size:9px;font-weight:600}.schd-room{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);font-weight:500}.schd-assign-btn{color:var(--c-unassigned);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);transition:opacity var(--transition);background:0 0;border:none;align-items:center;gap:3px;margin-top:2px;padding:0;display:inline-flex}.schd-assign-btn:hover{opacity:.7}@media (width<=768px){.schd-wrapper{padding:12px 8px 20px}.schd-header{flex-direction:column;align-items:flex-start}.schd-title{font-size:15px}.schd-legend{gap:10px}.schd-legend-item{font-size:11px}.schd-grid{grid-template-columns:80px repeat(var(--col-count), minmax(100px, 1fr))}.schd-col-label{font-size:11px}.schd-col-time{font-size:9px}.schd-day-name{font-size:12px}.schd-day-date{font-size:10px}.schd-card{min-height:60px;padding:6px 7px}.schd-subject{font-size:11px}.schd-teacher{font-size:10px}.schd-room{font-size:9px}}@keyframes schd-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.schd-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;flex-shrink:0;animation:1.4s linear infinite schd-shimmer}.schd-sk-grid{grid-template-columns:100px repeat(var(--sk-days,6), minmax(110px, 1fr));border:1px solid #e5e7eb;border-radius:10px;min-width:780px;display:grid;overflow:hidden}.schd-sk-corner{background:#f8f9fc;border-bottom:2px solid #e5e7eb;border-right:2px solid #e5e7eb;align-items:center;padding:14px 12px;display:flex}.schd-sk-col-header{background:#f8f9fc;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;justify-content:center;align-items:center;padding:14px 12px;display:flex}.schd-sk-period-side{background:#f8f9fc;border-bottom:1px solid #e5e7eb;border-right:2px solid #e5e7eb;flex-direction:column;justify-content:center;gap:4px;padding:14px 12px;display:flex}.schd-sk-cell{background:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;align-items:stretch;min-height:84px;padding:8px;display:flex}.schd-sk-card{border-radius:var(--radius-card,10px);background:#f3f4f6;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px;display:flex}.tt-container{flex-direction:column;gap:24px;padding:0 4px 40px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tt-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:8px;display:grid}.tt-stat-card{background:var(--color-surface-default,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.tt-stat-card:hover{border-color:var(--color-primary-base,#377dff);transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.tt-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tt-stat-info h4{color:var(--color-text-light,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.tt-stat-value{color:var(--color-text-primary,#0f172a);margin-top:4px;font-size:24px;font-weight:700}.tt-dashboard-actions{background:var(--color-surface-light,#f8fafc);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.tt-search-input{border:1px solid var(--color-neutral-300,#d1d5db);background:var(--color-surface-default,#fff);border-radius:8px;min-width:280px;padding:10px 16px;font-size:14px;transition:all .2s}.tt-search-input:focus{border-color:var(--color-primary-base,#377dff);outline:none;box-shadow:0 0 0 3px #377dff26}.tt-grid-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.tt-card{background:var(--color-surface-default,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #00000005}.tt-card:hover{border-color:var(--color-primary-base,#377dff);transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.tt-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tt-card-title{color:var(--color-text-primary,#0f172a);font-size:16px;font-weight:700}.tt-card-subtitle{color:var(--color-text-light,#64748b);margin-top:2px;font-size:13px}.tt-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600}.tt-status-badge.draft{background:var(--color-warning-light,#fef3c7);color:var(--color-warning-dark,#d97706)}.tt-status-badge.published{background:var(--color-success-light,#d1fae5);color:var(--color-success-dark,#059669)}.tt-card-details{background:var(--color-surface-light,#f8fafc);border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;font-size:13px;display:grid}.tt-detail-item{flex-direction:column;gap:2px;display:flex}.tt-detail-label{color:var(--color-text-lighter,#94a3b8);text-transform:uppercase;font-size:11px;font-weight:500}.tt-detail-value{color:var(--color-text-secondary,#1e293b);font-weight:600}.tt-card-footer{flex-wrap:wrap;gap:8px;width:100%;margin-top:8px;display:flex}.tt-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:calc(25% - 8px);justify-content:center;align-items:center;gap:8px;min-width:80px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.tt-btn-primary{background:var(--color-primary-base,#377dff);color:#fff}.tt-btn-primary:hover{background:var(--color-primary-dark,#4f46e5);transform:translateY(-1px)}.tt-btn-outline{border:1px solid var(--color-neutral-300,#d1d5db);color:var(--color-text-secondary,#1e293b);background:#fff}.tt-btn-outline:hover{background:var(--color-neutral-100,#f3f4f6);border-color:var(--color-neutral-400,#9ca3af)}.tt-btn-danger-outline{border:1px solid var(--color-danger-light,#fee2e2);color:var(--color-danger-base,#ef4444);background:#fff}.tt-btn-danger-outline:hover{background:var(--color-danger-light,#fee2e2)}.tt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tt-empty-state{background:var(--color-surface-default,#fff);border:2px dashed var(--color-neutral-300,#d1d5db);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.tt-empty-icon{background:var(--color-primary-light,#e0e7ff);width:64px;height:64px;color:var(--color-primary-base,#377dff);border-radius:50%;justify-content:center;align-items:center;display:flex}.tt-empty-title{color:var(--color-text-primary,#0f172a);font-size:18px;font-weight:700}.tt-empty-desc{color:var(--color-text-light,#64748b);max-width:400px;font-size:14px}.tt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;opacity:0;background:#0a0e1e6b;justify-content:center;align-items:center;padding:20px;transition:opacity .24s;display:flex;position:fixed;inset:0}.tt-modal-overlay.open{opacity:1}.tt-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:translateY(24px)scale(.97);box-shadow:0 24px 48px -12px #0a0e1e2e}.tt-modal-overlay.open .tt-modal-container{transform:translateY(0)scale(1)}.tt-modal-header{border-bottom:1px solid var(--color-neutral-200,#e5e7eb);background:var(--color-surface-light,#f8fafc);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.tt-modal-header-info h3{color:var(--color-text-primary,#0f172a);font-size:18px;font-weight:700}.tt-modal-header-info p{color:var(--color-text-light,#64748b);margin-top:2px;font-size:13px}.tt-modal-close-btn{color:var(--color-text-light,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.tt-modal-close-btn:hover{background:var(--color-neutral-200,#e5e7eb);color:var(--color-text-primary,#0f172a)}.tt-modal-body-scroll{flex:1;padding:28px;overflow-y:auto}.tt-form-layout{grid-template-columns:1fr 1fr;gap:36px;display:grid}@media (width<=768px){.tt-form-layout{grid-template-columns:1fr;gap:24px}}.tt-form-section{flex-direction:column;gap:20px;display:flex}.tt-section-title{color:var(--color-primary-dark,#4f46e5);border-left:3px solid var(--color-primary-base,#377dff);margin-bottom:4px;padding-left:10px;font-size:15px;font-weight:700}.tt-field{flex-direction:column;gap:6px;display:flex}.tt-label{color:var(--color-text-secondary,#1e293b);font-size:13px;font-weight:600}.tt-required{color:var(--color-danger-base,#ef4444);margin-left:3px}.tt-input,.tt-select{border:1px solid var(--color-neutral-300,#d1d5db);height:40px;color:var(--color-text-primary,#0f172a);background:#fff;border-radius:8px;padding:0 12px;font-size:14px;transition:all .2s}.tt-input:focus,.tt-select:focus{border-color:var(--color-primary-base,#377dff);outline:none;box-shadow:0 0 0 3px #377dff26}.tt-input.error{border-color:var(--color-danger-base,#ef4444)}.tt-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tt-days-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tt-day-checkbox{border:1px solid var(--color-neutral-300,#d1d5db);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary,#1e293b);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:550;transition:all .2s;display:flex}.tt-day-checkbox:hover{background:var(--color-surface-light,#f8fafc);border-color:var(--color-neutral-400,#9ca3af)}.tt-day-checkbox.selected{background:var(--color-primary-light,#e0e7ff);border-color:var(--color-primary-base,#377dff);color:var(--color-primary-dark,#4f46e5)}.tt-day-checkbox input{cursor:pointer;accent-color:var(--color-primary-base,#377dff)}.tt-editor-container{align-items:start;gap:24px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:grid}@media (width<=1024px){.tt-editor-container{grid-template-columns:1fr}}.tt-editor-main{border:1px solid var(--color-neutral-200,#e5e7eb);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.tt-editor-header{border-bottom:1px solid var(--color-neutral-200,#e5e7eb);background:var(--color-surface-light,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.tt-editor-context-info h3{color:var(--color-text-primary,#0f172a);font-size:18px;font-weight:700}.tt-editor-context-tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.tt-context-tag{border:1px solid var(--color-neutral-300,#d1d5db);color:var(--color-text-secondary,#1e293b);background:#fff;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #00000008}.tt-editor-header-actions{align-items:center;gap:12px;display:flex}.tt-saving-loader{color:var(--color-text-light,#64748b);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tt-spinner{border:2px solid var(--color-neutral-300,#d1d5db);border-top-color:var(--color-primary-base,#377dff);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite tt-spin}@keyframes tt-spin{to{transform:rotate(360deg)}}.tt-validation-banner{border-bottom:1px solid var(--color-neutral-200,#e5e7eb);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:14px;display:flex}.tt-validation-banner.error{background:var(--color-danger-light,#fee2e2);color:var(--color-danger-dark,#dc2626)}.tt-validation-banner.success{background:var(--color-success-light,#d1fae5);color:var(--color-success-dark,#059669)}.tt-validation-message{align-items:center;gap:8px;font-weight:600;display:flex}.tt-validation-list-popover{margin-top:6px;padding-left:20px;font-size:12px;font-weight:400;list-style-type:disc}.tt-grid-wrapper{width:100%;overflow-x:auto}.tt-editor-grid{min-width:780px;display:grid}.tt-grid-header-cell{background:var(--color-surface-light,#f8fafc);border-bottom:2px solid var(--color-neutral-200,#e5e7eb);border-right:1px solid var(--color-neutral-200,#e5e7eb);text-align:center;color:var(--color-text-secondary,#1e293b);text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:700}.tt-grid-header-cell:first-child{text-align:left;z-index:10;background:var(--color-surface-light,#f8fafc);border-right:2px solid var(--color-neutral-300,#d1d5db);position:sticky;left:0}.tt-grid-time-column{background:var(--color-surface-light,#f8fafc);border-right:2px solid var(--color-neutral-300,#d1d5db);border-bottom:1px solid var(--color-neutral-200,#e5e7eb);z-index:8;flex-direction:column;justify-content:center;padding:16px;font-weight:700;display:flex;position:sticky;left:0}.tt-period-name{color:var(--color-primary-dark,#4f46e5);font-size:13px}.tt-period-time{color:var(--color-text-light,#64748b);white-space:nowrap;margin-top:2px;font-size:11px}.tt-grid-cell{border-right:1px solid var(--color-neutral-200,#e5e7eb);border-bottom:1px solid var(--color-neutral-200,#e5e7eb);background:#fff;justify-content:center;align-items:center;min-height:84px;padding:8px;transition:all .2s;display:flex}.tt-assign-slot{border:1px dashed var(--color-danger-base,#ef4444);background:var(--color-danger-light,#fef2f2);width:100%;height:100%;min-height:68px;color:var(--color-danger-base,#ef4444);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:12px;transition:all .2s;display:flex}.tt-assign-slot:hover{border-color:var(--color-danger-dark,#dc2626);background:var(--color-danger-light,#fee2e2);color:var(--color-danger-dark,#dc2626)}.tt-assigned-card{width:100%;height:100%;min-height:68px;color:var(--color-primary-darker,#4338ca);cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;flex-direction:column;justify-content:space-between;padding:8px;transition:all .2s;display:flex;position:relative}.tt-assigned-card:hover{background:#e0e7ff;transform:scale(1.02);box-shadow:0 4px 12px #6366f126}.tt-assigned-subject{font-size:13px;font-weight:700;line-height:1.2}.tt-assigned-teacher{color:#4f46e5;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.tt-assigned-card.has-conflict{background:var(--color-danger-light,#fee2e2);border-color:var(--color-danger-base,#ef4444);color:var(--color-danger-dark,#dc2626)}.tt-assigned-card.has-conflict .tt-assigned-teacher{color:var(--color-danger-dark,#dc2626)}.tt-cell-action-icon{opacity:0;color:var(--color-text-light,#64748b);transition:opacity .2s;position:absolute;top:6px;right:6px}.tt-assigned-card:hover .tt-cell-action-icon{opacity:1}.tt-assign-slot.needs-teacher{border-color:var(--color-danger-base,#ef4444);background:var(--color-danger-light,#fee2e2);color:var(--color-danger-dark,#dc2626)}.tt-assigned-card.needs-teacher{background:var(--color-danger-light,#fee2e2);border-color:var(--color-danger-base,#ef4444);color:var(--color-danger-dark,#dc2626)}.tt-assigned-card.needs-teacher .tt-assigned-teacher{color:var(--color-danger-dark,#dc2626)}.tt-grid-cell.break-slot{color:#7c3aed;text-transform:uppercase;letter-spacing:1px;border-right:1px solid var(--color-neutral-200,#e5e7eb);border-bottom:1px solid var(--color-neutral-200,#e5e7eb);-webkit-user-select:none;user-select:none;background:#faf5ff repeating-linear-gradient(45deg,#0000,#0000 10px,#7c3aed0d 10px 20px);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tt-grid-cell.lunch-slot{color:#d97706;text-transform:uppercase;letter-spacing:1px;border-right:1px solid var(--color-neutral-200,#e5e7eb);border-bottom:1px solid var(--color-neutral-200,#e5e7eb);-webkit-user-select:none;user-select:none;background:#fffbeb repeating-linear-gradient(45deg,#0000,#0000 10px,#d977060d 10px 20px);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tt-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040;opacity:0;pointer-events:none;background:#0a0e1e4d;transition:opacity .28s;position:fixed;inset:0}.tt-drawer-backdrop.open{opacity:1;pointer-events:auto}.tt-drawer{z-index:1045;border-left:1px solid var(--color-neutral-200,#e5e7eb);background:#fff;flex-direction:column;width:420px;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.tt-drawer.open{transform:translate(0)}.tt-drawer-header{border-bottom:1px solid var(--color-neutral-200,#e5e7eb);background:var(--color-surface-light,#f8fafc);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.tt-drawer-header-info h4{color:var(--color-text-primary,#0f172a);font-size:16px;font-weight:700}.tt-drawer-header-info p{color:var(--color-text-light,#64748b);margin-top:2px;font-size:13px}.tt-drawer-body{flex-direction:column;flex:1;gap:24px;padding:28px;display:flex;overflow-y:auto}.tt-drawer-footer{border-top:1px solid var(--color-neutral-200,#e5e7eb);background:var(--color-surface-light,#f8fafc);justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.tt-sidebar-panel{border:1px solid var(--color-neutral-200,#e5e7eb);background:#fff;border-radius:16px;flex-direction:column;max-height:80vh;display:flex;position:sticky;top:20px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.tt-sidebar-header{background:var(--color-surface-light,#f8fafc);border-bottom:1px solid var(--color-neutral-200,#e5e7eb);padding:16px 20px}.tt-sidebar-header h3{color:var(--color-text-primary,#0f172a);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.tt-sidebar-body-scroll{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.tt-teacher-list{flex-direction:column;gap:10px;display:flex}.tt-teacher-row{border:1px solid var(--color-neutral-200,#e5e7eb);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.tt-teacher-row:hover{border-color:var(--color-primary-base,#377dff);background:var(--color-surface-light,#f8fafc)}.tt-teacher-row-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tt-teacher-row-name{color:var(--color-text-primary,#0f172a);font-size:13px;font-weight:700}.tt-teacher-row-dept{color:var(--color-text-light,#64748b);margin-top:1px;font-size:11px}.tt-availability-status-tag{text-transform:uppercase;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:700}.tt-availability-status-tag.available{background:var(--color-success-light,#d1fae5);color:var(--color-success-dark,#059669)}.tt-availability-status-tag.busy{background:var(--color-danger-light,#fee2e2);color:var(--color-danger-dark,#dc2626)}.tt-teacher-slots-indicator{align-items:center;gap:4px;display:flex}.tt-teacher-bar-bg{background:var(--color-neutral-200,#e5e7eb);border-radius:9999px;flex:1;height:6px;overflow:hidden}.tt-teacher-bar-fill{border-radius:9999px;height:100%}.tt-teacher-load-text{color:var(--color-text-light,#64748b);white-space:nowrap;font-size:11px;font-weight:550}.tt-conflict-list-panel{background:var(--color-danger-light,#fee2e2);border:1px solid var(--color-danger-base,#ef4444);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.tt-conflict-list-header{color:var(--color-danger-dark,#dc2626);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.tt-conflict-items-scroll{flex-direction:column;gap:8px;max-height:140px;padding-right:4px;display:flex;overflow-y:auto}.tt-conflict-item{color:var(--color-danger-dark,#b91c1c);border-left:3px solid var(--color-danger-base,#ef4444);background:#fff;border-radius:6px;padding:8px 10px;font-size:12px;box-shadow:0 1px 2px #00000008}.tt-conflict-item strong{color:var(--color-text-primary,#0f172a)}@media (width<=768px){.tt-drawer{width:100%}.tt-dashboard-actions{flex-direction:column;align-items:stretch;gap:12px}.tt-search-input{width:100%;min-width:0}.tt-grid-list,.tt-setup-grid{grid-template-columns:1fr}.tt-period-item{flex-direction:column}.tt-container{padding:10px}}@media (width<=1024px){.tt-grid-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.tt-container{padding:12px}.tt-drawer{width:100%}.tt-dashboard-actions{flex-direction:column;align-items:stretch;gap:12px}.tt-search-input{width:100%;min-width:0}.tt-grid-list{grid-template-columns:1fr;gap:16px}.tt-card{padding:16px}.tt-card-details{grid-template-columns:1fr}.tt-card-footer{flex-direction:column;width:100%}.tt-btn{justify-content:center;width:100%}.tt-setup-grid{grid-template-columns:1fr}.tt-period-item{flex-direction:column;align-items:stretch;gap:12px}.tt-table-wrapper{overflow-x:auto}}@media (width<=480px){.tt-empty-state{padding:30px 15px}.tt-card-header{flex-direction:column;align-items:flex-start}}@keyframes tt-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.tt-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;flex-shrink:0;animation:1.4s linear infinite tt-shimmer}.tt-dashboard-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tt-dashboard-search{flex:200px;min-width:200px;max-width:360px}.tt-dashboard-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:130px;padding:8px 12px;font-size:13px}@media (width<=768px){.tt-dashboard-search{max-width:100%}}@media (width<=640px){.tt-dashboard-actions{flex-direction:column;align-items:stretch}.tt-dashboard-search{flex:100%;min-width:100%}.tt-dashboard-select{width:100%;min-width:100%}}.tt-field-row{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.tt-field-row>div{flex:1}.tt-field-row .field-label{color:#1f2937;font-size:14px;font-weight:600}.tt-field-row .field-group{gap:8px}.tt-days-container{flex-wrap:wrap;gap:12px;display:flex}.tt-modal-footer{border-top:1px solid var(--color-border,#e5e7eb);background:#f8fafc;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=640px){.tt-field-row{flex-direction:column;align-items:stretch;gap:16px}.tt-days-container{gap:8px}.tt-modal-footer{flex-direction:column-reverse}.tt-modal-footer button{width:100%}}.rc-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:13px;width:100%;padding:16px;font-family:DM Sans,Segoe UI,sans-serif;transition:box-shadow .22s,transform .18s;display:flex;box-shadow:0 2px 14px #0000000f}.rc-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001c}.rc-top{align-items:flex-start;gap:10px;display:flex}.rc-avatar{background:linear-gradient(135deg,#1a7f64 0%,#2bb08a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.rc-avatar__img{object-fit:cover;width:100%;height:100%}.rc-avatar__initials{color:#fff;letter-spacing:.03em;font-size:.9rem;font-weight:700}.rc-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rc-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.rc-roll{color:#6b7280;font-size:.72rem}.rc-statuses{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rc-badge{white-space:nowrap;letter-spacing:.02em;border-radius:6px;padding:2px 9px;font-size:.68rem;font-weight:600;display:inline-block}.rc-badge--published{color:#15803d;background:#dcfce7}.rc-badge--sent{color:#1d4ed8;background:#dbeafe}.rc-badge--downloaded{color:#0369a1;background:#e0f2fe}.rc-badge--generated{color:#6d28d9;background:#ede9fe}.rc-badge--pending{color:#b45309;background:#fef3c7}.rc-badge--not-generated{color:#b91c1c;background:#fee2e2}.rc-score-row{align-items:center;gap:10px;display:flex}.rc-score-left{flex-direction:column;flex:1;gap:1px;display:flex}.rc-term{color:#9ca3af;font-size:.68rem;font-weight:400}.rc-pct{color:#111827;letter-spacing:-.03em;font-size:1.55rem;font-weight:800;line-height:1.1}.rc-marks{color:#6b7280;font-size:.72rem}.rc-grade-pill{letter-spacing:-.02em;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:.95rem;font-weight:800;display:flex}.rc-rank{color:#9ca3af;text-align:right;white-space:nowrap;font-size:.72rem;font-weight:500}.rc-subjects{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:6px;padding:4px 0 2px;display:flex}.rc-subbar{align-items:center;gap:8px;display:flex}.rc-subbar__name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:75px;font-size:.72rem;overflow:hidden}.rc-subbar__track{background:#f3f4f6;border-radius:99px;flex:1;height:6px;overflow:hidden}.rc-subbar__fill{border-radius:99px;height:100%;transition:width .5s}.rc-subbar__score{color:#374151;text-align:right;flex-shrink:0;width:24px;font-size:.72rem;font-weight:600}.rc-footer{justify-content:space-between;align-items:center;display:flex}.rc-footer__left{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.rc-att-chip{color:#374151;background:#f3f4f6;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.rc-att-chip__icon{opacity:.6;font-size:.65rem}.rc-result-chip{border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.rc-result-chip--pass{color:#15803d;background:#dcfce7}.rc-result-chip--fail{color:#b91c1c;background:#fee2e2}.rc-remark{color:#9ca3af;font-size:.7rem;font-style:italic}.rc-actions{border-top:1px solid #f3f4f6;align-items:center;gap:8px;padding-top:4px;display:flex}.rc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.76rem;font-weight:600;transition:background .16s,transform .13s,opacity .16s;display:inline-flex}.rc-btn:hover{transform:translateY(-1px)}.rc-btn:active{transform:translateY(0)}.rc-btn--ghost{color:#374151;background:#f3f4f6;flex:1}.rc-btn--ghost:hover{background:#e5e7eb}.rc-btn--primary{color:#fff;background:#1a7f64;flex:2;box-shadow:0 2px 8px #1a7f6438}.rc-btn--primary:hover{background:#166b54}.rc-btn--icon{color:#374151;background:#f3f4f6;flex-shrink:0;padding:7px 10px}.rc-btn--icon:hover{background:#e5e7eb}.rc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-top:16px;display:grid}@media (width<=360px){.rc-card{gap:10px;padding:12px}.rc-pct{font-size:1.3rem}.rc-grade-pill{width:40px;height:40px;font-size:.85rem}.rc-btn{padding:6px 10px;font-size:.7rem}}:root{--rc-font:"Plus Jakarta Sans", "Segoe UI", sans-serif;--rc-green:#16a34a;--rc-green-light:#22c55e;--rc-green-bg:#f0fdf4;--rc-green-mid:#dcfce7;--rc-teal:#0d9488;--rc-ink:#0f172a;--rc-ink-soft:#334155;--rc-muted:#64748b;--rc-border:#e2e8f0;--rc-bg:#f8fafc;--rc-white:#fff;--rc-amber:#d97706;--rc-red:#dc2626;--rc-blue:#2563eb;--rc-shadow:0 12px 48px #0f172a2e, 0 2px 8px #0f172a14;--rc-radius:14px}.rc-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0a122399;justify-content:center;align-items:flex-start;padding:16px 10px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.rc-modal{background:var(--rc-bg);width:100%;max-width:860px;box-shadow:var(--rc-shadow);border-radius:18px;flex-direction:column;animation:.3s cubic-bezier(.34,1.2,.64,1) rcFadeIn;display:flex;overflow:hidden}@keyframes rcFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.rc-toolbar{background:var(--rc-white);border-bottom:1px solid var(--rc-border);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.rc-toolbar-left{align-items:center;gap:10px;display:flex}.rc-toolbar-logo{background:var(--rc-green-bg);width:32px;height:32px;color:var(--rc-green);border:1px solid var(--rc-green-mid);border-radius:8px;justify-content:center;align-items:center;display:flex}.rc-toolbar-title{font-family:var(--rc-font);color:var(--rc-ink);font-size:13.5px;font-weight:700}.rc-toolbar-sub{color:var(--rc-muted);font-weight:500}.rc-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rc-tb-btn{font-family:var(--rc-font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:filter .15s,transform .1s;display:flex}.rc-tb-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.rc-tb-btn:active{transform:translateY(0)}.rc-tb-email,.rc-tb-pdf{color:var(--rc-ink-soft);border:1px solid var(--rc-border);background:#f1f5f9}.rc-tb-print{background:var(--rc-green);color:#fff}.rc-tb-close{border:1px solid var(--rc-border);color:var(--rc-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:14px;transition:background .15s,color .15s}.rc-tb-close:hover{color:var(--rc-red);background:#fee2e2;border-color:#fca5a5}.rc-scroll{padding:20px 20px 32px;overflow-y:auto}.rc-card{background:var(--rc-white);border-radius:var(--rc-radius);border:1.5px solid var(--rc-border);font-family:var(--rc-font);color:var(--rc-ink);overflow:hidden}.rc-header{border-bottom:2px solid var(--rc-green-mid);background:linear-gradient(135deg, #f8fff9 0%, var(--rc-white) 100%);align-items:flex-start;gap:16px;padding:20px 24px 18px;display:flex}.rc-school-logo{background:var(--rc-green-bg);border:2px solid var(--rc-green-mid);width:60px;height:60px;color:var(--rc-green);letter-spacing:.04em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.rc-school-info{flex:1}.rc-school-name{letter-spacing:.05em;color:var(--rc-ink);margin:0 0 4px;font-size:17px;font-weight:800}.rc-school-info p{color:var(--rc-muted);margin:0 0 2px;font-size:11.5px;line-height:1.5}.rc-report-badge{text-align:right;flex-shrink:0}.rc-report-type{background:var(--rc-green);color:#fff;letter-spacing:.07em;border-radius:20px;margin-bottom:6px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block}.rc-report-meta{color:var(--rc-muted);text-align:right;font-size:11px;line-height:1.6}.rc-student-section{border-bottom:1px solid var(--rc-border);background:#fafcff;gap:16px;padding:16px 24px;display:flex}.rc-student-photo{border:1.5px solid var(--rc-border);background:#f1f5f9;border-radius:8px;flex-shrink:0;width:68px;height:80px;overflow:hidden}.rc-student-photo img{object-fit:cover;width:100%;height:100%}.rc-photo-placeholder{background:#e2e8f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.rc-student-fields{flex-direction:column;flex:1;gap:8px;display:flex}.rc-sfield-row{flex-wrap:wrap;gap:20px;display:flex}.rc-sfield{flex-direction:column;gap:2px;min-width:120px;display:flex}.rc-sfield-label{color:var(--rc-muted);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:700}.rc-sfield-value{color:var(--rc-ink);font-size:13px;font-weight:700}.rc-section-block{border-bottom:1px solid var(--rc-border);padding:16px 24px}.rc-section-title{letter-spacing:.08em;color:var(--rc-ink-soft);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.rc-perf-row{align-items:flex-end;gap:20px;display:flex}.rc-perf-bars{flex:1;align-items:flex-end;gap:10px;display:flex}.rc-perf-bar-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.rc-perf-bar{opacity:.88;border-radius:8px 8px 4px 4px;width:32px;height:52px}.rc-perf-label{color:var(--rc-muted);text-align:center;font-size:10px;font-weight:500}.rc-perf-stats{flex-shrink:0;align-items:center;gap:14px;display:flex}.rc-perf-circle-group{flex-direction:column;align-items:center;gap:4px;display:flex}.rc-perf-circle-label{color:var(--rc-muted);font-size:10px;font-weight:500}.rc-circle-wrap{justify-content:center;align-items:center;display:flex;position:relative}.rc-circle-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rc-circle-pct{color:var(--rc-ink);font-size:14px;font-weight:800}.rc-circle-sub{color:var(--rc-muted);font-size:9px}.rc-grade-circle{border:3px solid var(--rc-green-light);background:var(--rc-green-bg);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.rc-grade-circle span{color:var(--rc-green);font-size:22px;font-weight:900}.rc-perf-aside{flex-direction:column;gap:6px;display:flex}.rc-aside-row{color:var(--rc-ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.rc-aside-row strong{color:var(--rc-ink)}.rc-aside-icon{font-size:11px}.rc-aside-vs,.rc-aside-vs strong{color:var(--rc-green)}.rc-grade-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.rc-grade-badge--sm{padding:3px 8px;font-size:11.5px}.rc-table-wrap{border:1.5px solid var(--rc-border);border-radius:10px;overflow:hidden}.rc-table th{color:var(--rc-ink-soft);text-align:center;border-bottom:1.5px solid var(--rc-green-mid);white-space:nowrap;border-right:1px solid var(--rc-border);background:#f0fdf4;padding:10px 12px;font-size:11.5px;font-weight:700}.rc-table th:first-child{text-align:left;padding-left:16px}.rc-table th:last-child{border-right:none}.rc-table td{text-align:center;vertical-align:middle;color:var(--rc-ink-soft);border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:9px 12px}.rc-table td:last-child{border-right:none}.rc-table tbody tr:last-child td{border-bottom:1px solid var(--rc-border)}.rc-table tbody tr:hover{background:#f8fff9}.rc-subject-cell{text-align:left;color:var(--rc-ink);font-weight:600;padding-left:16px!important}.rc-num{font-family:DM Mono,monospace;font-size:12.5px}.rc-total{color:var(--rc-ink);font-weight:700}.rc-result{color:var(--rc-green);font-size:12.5px;font-weight:700}.rc-promoted{color:var(--rc-green);letter-spacing:.03em;font-size:12px;font-weight:800}.rc-totals-row td{border-top:1.5px solid var(--rc-green-mid);background:#f0fdf4;padding:10px 12px;font-size:12.5px}.rc-totals-row td:first-child{text-align:left;color:var(--rc-green);letter-spacing:.03em;padding-left:16px;font-size:13px;font-weight:800}.rc-two-col{border-bottom:1px solid var(--rc-border);grid-template-columns:1fr 1fr;gap:0;display:grid}.rc-panel{border-right:1px solid var(--rc-border);padding:16px 20px}.rc-panel:last-child{border-right:none}.rc-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--rc-ink-soft);margin-bottom:12px;font-size:11px;font-weight:800}.rc-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.rc-summary-cell{border:1px solid var(--rc-border);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.rc-summary-green{background:var(--rc-green-bg);border-color:var(--rc-green-mid)}.rc-summary-label{color:var(--rc-muted);font-size:11px;font-weight:500}.rc-summary-value{color:var(--rc-ink);font-size:18px;font-weight:800}.rc-green{color:var(--rc-green)!important}.rc-promotion-row{border-top:1px solid var(--rc-border);align-items:center;gap:12px;padding-top:12px;display:flex}.rc-promotion-label{color:var(--rc-ink-soft);font-size:12.5px;font-weight:500}.rc-promotion-badge{background:var(--rc-green-bg);color:var(--rc-green);border:1.5px solid var(--rc-green-mid);letter-spacing:.04em;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:800}.rc-att-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.rc-att-cell{border:1px solid var(--rc-border);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.rc-att-label{color:var(--rc-muted);font-size:11px;font-weight:500}.rc-att-value{color:var(--rc-ink);font-size:18px;font-weight:800}.rc-att-absent{color:var(--rc-red);background:#fee2e2;border-radius:6px;width:fit-content;margin-top:2px;padding:2px 10px;font-size:15px;font-weight:800;display:inline-block}.rc-att-bar-wrap{background:var(--rc-green-mid);border-radius:4px;height:8px;overflow:hidden}.rc-att-bar{background:var(--rc-green);border-radius:4px;height:100%;transition:width 1s}.rc-cosch-row{flex-wrap:wrap;gap:10px;display:flex}.rc-cosch-cell{border:1.5px solid var(--rc-border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.rc-cosch-cell:hover{border-color:var(--rc-green-light);box-shadow:0 0 0 2px var(--rc-green-mid)}.rc-cosch-grade{color:var(--rc-ink);font-size:18px;font-weight:800}.rc-cosch-area{color:var(--rc-muted);font-size:10.5px;font-weight:500}.rc-remark-text{color:var(--rc-ink-soft);margin:0 0 12px;font-size:12.5px;line-height:1.65}.rc-strengths-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rc-strength-box{border:1px solid var(--rc-border);background:#f8fafc;border-radius:8px;padding:10px 12px}.rc-sbox-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800}.rc-sbox-green{color:var(--rc-green)}.rc-sbox-amber{color:var(--rc-amber)}.rc-sbox-items{color:var(--rc-ink-soft);font-size:12px;line-height:1.5}.rc-grading-row{flex-wrap:wrap;gap:8px;display:flex}.rc-grading-item{align-items:center;gap:6px;display:flex}.rc-grading-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.rc-grading-text{color:var(--rc-muted);white-space:nowrap;font-size:11.5px}.rc-sig-row{border-top:1px solid var(--rc-border);background:#fafcff;align-items:flex-end;gap:0;padding:20px 24px 22px;display:flex}.rc-sig-cell{border-right:1px dashed var(--rc-border);flex-direction:column;flex:1;align-items:center;gap:6px;padding:0 16px;display:flex}.rc-sig-cell:first-child{padding-left:0}.rc-sig-cell:last-child{border-right:none}.rc-stamp-circle{border:2px solid var(--rc-border);background:#f8fafc;border-radius:50%;width:48px;height:48px;margin-bottom:4px}.rc-sig-line{background:var(--rc-ink-soft);width:130px;height:1px;margin-bottom:4px}.rc-sig-name{color:var(--rc-ink);font-size:12.5px;font-weight:700}.rc-sig-role{color:var(--rc-muted);font-size:11px}.rc-sig-date{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;padding-left:20px;display:flex}.rc-sig-date-label{color:var(--rc-muted);font-size:10.5px;font-weight:500}.rc-sig-date-value{color:var(--rc-ink);font-size:15px;font-weight:800}.rc-sig-generated{color:var(--rc-muted);font-size:10.5px;font-style:italic}@media (width<=680px){.rc-scroll{padding:12px 8px 24px}.rc-header{flex-direction:column;gap:10px}.rc-report-badge{text-align:left}.rc-student-section{flex-direction:column}.rc-perf-row{flex-direction:column;align-items:flex-start}.rc-perf-stats{flex-wrap:wrap}.rc-two-col{grid-template-columns:1fr}.rc-panel{border-right:none;border-bottom:1px solid var(--rc-border)}.rc-panel:last-child{border-bottom:none}.rc-sig-row{flex-direction:column;gap:16px}.rc-sig-cell{border-right:none;border-bottom:1px dashed var(--rc-border);width:100%;padding-bottom:12px}.rc-sig-date{text-align:left;align-items:flex-start;padding-left:0}.rc-cosch-row{gap:8px}.rc-cosch-cell{min-width:64px;padding:8px 10px}.rc-table-wrap{overflow-x:auto}.rc-table{min-width:560px}.rc-toolbar{flex-direction:column;align-items:flex-start}.rc-toolbar-actions{justify-content:flex-end;width:100%}.rc-school-name{font-size:14px}}@media (width<=420px){.rc-summary-grid,.rc-att-grid,.rc-strengths-row{grid-template-columns:1fr}.rc-sfield-row{gap:12px}.rc-grading-row{gap:6px}}@media print{.rc-backdrop,.rc-modal{box-shadow:none;background:0 0;padding:0;position:static}.rc-toolbar{display:none!important}.rc-scroll{padding:0;overflow:visible}.rc-card{border:none}.rc-table tbody tr:hover{background:0 0}}.rcb-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#0a12239e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.rcb-shell{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:820px;max-height:92vh;animation:.32s cubic-bezier(.34,1.18,.64,1) rcbSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 72px #0f172a38,0 4px 12px #0f172a14}@keyframes rcbSlideIn{0%{opacity:0;transform:translateY(-24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.rcb-header{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px 0;display:flex}.rcb-header-left{align-items:center;gap:12px;padding-bottom:18px;display:flex}.rcb-header-icon{color:#16a34a;background:#f0fdf4;border:1.5px solid #dcfce7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rcb-title{color:#0f172a;margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:16px;font-weight:800}.rcb-subtitle{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:500}.rcb-close{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;align-self:flex-start;margin-bottom:18px;padding:6px 12px;font-size:14px;transition:background .15s,color .15s}.rcb-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.rcb-stepper{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:0;padding:0 24px;display:flex}.rcb-step{cursor:default;flex:1;align-items:center;gap:8px;padding:12px 0;display:flex;position:relative}.rcb-step:after{content:"";background:0 0;border-radius:2px;height:2.5px;transition:background .2s;position:absolute;bottom:-1px;left:0;right:0}.rcb-step--active:after{background:#16a34a}.rcb-step--done:after{background:#dcfce7}.rcb-step-num{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;transition:background .2s,color .2s;display:flex}.rcb-step--active .rcb-step-num{color:#fff;background:#16a34a}.rcb-step--done .rcb-step-num{color:#16a34a;background:#dcfce7}.rcb-step-label{color:#94a3b8;white-space:nowrap;font-size:12.5px;font-weight:700;transition:color .2s}.rcb-step--active .rcb-step-label{color:#0f172a}.rcb-step--done .rcb-step-label{color:#16a34a}.rcb-step-divider{background:#e2e8f0;flex:0 0 24px;height:1px;margin:0 4px}.rcb-body{flex:1;padding:24px;overflow-y:auto}.rcb-section-title{letter-spacing:.08em;text-transform:uppercase;color:#334155;border-bottom:1.5px solid #f1f5f9;margin:0 0 14px;padding-bottom:8px;font-size:11px;font-weight:800}.rcb-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.rcb-form-grid--3{grid-template-columns:1fr 1fr 1fr}.rcb-form-grid--1{grid-template-columns:1fr}.rcb-field{flex-direction:column;gap:5px;display:flex}.rcb-field--span2{grid-column:span 2}.rcb-label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.rcb-input,.rcb-textarea,.rcb-select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.rcb-input:focus,.rcb-textarea:focus,.rcb-select:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #dcfce7}.rcb-textarea{resize:vertical;min-height:70px}.rcb-subjects-wrap{border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:12px;overflow:hidden}.rcb-subjects-head{background:#f0fdf4;border-bottom:1.5px solid #dcfce7;gap:0;display:grid}.rcb-subjects-head-cell{color:#334155;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-right:1px solid #dcfce7;padding:10px 12px;font-size:11px;font-weight:800}.rcb-subjects-head-cell:first-child{text-align:left}.rcb-subjects-head-cell:last-child{border-right:none}.rcb-subject-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:0;transition:background .12s;display:grid}.rcb-subject-row:last-child{border-bottom:none}.rcb-subject-row:hover{background:#f8fff9}.rcb-subject-cell{border-right:1px solid #f1f5f9;padding:8px 10px}.rcb-subject-cell:last-child{border-right:none}.rcb-cell-input{color:#0f172a;background:0 0;border:none;border-radius:5px;outline:none;width:100%;padding:2px 4px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:13px;transition:background .12s,box-shadow .12s}.rcb-cell-input:focus{background:#f0fdf4;box-shadow:0 0 0 2px #86efac}.rcb-cell-input--center{text-align:center}.rcb-subject-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:16px;transition:color .15s,background .15s;display:flex}.rcb-subject-del:hover{color:#dc2626;background:#fee2e2}.rcb-add-row{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1.5px dashed #86efac;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.rcb-add-row:hover{background:#dcfce7;border-color:#4ade80}.rcb-cols-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.rcb-col-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 100px 100px auto;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:grid}.rcb-col-row:hover{border-color:#86efac}.rcb-col-label{color:#334155;margin-bottom:3px;font-size:11.5px;font-weight:700}.rcb-col-del{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:13px;transition:color .15s,background .15s,border-color .15s}.rcb-col-del:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.rcb-check-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.rcb-check-row input[type=checkbox]{accent-color:#16a34a;cursor:pointer;width:16px;height:16px}.rcb-check-label{color:#334155;cursor:pointer;font-size:13px;font-weight:600}.rcb-chips{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.rcb-chip{color:#16a34a;background:#f0fdf4;border:1.5px solid #dcfce7;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.rcb-summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.rcb-summary-card{border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 16px}.rcb-summary-card-title{letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-bottom:8px;font-size:10.5px;font-weight:800}.rcb-summary-item{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:3px 0;font-size:12.5px;display:flex}.rcb-summary-item:last-child{border-bottom:none}.rcb-summary-item span:last-child{color:#0f172a;font-weight:700}.rcb-footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.rcb-footer-left{color:#64748b;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.rcb-footer-right{align-items:center;gap:10px;display:flex}.rcb-btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:13.5px;font-weight:700;transition:filter .15s,transform .1s,box-shadow .15s;display:flex}.rcb-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.rcb-btn:active{transform:translateY(0)}.rcb-btn--ghost{color:#334155;background:#f1f5f9;border:1.5px solid #e2e8f0}.rcb-btn--ghost:hover{filter:none;background:#e2e8f0}.rcb-btn--primary{color:#fff;background:#16a34a;box-shadow:0 4px 14px #16a34a47}.rcb-btn--preview{color:#fff;background:#2563eb;box-shadow:0 4px 14px #2563eb3d}@media (width<=640px){.rcb-shell{max-height:96vh}.rcb-header{padding:16px 16px 0}.rcb-header-left{padding-bottom:16px}.rcb-form-grid,.rcb-form-grid--3{grid-template-columns:1fr}.rcb-field--span2{grid-column:span 1}.rcb-col-row{grid-template-columns:1fr auto auto auto;gap:7px;overflow-x:auto}.rcb-subjects-wrap{overflow-x:auto}.rcb-summary-grid{grid-template-columns:1fr}.rcb-body{padding:16px}.rcb-stepper{display:none!important}.rcb-footer{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.rcb-footer-left{justify-content:center}.rcb-footer-right{flex-direction:column-reverse;gap:10px;width:100%}.rcb-btn{justify-content:center;width:100%}}.cicm-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out cicm-fade-in;display:flex;position:fixed;inset:0}@keyframes cicm-fade-in{0%{opacity:0}to{opacity:1}}.cicm-shell{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;width:100%;max-width:800px;height:90vh;max-height:850px;animation:.3s cubic-bezier(.16,1,.3,1) cicm-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes cicm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cicm-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.cicm-header-left{align-items:center;gap:16px;display:flex}.cicm-header-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cicm-title{color:#0f172a;font-size:18px;font-weight:700;line-height:1.2}.cicm-subtitle{color:#64748b;margin-top:4px;font-size:13px}.cicm-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cicm-close:hover{color:#475569;background:#f1f5f9}.cicm-toggle-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 28px}.cicm-toggle{background:#e2e8f0;border-radius:10px;padding:4px;display:inline-flex}.cicm-toggle-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cicm-toggle-btn.active{color:#2563eb;background:#fff;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cicm-body{flex:1;display:flex;overflow:hidden}.cicm-form-panel{border-right:1px solid #e2e8f0;flex:1;padding:28px;overflow-y:auto}.cicm-form-scroll{flex-direction:column;gap:24px;padding-bottom:20px;display:flex}.cicm-photo-section{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.cicm-photo-upload{cursor:pointer;background-color:#fafafa;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex;position:relative;overflow:hidden}.cicm-photo-upload:hover{background-color:#eff6ff;border-color:#3b82f6}.cicm-photo-preview{object-fit:cover;width:100%;height:100%}.cicm-photo-placeholder{text-align:center;color:#64748b;flex-direction:column;align-items:center;padding:10px;display:flex}.cicm-photo-placeholder svg{color:#94a3b8;margin-bottom:6px}.cicm-photo-placeholder span{color:#475569;font-size:12px;font-weight:600}.cicm-photo-placeholder small{color:#94a3b8;margin-top:2px;font-size:10px}.cicm-photo-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.cicm-photo-remove:hover{background:#fef2f2}.cicm-section-title{color:#1e293b;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #3b82f6;margin-top:8px;padding-left:10px;font-size:14px;font-weight:700}.cicm-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.cicm-field{flex-direction:column;gap:6px;display:flex}.cicm-label{color:#475569;font-size:12.5px;font-weight:600}.cicm-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.cicm-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cicm-input::placeholder{color:#94a3b8}select.cicm-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.cicm-preview-panel{background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:380px;padding:28px;display:flex}.cicm-preview-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:12px;font-weight:700}.cicm-preview-card{justify-content:center;width:250px;margin-bottom:20px;display:flex}.cicm-preview-card .idOuter{width:100%}.cicm-preview-card .idSectionHeader,.cicm-preview-card .idDownloadBtn{display:none!important}.cicm-preview-note{color:#94a3b8;margin-top:8px;font-size:12px}.cicm-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.cicm-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.cicm-btn--ghost{color:#64748b;background:0 0}.cicm-btn--ghost:hover{color:#334155;background:#f1f5f9}.cicm-btn--outline{color:#475569;background:#fff;border:1px solid #cbd5e1}.cicm-btn--outline:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.cicm-btn--primary{color:#fff;background:#2563eb;box-shadow:0 4px 6px -1px #2563eb26}.cicm-btn--primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}@media (width<=900px){.cicm-shell{height:95vh;max-height:95vh}.cicm-body{flex-direction:column-reverse;overflow-y:auto}.cicm-form-panel{border-right:none;padding:20px;overflow-y:visible}.cicm-preview-panel{border-bottom:1px solid #e2e8f0;width:100%;padding:20px}.cicm-preview-label{margin-bottom:12px}}@media (width<=600px){.cicm-grid{grid-template-columns:1fr}.cicm-toggle-row,.cicm-header,.cicm-footer{padding:12px 16px}}.idcards-page{flex-direction:column;gap:20px;display:flex}.idcards-count{color:#64748b;font-size:13px;font-weight:500}.idcards-count strong{color:#0f172a;font-weight:700}.idcards-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px;display:grid}@media (width<=1024px){.idcards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media (width<=768px){.idcards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (width<=640px){.idcards-grid{grid-template-columns:1fr;gap:16px}}.student-id-card{--sidc-navy:#18376f;--sidc-navy-dark:#132c59;--sidc-blue:#2e79d1;--sidc-border:#d9e3f0;--sidc-bg:#f3f6fb;--sidc-text:#163054;--sidc-muted:#6b7b94;--sidc-soft:#e9f0f8;--sidc-soft-blue:#dce9f8;--sidc-green:#1da851;--sidc-red:#cf3f34;width:100%;max-width:660px;color:var(--sidc-text);background:linear-gradient(#f7f9fc 0%,#eef3f9 100%);border:1px solid #cad7e8;border-radius:18px;overflow:hidden;box-shadow:0 18px 36px #17325f24}.student-id-card *{box-sizing:border-box}.student-id-card__header{background:linear-gradient(135deg, var(--sidc-navy-dark), var(--sidc-navy));color:#fff;border-bottom:4px solid #4f97df;grid-template-columns:1.8fr 1.2fr auto;align-items:center;gap:18px;padding:12px 22px;display:grid;position:relative;overflow:hidden}.student-id-card__header:before,.student-id-card__header:after{content:"";background:#ffffff0f;border-radius:50%;position:absolute}.student-id-card__header:before{width:58px;height:58px;top:-12px;right:92px}.student-id-card__header:after{width:74px;height:74px;top:-20px;right:28px}.student-id-card__brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.student-id-card__logo-box{width:48px;height:48px;color:var(--sidc-navy);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.student-id-card__logo-image{object-fit:contain;width:100%;height:100%}.student-id-card__logo-fallback{letter-spacing:1px;font-size:20px;font-weight:700}.student-id-card__brand-text{min-width:0}.student-id-card__school-name{margin:0;font-size:20px;font-weight:800;line-height:1.15}.student-id-card__affiliation{letter-spacing:.08em;color:#fffc;margin:2px 0 0;font-size:11px;font-weight:600}.student-id-card__header-title{text-align:center;letter-spacing:.2em;text-transform:uppercase;z-index:1;font-size:13px;font-weight:800;position:relative}.student-id-card__session-pill{z-index:1;background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;flex-direction:column;align-items:center;min-width:90px;padding:9px 14px;display:flex;position:relative}.student-id-card__session-label{letter-spacing:.09em;color:#ffffffc7;font-size:10px;font-weight:700}.student-id-card__session-value{font-size:12px;font-weight:800}.student-id-card__body{background:linear-gradient(#f8fbff 0%,#f1f5fb 100%);grid-template-columns:128px minmax(0,1fr) 36px;gap:20px;padding:20px 24px 18px;display:grid}.student-id-card__left{flex-direction:column;gap:12px;display:flex}.student-id-card__photo-frame{border:3px solid var(--sidc-navy);background:#dbe7f5;border-radius:12px;width:100px;height:100px;overflow:hidden;box-shadow:0 8px 20px #18376f1f}.student-id-card__photo{object-fit:cover;width:100%;height:100%}.student-id-card__photo-fallback{width:100%;height:100%;color:var(--sidc-navy);background:#dbeafe;justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex}.student-id-card__qr-card{background:linear-gradient(#d9e6f5,#c9d9ee);border:1px solid #c1d1e7;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:110px;padding:7px 6px 8px;display:flex}.student-id-card__qr-text{letter-spacing:.08em;color:#596a86;font-size:10px;font-weight:700}.student-id-card__center{flex-direction:column;gap:18px;min-width:0;display:flex}.student-id-card__mini-label{letter-spacing:.18em;color:#60738f;margin-bottom:5px;font-size:10px;font-weight:800;display:inline-block}.student-id-card__student-name{color:var(--sidc-navy-dark);margin:0;font-size:21px;font-weight:800;line-height:1.1}.student-id-card__guardian{color:#6e7d94;margin:4px 0 0;font-size:13px;font-weight:500}.student-id-card__details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.student-id-card__detail-item{flex-direction:column;gap:6px;display:flex}.student-id-card__detail-label{letter-spacing:.12em;color:#7b8aa0;font-size:10px;font-weight:800}.student-id-card__detail-value{color:#163054;font-size:15px;font-weight:800}.student-id-card__detail-value--accent{color:var(--sidc-red)}.student-id-card__validity-bar{background:#d8e5f4;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:38px;padding:9px 14px;display:grid}.student-id-card__validity-left{color:var(--sidc-navy);align-items:center;gap:7px;display:flex}.student-id-card__validity-label{letter-spacing:.08em;font-size:12px;font-weight:800}.student-id-card__validity-date{text-align:center;color:#0d2648;font-size:15px;font-weight:800}.student-id-card__status-badge{background:var(--sidc-green);color:#fff;letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.student-id-card__right-strip{background:linear-gradient(180deg, var(--sidc-navy), var(--sidc-navy-dark));color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;min-height:282px;padding:12px 6px;display:flex}.student-id-card__right-strip-text{writing-mode:vertical-rl;letter-spacing:.12em;text-align:center;font-size:10px;font-weight:800;transform:rotate(180deg)}.student-id-card__footer{border-top:1px solid var(--sidc-border);background:#f7f9fc;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px 22px 12px;display:grid}.student-id-card__footer-item{color:#66778f;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.student-id-card__footer-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=900px){.student-id-card__header{grid-template-columns:1fr;justify-items:start}.student-id-card__header-title{text-align:left}.student-id-card__session-pill{align-items:flex-start}}@media (width<=768px){.student-id-card__body{grid-template-columns:1fr}.student-id-card__left{flex-flow:wrap;justify-content:center;align-items:flex-start}.student-id-card__right-strip{flex-direction:row;min-height:auto;padding:10px 14px}.student-id-card__right-strip-text{writing-mode:horizontal-tb;transform:none}.student-id-card__details-grid,.student-id-card__footer{grid-template-columns:1fr 1fr}}@media (width<=560px){.student-id-card{border-radius:14px}.student-id-card__header,.student-id-card__body,.student-id-card__footer{padding-left:14px;padding-right:14px}.student-id-card__school-name{font-size:14px}.student-id-card__student-name{font-size:18px}.student-id-card__details-grid,.student-id-card__footer{grid-template-columns:1fr}.student-id-card__validity-bar{grid-template-columns:1fr;justify-items:start}.student-id-card__validity-date{text-align:left}}.roles-page{flex-direction:column;display:flex}.roles-page__header,.roles-page__filters,.roles-page__tabs,.roles-page__content{width:100%}.roles-page__content{min-height:400px}@media (width<=992px){.roles-page{gap:16px;padding:16px}}@media (width<=768px){.roles-page{gap:12px;padding:12px}}:root{--rc2-font:"Plus Jakarta Sans", "Segoe UI", sans-serif;--rc2-green:#16a34a;--rc2-green-light:#dcfce7;--rc2-blue:#2563eb;--rc2-blue-light:#eff6ff;--rc2-blue-mid:#dbeafe;--rc2-purple:#7c3aed;--rc2-purple-light:#f5f3ff;--rc2-purple-mid:#ede9fe;--rc2-red:#ef4444;--rc2-ink:#0f172a;--rc2-ink-soft:#334155;--rc2-muted:#64748b;--rc2-border:#e2e8f0;--rc2-bg:#f8fafc;--rc2-white:#fff;--rc2-active-strip:#16a34a;--rc2-active-bg:#f0fdf4;--rc2-radius:14px;--rc2-shadow:0 1px 6px #0f172a12, 0 0 0 1px #0f172a0a}.rc-root{font-family:var(--rc2-font);background:var(--rc2-white);border-radius:var(--rc2-radius);border:1.5px solid var(--rc2-border);box-shadow:var(--rc2-shadow);width:100%;overflow:hidden}.rc-header{border-bottom:1.5px solid var(--rc2-border);background:var(--rc2-white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rc-header-left{align-items:center;gap:10px;display:flex}.rc-title{color:var(--rc2-ink);letter-spacing:-.01em;font-size:15px;font-weight:700}.rc-count{color:#0369a1;text-align:center;background:#e0f2fe;border-radius:20px;min-width:22px;padding:2px 9px;font-size:11px;font-weight:700}.rc-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rc-filter-wrap{border:1.5px solid var(--rc2-border);background:var(--rc2-white);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.rc-filter-label{color:var(--rc2-muted);border-right:1px solid var(--rc2-border);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;padding:7px 10px 7px 12px;font-size:12.5px;font-weight:500}.rc-filter-btn{font-family:var(--rc2-font);color:var(--rc2-ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.rc-filter-btn:hover{background:#f1f5f9}.rc-filter-btn svg{color:var(--rc2-muted)}.rc-export-btn{background:var(--rc2-white);border:1.5px solid var(--rc2-border);font-family:var(--rc2-font);color:var(--rc2-ink-soft);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.rc-export-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.rc-table-wrap{width:100%;overflow-x:auto}.rc-table{border-collapse:collapse;width:100%;font-size:13px}.rc-th{color:var(--rc2-muted);text-align:left;border-bottom:1.5px solid var(--rc2-border);background:var(--rc2-white);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:11px 14px;font-size:12px;font-weight:600}.rc-th--icon{width:44px;padding:11px 8px 11px 18px}.rc-th--role{min-width:160px}.rc-th--type{width:90px}.rc-th--desc{min-width:220px}.rc-th--users{text-align:center;width:60px}.rc-th--modules{text-align:center;width:100px}.rc-th--scope{width:110px}.rc-th--status{width:90px}.rc-th--actions{text-align:right;width:120px;padding-right:20px}.rc-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .12s;position:relative}.rc-row:last-child{border-bottom:none}.rc-row:hover{background:#f8fafc}.rc-td{color:var(--rc2-ink-soft);vertical-align:middle;padding:13px 14px}.rc-td--icon{width:44px;padding:13px 8px 13px 18px}.rc-td--role{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.rc-td--center{text-align:center}.rc-td--actions{text-align:right;padding-right:12px}.rc-td--desc{max-width:260px}.rc-role-name{color:var(--rc2-ink);white-space:nowrap;font-size:13.5px;font-weight:700}.rc-role-code{color:var(--rc2-muted);letter-spacing:.04em;border:1px solid var(--rc2-border);white-space:nowrap;background:#f1f5f9;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.rc-desc-text{color:var(--rc2-muted);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:12.5px;line-height:1.4;display:block;overflow:hidden}.rc-users{color:var(--rc2-ink);font-size:14px;font-weight:700}.rc-modules{color:var(--rc2-ink-soft);text-align:center;font-size:12.5px;line-height:1.35;display:block}.rc-scope{color:var(--rc2-ink-soft);font-size:12.5px}.rc-type-badge{letter-spacing:.01em;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.rc-type-badge--system{background:var(--rc2-blue-light);color:var(--rc2-blue);border:1px solid var(--rc2-blue-mid)}.rc-type-badge--custom{background:var(--rc2-purple-light);color:var(--rc2-purple);border:1px solid var(--rc2-purple-mid)}.rc-status-badge{letter-spacing:.02em;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.rc-status-badge--active{background:var(--rc2-green-light);color:var(--rc2-green);border:1px solid #86efac}.rc-status-badge--inactive{color:var(--rc2-muted);border:1px solid var(--rc2-border);background:#f1f5f9}.rc-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.rc-action-btn{cursor:pointer;width:30px;height:30px;color:var(--rc2-muted);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .1s;display:flex}.rc-action-btn:hover{transform:scale(1.1)}.rc-action-btn--view:hover{color:var(--rc2-blue);background:#eff6ff}.rc-action-btn--edit:hover{color:#ca8a04;background:#fefce8}.rc-action-btn--copy:hover{color:var(--rc2-green);background:#f0fdf4}.rc-action-btn--delete:hover{color:var(--rc2-red);background:#fff1f2}.rc-action-btn:active{transform:scale(.95)}.rc-empty{text-align:center;color:var(--rc2-muted);font-size:13.5px;font-family:var(--rc2-font);padding:40px}@media (width<=900px){.rc-th--desc,.rc-td--desc{display:none}}@media (width<=700px){.rc-th--scope,.rc-td:nth-child(7),.rc-th--modules,.rc-td:nth-child(6){display:none}.rc-header{padding:12px 14px}.rc-export-btn span{display:none}.rc-export-btn{padding:8px 10px}}@media (width<=520px){.rc-th--users,.rc-td--center:nth-child(5){display:none}.rc-title{font-size:13.5px}.rc-td,.rc-th{padding:10px}.rc-td--icon,.rc-th--icon{padding-left:10px}}.arm-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.arm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.arm-header{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:16px;padding:24px 24px 18px;display:flex}.arm-header h2{color:#111827;margin:0;font-size:28px;line-height:1.2}.arm-header p{color:#667085;margin:6px 0 0;font-size:14px}.arm-close{color:#344054;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;width:40px;height:40px;font-size:26px}.arm-form{padding:24px}.arm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.arm-field{flex-direction:column;gap:8px;display:flex}.arm-field--full{margin-top:18px}.arm-field label{color:#344054;font-size:14px;font-weight:600}.arm-field input,.arm-field select,.arm-field textarea{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.arm-field input:focus,.arm-field select:focus,.arm-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.arm-field textarea{resize:vertical}.arm-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.arm-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600}.arm-btn--secondary{color:#344054;background:#f8fafc;border:1px solid #e5e7eb}.arm-btn--primary{color:#fff;background:#2563eb}@media (width<=640px){.arm-overlay{padding:16px}.arm-header{padding:16px 16px 14px}.arm-header h2{font-size:22px}.arm-form{padding:16px}.arm-grid{grid-template-columns:1fr}.arm-actions{flex-direction:column-reverse;gap:10px;margin-top:20px}.arm-btn{width:100%}.arm-modal{max-height:90vh;overflow:auto}}.rpm-overlay{z-index:1100;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.rpm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;width:100%;max-width:760px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.rpm-header{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 10px;display:flex}.rpm-title-wrap{align-items:center;gap:14px;display:flex}.rpm-badge-icon{background:#eaf1ff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rpm-header h2{color:#101828;margin:0;font-size:18px;font-weight:700}.rpm-close{color:#667085;cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1}.rpm-table-wrap{flex:1;min-height:0;padding:0 28px;overflow:auto}.rpm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px}.rpm-table th,.rpm-table td{border-bottom:1px solid #eef2f7;padding:16px 0}.rpm-table thead th{z-index:3;background:#fff;position:sticky;top:0}.rpm-module-head,.rpm-module-cell{text-align:left;width:38%}.rpm-module-head{color:#667085;font-size:15px;font-weight:700}.rpm-module-cell{color:#344054;font-size:16px;font-weight:600}.rpm-head--view,.rpm-head--create,.rpm-head--edit,.rpm-head--delete{text-align:center;font-size:15px;font-weight:700}.rpm-head--view{color:#3b82f6}.rpm-head--create{color:#10b981}.rpm-head--edit{color:#f59e0b}.rpm-head--delete{color:#e11d48}.rpm-check-cell{text-align:center;vertical-align:middle}.rpm-check{color:#fff;cursor:pointer;width:28px;height:28px;box-shadow:none;background:#fff;border:1.5px solid #6b7280;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.rpm-check--checked{background:#171717;border-color:#171717}.rpm-check--disabled{cursor:not-allowed;opacity:.85}.rpm-footer{background:#fff;border-top:1px solid #eef2f7;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 28px 24px;display:flex}.rpm-btn{cursor:pointer;border:none;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:700}.rpm-btn--secondary{color:#101828;background:#fff;border:1px solid #d0d5dd}.rpm-btn--primary{color:#fff;background:#2563eb;box-shadow:0 8px 18px #2563eb33}.rpm-table-wrap::-webkit-scrollbar{width:8px;height:8px}.rpm-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.rpm-table-wrap::-webkit-scrollbar-track{background:#f8fafc}@media (width<=768px){.rpm-overlay{padding:12px}.rpm-modal{max-height:calc(100vh - 24px)}}.aum-overlay{z-index:1200;background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.aum-modal{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;width:100%;max-width:1120px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a38}.aum-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 14px;display:flex}.aum-title-wrap{align-items:center;gap:14px;display:flex}.aum-icon{color:#2563eb;background:#eaf2ff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.aum-title{color:#101828;margin:0;font-size:20px;font-weight:700;line-height:1.2}.aum-subtitle{color:#667085;margin:4px 0 0;font-size:14px}.aum-close{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.aum-toolbar{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:16px 28px;display:flex}.aum-search{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:260px;height:46px;padding:0 14px;display:flex}.aum-search input{color:#101828;background:0 0;border:none;outline:none;flex:1;font-size:14px}.aum-stats{align-items:center;gap:10px;display:flex}.aum-stat-chip{color:#344054;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.aum-stat-chip--active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.aum-content{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid;overflow:hidden}.aum-panel,.aum-side{flex-direction:column;min-width:0;display:flex}.aum-side{background:#fcfcfd;border-left:1px solid #eef2f7}.aum-panel-head{border-bottom:1px solid #eef2f7;padding:16px 20px}.aum-panel-head h3{color:#344054;margin:0;font-size:15px;font-weight:700}.aum-table-wrap{flex:1;min-height:0;overflow:auto}.aum-table{border-collapse:separate;border-spacing:0;width:100%}.aum-table th,.aum-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:14px}.aum-table thead th{z-index:2;color:#667085;background:#fff;font-weight:700;position:sticky;top:0}.aum-col-check{width:72px;text-align:center!important}.aum-checkbox-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.aum-checkbox-wrap input{opacity:0;pointer-events:none;position:absolute}.aum-checkbox-ui{background:#fff;border:1.5px solid #98a2b3;border-radius:6px;width:20px;height:20px;display:inline-block;position:relative}.aum-checkbox-wrap input:checked+.aum-checkbox-ui{background:#2563eb;border-color:#2563eb}.aum-checkbox-wrap input:checked+.aum-checkbox-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.aum-row--selected{background:#f8fbff}.aum-status{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.aum-status--active{color:#16a34a;background:#ecfdf3}.aum-status--inactive{color:#dc2626;background:#fef2f2}.aum-selected-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow:auto}.aum-selected-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.aum-selected-main{flex-direction:column;gap:3px;min-width:0;display:flex}.aum-selected-name{color:#101828;font-size:14px;font-weight:700}.aum-selected-meta{color:#667085;font-size:12px}.aum-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.aum-empty-state,.aum-empty-cell{color:#98a2b3;text-align:center;padding:24px;font-size:14px}.aum-footer{background:#fff;border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;padding:18px 28px 24px;display:flex}.aum-btn{cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:700}.aum-btn--secondary{color:#101828;background:#fff;border:1px solid #d0d5dd}.aum-btn--primary{color:#fff;background:#2563eb;box-shadow:0 10px 22px #2563eb38}@media (width<=980px){.aum-content{grid-template-columns:1fr}.aum-side{border-top:1px solid #eef2f7;border-left:none;max-height:240px}}@media (width<=768px){.aum-overlay{padding:12px}.aum-modal{border-radius:18px;max-height:calc(100vh - 24px)}.aum-toolbar{flex-direction:column;align-items:stretch}}.vaum-overlay{z-index:1200;background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vaum-modal{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;width:100%;max-width:1180px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 32px 80px #0f172a38}.vaum-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 16px;display:flex}.vaum-title-wrap{align-items:center;gap:14px;display:flex}.vaum-icon{color:#16a34a;background:#ecfdf3;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.vaum-title{color:#101828;margin:0;font-size:20px;font-weight:700}.vaum-subtitle{color:#667085;margin:5px 0 0;font-size:14px}.vaum-close{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.vaum-toolbar{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:16px 28px;display:flex}.vaum-search{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:260px;height:46px;padding:0 14px;display:flex}.vaum-search input{color:#101828;background:0 0;border:none;outline:none;flex:1;font-size:14px}.vaum-filter-group{align-items:center;gap:12px;display:flex}.vaum-select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:14px;outline:none;height:46px;padding:0 14px;font-size:14px;font-weight:600}.vaum-stats{background:#fcfcfd;border-bottom:1px solid #eef2f7;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 28px;display:grid}.vaum-stat-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;padding:14px 16px}.vaum-stat-label{color:#667085;margin-bottom:6px;font-size:13px;display:block}.vaum-stat-value{color:#101828;font-size:22px;line-height:1}.vaum-table-wrap{flex:1;min-height:0;padding:0 28px;overflow:auto}.vaum-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.vaum-table th,.vaum-table td{text-align:left;white-space:nowrap;color:#344054;border-bottom:1px solid #eef2f7;padding:15px 14px;font-size:14px}.vaum-table thead th{z-index:2;color:#667085;background:#fff;font-weight:700;position:sticky;top:0}.vaum-user-cell{align-items:center;gap:12px;display:flex}.vaum-avatar{color:#2563eb;background:#eaf2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.vaum-user-meta{min-width:0}.vaum-user-name{color:#101828;font-size:14px;font-weight:700}.vaum-email{color:#475467}.vaum-role-tag{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.vaum-role-tag--primary{color:#2563eb;background:#eff6ff}.vaum-role-tag--secondary{color:#475467;background:#f8fafc}.vaum-status{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.vaum-status--active{color:#16a34a;background:#ecfdf3}.vaum-status--inactive{color:#dc2626;background:#fef2f2}.vaum-empty{text-align:center;color:#98a2b3;padding:28px!important}.vaum-footer{background:#fff;border-top:1px solid #eef2f7;justify-content:flex-end;padding:18px 28px 24px;display:flex}.vaum-btn{cursor:pointer;border:none;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:700}.vaum-btn--secondary{color:#101828;background:#fff;border:1px solid #d0d5dd}@media (width<=768px){.vaum-overlay{padding:12px}.vaum-modal{border-radius:18px;max-height:calc(100vh - 24px)}.vaum-toolbar{flex-direction:column;align-items:stretch}.vaum-stats{grid-template-columns:1fr}}.pm-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow:hidden}.pm-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pm-topbar-left{align-items:center;gap:10px;display:flex}.pm-title{color:#111827;font-size:20px;font-weight:600}.pm-role-badge{color:#198754;background:#dff7ee;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600}.pm-topbar-right{align-items:center;gap:18px;display:flex}.pm-legend{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.pm-sensitive-icon{flex-shrink:0}.pm-save-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.pm-save-btn:hover{background:#115e59}.pm-save-btn--saved{background:#16a34a}.pm-scroll{overflow-x:auto}.pm-table{border-collapse:collapse;width:100%;min-width:1050px}.pm-th,.pm-td{border:1px solid #e5e7eb}.pm-th{text-align:center;color:#475467;white-space:nowrap;background:#f9fafb;padding:14px 10px;font-size:14px;font-weight:600}.pm-th--module{text-align:left;min-width:180px;padding-left:16px}.pm-th--group{min-width:80px}.pm-th--action{min-width:90px}.pm-th--sensitive{color:#ef4444}.pm-row:hover{background:#fafafa}.pm-td{text-align:center;padding:10px}.pm-td--module{color:#111827;align-items:center;gap:8px;padding-left:16px;font-weight:600;display:flex}.pm-module-name{white-space:nowrap}.pm-td--group{text-align:left}.pm-group-badge{color:#98a2b3;font-size:12px;font-weight:600}.pm-group--core,.pm-group--academic,.pm-group--finance,.pm-group--operations{background:0 0}.pm-checkbox{cursor:pointer;color:#fff;background:#f9fafb;border:1px solid #d0d5dd;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:inline-flex}.pm-checkbox:hover{border-color:#16a34a}.pm-checkbox--checked{color:#16a34a;background:#d1fadf;border-color:#a6f4c5}.pm-checkbox--sensitive{color:#ef4444;background:#fee4e2;border-color:#fecdca}.pm-checkbox--disabled{opacity:.5;cursor:not-allowed}.pm-table thead th{z-index:2;position:sticky;top:0}.pm-scroll::-webkit-scrollbar{height:8px}.pm-scroll::-webkit-scrollbar-track{background:#f1f5f9}.pm-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.pm-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.pm-topbar{flex-direction:column;align-items:flex-start;gap:12px}.pm-topbar-right{justify-content:space-between;width:100%}.pm-title{font-size:18px}.pm-save-btn{padding:10px 14px}}.staff-card{background:var(--sp-card);border:1px solid var(--sp-border);box-shadow:var(--sp-shadow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.staff-card__topline{width:100%;height:4px}.staff-card--blue .staff-card__topline{background:var(--sp-blue)}.staff-card--green .staff-card__topline{background:var(--sp-green)}.staff-card--red .staff-card__topline{background:var(--sp-red)}.staff-card--orange .staff-card__topline{background:var(--sp-orange)}.staff-card__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.staff-card__profile{gap:14px;min-width:0;display:flex}.staff-card__avatar-wrap{flex-shrink:0;width:62px;height:62px;position:relative}.staff-card__avatar{object-fit:cover;border:3px solid #e8ebf2;border-radius:50%;width:62px;height:62px}.staff-card__presence{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:1px}.staff-card__presence--online{background:#1fa64a}.staff-card__presence--away{background:#d18412}.staff-card__presence--offline{background:#e04343}.staff-card__meta{min-width:0}.staff-card__name{color:var(--sp-text);margin:2px 0;font-size:18px;font-weight:700;line-height:1.2}.staff-card__id{color:var(--sp-muted);margin:0;font-size:14px}.staff-card__tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.staff-card__tag{border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.staff-card__tag--default,.staff-card__tag--blue-soft{background:var(--sp-tag-blue-bg);color:var(--sp-tag-blue-text)}.staff-card__tag--teal{background:var(--sp-tag-teal-bg);color:var(--sp-tag-teal-text)}.staff-card__tag--teal-soft{background:var(--sp-tag-teal-soft-bg);color:var(--sp-tag-teal-soft-text)}.staff-card__menu-btn{color:#a0a7b4;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.staff-card__body{border-top:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border);gap:12px;min-height:204px;padding:14px 20px 16px;display:grid}.staff-card__detail-row{color:var(--sp-muted);grid-template-columns:18px auto 1fr;align-items:start;gap:10px;min-width:0;display:grid}.staff-card__detail-icon{color:#9aa2b1;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.staff-card__detail-label{white-space:nowrap;color:#959dab;font-size:14px}.staff-card__detail-value{color:#5e6778;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600}.staff-card__stats{flex-wrap:wrap;gap:10px 8px;padding:14px 20px 12px;display:flex}.staff-card__chip{border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1}.staff-card__chip--neutral{color:#6b7483;background:#edf1f7}.staff-card__chip--success{background:var(--sp-success-bg);color:var(--sp-success-text)}.staff-card__chip--warning{background:var(--sp-warning-bg);color:var(--sp-warning-text)}.staff-card__chip--danger{background:var(--sp-danger-bg);color:var(--sp-danger-text)}.staff-card__chip--purple{background:var(--sp-purple-bg);color:var(--sp-purple-text)}.staff-card__chip--blue{background:var(--sp-blue-bg);color:var(--sp-blue-text)}.staff-card__actions{border-top:1px solid var(--sp-border);flex-wrap:wrap;gap:8px;padding:14px 20px 12px;display:flex}.staff-card__action-btn{color:#6e7687;cursor:pointer;background:#fafbfd;border:1px solid #dfe5ef;border-radius:6px;justify-content:center;align-items:center;width:34px;height:28px;transition:all .2s;display:inline-flex}.staff-card__action-btn:hover{color:#365fbf;background:#eef4ff;border-color:#cad8f3}.staff-page{--sp-text:#1f2d3d;--sp-blue:#2e6be6;--sp-green:#17806d;--sp-blue-bg:#dce8ff;--sp-blue-text:#386bdb}.staff-section+.staff-section{margin-top:26px}.staff-section__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.staff-section__bar{border-radius:999px;width:5px;height:28px}.staff-section__bar--blue{background:var(--sp-blue)}.staff-section__bar--green{background:var(--sp-green)}.staff-section__title{color:var(--sp-text);margin:0;font-size:18px;font-weight:700}.staff-section__count{border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex}.staff-section__count--blue{color:var(--sp-blue);background:#deebff}.staff-section__count--green{color:var(--sp-green);background:#d7f5ec}.staff-section__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.staff-section__empty{text-align:center;color:#6b7280;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;padding:40px}.staff-section__load-more-wrapper{justify-content:center;margin-top:20px;display:flex}.staff-section__load-more-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 24px;font-weight:500;transition:all .2s}.staff-section__load-more-btn:hover{background-color:#e5e7eb}.staff-page{--sp-bg:#f4f6fb;--sp-card:#fff;--sp-text:#1f2d3d;--sp-muted:#8c95a6;--sp-border:#e6eaf1;--sp-shadow:0 10px 24px #1f2d3d14;--sp-blue:#2e6be6;--sp-green:#17806d;--sp-red:#df4a43;--sp-orange:#d97d0d;--sp-success-bg:#dcf7e7;--sp-success-text:#1f9d55;--sp-warning-bg:#faedc0;--sp-warning-text:#d08700;--sp-danger-bg:#fde5e6;--sp-danger-text:#db4b4b;--sp-purple-bg:#ece5ff;--sp-purple-text:#7b4ce2;--sp-blue-bg:#dce8ff;--sp-blue-text:#386bdb;--sp-tag-blue-bg:#dce8ff;--sp-tag-blue-text:#4274dd;--sp-tag-teal-bg:#d6f5ec;--sp-tag-teal-text:#17806d;--sp-tag-teal-soft-bg:#d7f2eb;--sp-tag-teal-soft-text:#17806d;background:var(--sp-bg);min-height:100vh}.staff-filter-toolbar{margin:20px 0}@media (width<=1200px){.sta_statGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sta_statGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.sta_statGrid{grid-template-columns:1fr}}@media (width<=768px){.staff-page{padding:0!important}.staff-section__title{font-size:17px}.staff-card{border-radius:20px}.staff-card__header,.staff-card__body,.staff-card__stats,.staff-card__actions{padding-left:16px;padding-right:16px}.staff-card__body{min-height:auto}}@media (width<=480px){.staff-section__grid{grid-template-columns:1fr}.staff-card__header{padding-top:16px}.staff-card__profile{gap:12px}.staff-card__avatar,.staff-card__avatar-wrap{width:56px;height:56px}.staff-card__name{font-size:17px}.staff-card__detail-row{grid-template-columns:16px auto 1fr;gap:8px}.staff-card__detail-label,.staff-card__detail-value{font-size:13px}}@keyframes stf-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.stf-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;animation:1.4s linear infinite stf-shimmer}.stf-sk-card{background:#fff;border:1px solid #e6eaf1;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #1f2d3d0d}.stf-sk-card-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.stf-sk-card-profile{flex:1;align-items:flex-start;gap:14px;display:flex}.stf-sk-card-meta{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.stf-sk-card-body{flex-direction:column;gap:12px;min-height:120px;padding:0 20px 16px;display:flex}.stf-sk-detail-row{align-items:center;gap:10px;display:flex}.stf-sk-card-stats{border-top:1px solid #f3f4f6;gap:8px;padding:10px 20px;display:flex}.stf-sk-card-actions{border-top:1px solid #f3f4f6;gap:8px;padding:12px 20px;display:flex}.asm-header{border-bottom:1px solid var(--color-border,#e5e7eb);align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.asm-header-icon{color:#17806d;background:linear-gradient(135deg,#e8f5f1 0%,#d1ede6 100%);border:1px solid #17806d2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.asm-header-text{flex:1;min-width:0}.asm-title{color:var(--color-text,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.25}.asm-subtitle{color:var(--color-text-lighter,#6b7280);margin:3px 0 0;font-size:13px}.asm-close-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:background .18s,color .18s;display:flex}.asm-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.asm-body{flex-direction:column;gap:16px;max-height:72vh;padding:22px 26px;display:flex;overflow-y:auto}.asm-body::-webkit-scrollbar{width:5px}.asm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.asm-section-label{letter-spacing:.06em;text-transform:uppercase;color:#17806d;align-items:center;gap:8px;margin-bottom:-4px;font-size:11.5px;font-weight:700;display:flex}.asm-section-label:after{content:"";background:linear-gradient(90deg,#17806d40 0%,#0000 100%);flex:1;height:1px}.asm-section-label--dynamic{color:#7c3aed}.asm-section-label--dynamic:after{background:linear-gradient(90deg,#7c3aed38 0%,#0000 100%)}.asm-badge{color:#7c3aed;letter-spacing:.02em;text-transform:none;white-space:nowrap;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:20px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.asm-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.asm-row--half{grid-template-columns:1fr;max-width:50%}.asm-field{flex-direction:column;gap:6px;display:flex}.asm-label{color:var(--color-text,#374151);font-size:13px;font-weight:600}.asm-required{color:#ef4444}.asm-input{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;height:42px;color:var(--color-text,#111827);box-sizing:border-box;border-radius:8px;padding:0 13px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.asm-input::placeholder{color:#9ca3af}.asm-input:focus{border-color:#17806d;outline:none;box-shadow:0 0 0 3px #17806d1f}.asm-input.error{border-color:#ef4444}.asm-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.asm-error{color:#ef4444;margin-top:1px;font-size:11.5px}.asm-dynamic-grid{background:linear-gradient(135deg,#f9f5ff 0%,#faf7ff 100%);border:1px solid #7c3aed1f;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.asm-extra-section{background:#fafafa;border:1.5px dashed #d1d5db;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex}.asm-extra-section:focus-within{background:#f7fdfb;border-color:#17806d}.asm-extra-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.asm-extra-hint{color:#9ca3af;margin:3px 0 0;font-size:12px}.asm-add-extra-btn{color:#17806d;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #17806d;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.asm-add-extra-btn:hover{color:#fff;background:#17806d}.asm-extra-list{flex-direction:column;gap:10px;display:flex}.asm-extra-row{align-items:center;gap:10px;display:flex}.asm-extra-label-input{flex:0 0 200px;max-width:200px}.asm-extra-value-input{flex:1}.asm-extra-remove-btn{cursor:pointer;color:#ef4444;background:#fff5f5;border:1px solid #fecaca;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.asm-extra-remove-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.asm-footer{border-top:1px solid var(--color-border,#e5e7eb);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;display:flex}@media (width<=680px){.asm-row,.asm-dynamic-grid{grid-template-columns:1fr}.asm-row--half{max-width:100%}.asm-header{padding:18px 18px 14px}.asm-body{padding:18px}.asm-title{font-size:16px}.asm-footer{flex-direction:column-reverse}.asm-footer button{justify-content:center;width:100%}.asm-extra-row{flex-wrap:wrap}.asm-extra-label-input{flex:0 0 100%;max-width:100%}}.icm-header{border-bottom:1px solid var(--color-border,#e5e7eb);align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.icm-header-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #2563eb2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.icm-header-text{flex:1;min-width:0}.icm-title{color:var(--color-text,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.25}.icm-subtitle{color:var(--color-text-lighter,#6b7280);margin:3px 0 0;font-size:13px}.icm-close-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:background .18s,color .18s;display:flex}.icm-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.icm-body{flex-direction:column;gap:16px;padding:26px;display:flex}.icm-upload-area{text-align:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.icm-upload-area:hover,.icm-upload-area:focus-within{background:#eff6ff;border-color:#3b82f6}.icm-upload-icon-wrapper{color:#3b82f6;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.icm-upload-text{color:#4b5563;margin:0 0 12px;font-size:14px}.icm-browse-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-block;box-shadow:0 1px 2px #0000000d}.icm-browse-btn:hover{background:#f9fafb;border-color:#9ca3af}.icm-file-input{display:none}.icm-upload-hint{color:#9ca3af;margin:12px 0 0;font-size:12px}.icm-file-selected{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:320px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.icm-file-info{align-items:center;gap:12px;display:flex;overflow:hidden}.icm-file-icon{color:#3b82f6;flex-shrink:0}.icm-file-details{text-align:left;flex-direction:column;display:flex;overflow:hidden}.icm-file-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.icm-file-size{color:#6b7280;font-size:12px}.icm-remove-file{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icm-remove-file:hover{color:#b91c1c;background:#fca5a5}.icm-error-message{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.icm-footer{border-top:1px solid var(--color-border,#e5e7eb);background:#f9fafb;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}:root{--card-bg:#fff;--card-border:#e5e7eb;--card-radius:12px;--card-padding:20px 22px;--card-shadow:0 1px 4px #0000000f;--card-shadow-hover:0 6px 20px #0000001a;--card-transition:box-shadow .2s ease, transform .2s ease;--text-label:#6b7280;--text-value:#111827;--text-section:#374151;--color-positive:#22c55e;--color-negative:#ef4444;--color-neutral:#6b7280;--accent-blue-border:#3b82f6;--accent-blue-bg:#3b82f614;--accent-blue-icon:#3b82f6;--accent-amber-border:#f59e0b;--accent-amber-bg:#f59e0b14;--accent-amber-icon:#f59e0b;--accent-green-border:#22c55e;--accent-green-bg:#22c55e14;--accent-green-icon:#22c55e;--accent-red-border:#ef4444;--accent-red-bg:#ef444414;--accent-red-icon:#ef4444;--accent-teal-border:#14b8a6;--accent-teal-bg:#14b8a614;--accent-teal-icon:#14b8a6;--accent-purple-border:#a855f7;--accent-purple-bg:#a855f714;--accent-purple-icon:#a855f7}.stat-app{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;font-family:DM Sans,Segoe UI,sans-serif;display:flex}.stat-app__inner{width:100%;max-width:1100px}.stat-app__heading{color:var(--text-section);letter-spacing:.04em;text-transform:uppercase;margin:0 0 20px;font-size:15px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat-small-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:var(--card-transition);cursor:default;flex-direction:column;gap:10px;min-width:0;display:flex}.stat-small-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.stat-small-card--blue{border-left:3.5px solid var(--accent-blue-border)}.stat-small-card--amber{border-left:3.5px solid var(--accent-amber-border)}.stat-small-card--green{border-left:3.5px solid var(--accent-green-border)}.stat-small-card--red{border-left:3.5px solid var(--accent-red-border)}.stat-small-card--teal{border-left:3.5px solid var(--accent-teal-border)}.stat-small-card--purple{border-left:3.5px solid var(--accent-purple-border)}.stat-small-card__header{justify-content:space-between;align-items:center;display:flex}.stat-small-card__title{color:var(--text-label);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.stat-small-card__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.stat-small-card__icon svg{width:16px;height:16px;display:block}.stat-small-card--blue .stat-small-card__icon{background:var(--accent-blue-bg);color:var(--accent-blue-icon)}.stat-small-card--amber .stat-small-card__icon{background:var(--accent-amber-bg);color:var(--accent-amber-icon)}.stat-small-card--green .stat-small-card__icon{background:var(--accent-green-bg);color:var(--accent-green-icon)}.stat-small-card--red .stat-small-card__icon{background:var(--accent-red-bg);color:var(--accent-red-icon)}.stat-small-card--teal .stat-small-card__icon{background:var(--accent-teal-bg);color:var(--accent-teal-icon)}.stat-small-card--purple .stat-small-card__icon{background:var(--accent-purple-bg);color:var(--accent-purple-icon)}.stat-small-card__body{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.stat-small-card__value{color:var(--text-value);letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1}.stat-small-card__change{align-items:center;gap:2px;padding-bottom:2px;font-size:12px;font-weight:600;display:flex}.stat-small-card__change svg{width:12px;height:12px}.stat-small-card__change--positive{color:var(--color-positive)}.stat-small-card__change--negative{color:var(--color-negative)}.stat-small-card__change--neutral{color:var(--color-neutral)}.stat-docs{color:#e2e8f0;background:#1e293b;border-radius:12px;margin-top:40px;padding:24px 28px;font-size:13px}.stat-docs__title{color:#f8fafc;margin:0 0 12px;font-size:14px;font-weight:600}.stat-docs__pre{color:#94a3b8;margin:0;font-family:monospace;font-size:12px;line-height:1.7}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.stat-small-card__value{font-size:22px}.stat-small-card__title{font-size:11px}}@media (width<=320px){.stat-grid{grid-template-columns:1fr}}.kpi-card{box-sizing:border-box;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:58px;padding:10px 14px;font-family:Inter,Segoe UI,sans-serif;display:flex}.kpi-card__value{margin:0;font-size:16px;font-weight:800;line-height:1.1}.kpi-card__label{margin:6px 0 0;font-size:12px;font-weight:500;line-height:1}.kpi-card--blue{background:#dfe9f7}.kpi-card--blue .kpi-card__value{color:#2e67d1}.kpi-card--blue .kpi-card__label{color:#6d7a90}.kpi-card--green{background:#dff3e5}.kpi-card--green .kpi-card__value{color:#22a447}.kpi-card--green .kpi-card__label{color:#6d7a90}.kpi-card--red{background:#f8e1e1}.kpi-card--red .kpi-card__value{color:#d62f2f}.kpi-card--red .kpi-card__label{color:#6d7a90}.kpi-card--teal{background:#d8f1ea}.kpi-card--teal .kpi-card__value{color:#178f7b}.kpi-card--teal .kpi-card__label{color:#6d7a90}.kpi-card--purple{background:#ebe5fa}.kpi-card--purple .kpi-card__value{color:#7b45db}.kpi-card--purple .kpi-card__label{color:#6d7a90}@media (width<=768px){.kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:64px}}@media (width<=480px){.kpi-cards{grid-template-columns:1fr}.kpi-card{min-height:62px;padding:12px}.kpi-card__value{font-size:15px}.kpi-card__label{font-size:11px}}.notifications-page{width:100%}.kpi-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-top:20px;display:grid}.notifications-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;margin-top:24px;display:grid}.notification-left,.notification-right{min-width:0}.all-notifications{background-color:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0f172a0a}.all-notifications-title{color:#111827;margin:0 0 14px;font-size:18px;font-weight:700}.noti-card-wrapper{grid-template-columns:1fr;margin-top:12px;display:grid}.noti-card-wrapper:first-of-type{margin-top:0}.notification-right>*{width:100%}@media (width<=1024px){.notifications-layout{grid-template-columns:1fr}}@media (width<=640px){.kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.notifications-layout{gap:16px;margin-top:16px}.all-notifications{border-radius:16px;padding:16px}.all-notifications-title{margin-bottom:12px;font-size:16px}.noti-card-wrapper{margin-top:10px}}@media (width<=480px){.kpi-cards{grid-template-columns:1fr}}.all-notifications-header{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}@media (width>=768px){.all-notifications-header{flex-direction:row;justify-content:space-between;align-items:center}.all-notifications-title{margin-bottom:0}}.announcements-toolbar{align-items:center;gap:12px;display:flex}.search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:300px;padding:8px 12px;display:flex}.search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-box input::placeholder{color:#9ca3af}.filters-group{gap:12px;display:flex}.filter-select{color:#374151;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.no-results{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:40px 0;font-size:15px}@media (width<=640px){.announcements-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filters-group{width:100%}.filter-select{flex:1;min-width:0}}.nc-card{box-sizing:border-box;background:#fff;border:1.5px solid #0000;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:14px 18px;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.nc-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.nc-card.nc-unread:before{content:"";background:currentColor;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.nc-card.nc-info{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.nc-card.nc-info .nc-title{color:#1e40af}.nc-card.nc-info .nc-message{color:#3b5fa0}.nc-card.nc-info .nc-time{color:#6b90d4}.nc-card.nc-success{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.nc-card.nc-success .nc-title{color:#15803d}.nc-card.nc-success .nc-message{color:#3a7a52}.nc-card.nc-success .nc-time{color:#6db888}.nc-card.nc-warning{color:#d97706;background:#fffbeb;border-color:#fde68a}.nc-card.nc-warning .nc-title{color:#b45309}.nc-card.nc-warning .nc-message{color:#92700d}.nc-card.nc-warning .nc-time{color:#c4a24a}.nc-card.nc-error{color:#dc2626;background:#fff5f5;border-color:#fecaca}.nc-card.nc-error .nc-title{color:#b91c1c}.nc-card.nc-error .nc-message{color:#8f3232}.nc-card.nc-error .nc-time{color:#c47a7a}.nc-card.nc-neutral{color:#64748b;background:#f8f9fb;border-color:#e2e8f0}.nc-card.nc-neutral .nc-title{color:#334155}.nc-card.nc-neutral .nc-message{color:#475569}.nc-card.nc-neutral .nc-time{color:#94a3b8}.nc-icon{opacity:1;background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nc-icon>*{color:#fff;stroke:#fff}.nc-info .nc-icon{background:#2563eb22}.nc-success .nc-icon{background:#16a34a22}.nc-warning .nc-icon{background:#d9770622}.nc-error .nc-icon{background:#dc262622}.nc-neutral .nc-icon{background:#64748b22}.nc-info .nc-icon>*{color:#2563eb;stroke:#2563eb}.nc-success .nc-icon>*{color:#16a34a;stroke:#16a34a}.nc-warning .nc-icon>*{color:#d97706;stroke:#d97706}.nc-error .nc-icon>*{color:#dc2626;stroke:#dc2626}.nc-neutral .nc-icon>*{color:#64748b;stroke:#64748b}.nc-body{flex:1;min-width:0}.nc-top-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:3px;display:flex}.nc-title{word-break:break-word;font-size:13.5px;font-weight:650;line-height:1.3}.nc-time{white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:400}.nc-message{font-size:13px;font-weight:400;line-height:1.55}.nc-unread-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.nc-close{cursor:pointer;color:inherit;opacity:.45;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;line-height:1;transition:opacity .15s;display:flex}.nc-close:hover{opacity:.85}.nc-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.nc-action-btn{color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.nc-action-btn:hover{background:currentColor}.nc-action-btn:hover span{color:#fff}.nc-action-btn span{color:inherit;display:block}@media (width<=640px){.nc-card{gap:12px;padding:14px 16px}.nc-icon{width:32px;height:32px}.nc-title{font-size:13.5px}}@media (width<=480px){.nc-card{gap:10px;padding:12px 14px}.nc-icon{width:30px;height:30px}.nc-title{font-size:13px}.nc-message{font-size:12.5px}.nc-time{font-size:11px}.nc-actions{flex-direction:column;align-items:stretch}.nc-action-btn{text-align:center}}.categories-section{--cs-bg:#fff;--cs-border:#e6ebf2;--cs-border-soft:#dfe5ee;--cs-title:#111827;--cs-muted:#919aaa;--cs-header:#6f7b8d;--cs-shadow:0 1px 3px #1018280a;background:var(--cs-bg);border:1px solid var(--cs-border);box-sizing:border-box;border-radius:12px;width:100%}.categories-section *{box-sizing:border-box}.categories-section__header{border-bottom:1px solid var(--cs-border);align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.categories-section__header-icon{color:#6b7280;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.categories-section__title{color:var(--cs-title);margin:0;font-size:18px;font-weight:700}.categories-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px 22px;display:grid}.categories-section__tile{border:1px solid var(--cs-border-soft);width:100%;box-shadow:var(--cs-shadow);text-align:left;cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.categories-section__tile:hover{border-color:#d4dbe6;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.categories-section__tile:focus-visible{outline-offset:2px;outline:2px solid #7c8db5}.categories-section__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.categories-section__content{min-width:0}.categories-section__tile-title{color:var(--cs-title);margin:0 0 4px;font-size:14px;font-weight:700}.categories-section__tile-count{color:var(--cs-muted);margin:0;font-size:13px;line-height:1.2}.categories-section__icon--blue{color:#3369d6;background:#dce9fb}.categories-section__icon--green{color:#22a447;background:#daf6e5}.categories-section__icon--purple{color:#7d45db;background:#eee3ff}.categories-section__icon--yellow{color:#d68b0d;background:#fff3d5}.categories-section__icon--teal{color:#1d8f7f;background:#d9f5ee}.categories-section__icon--indigo{color:#3e6dd8;background:#dce8ff}.categories-section__icon--red{color:#dc3b3b;background:#fde4e4}.categories-section__icon--violet{color:#7a45dd;background:#eee8ff}@media (width<=700px){.categories-section__grid{grid-template-columns:1fr;padding:16px}.categories-section__header{padding:18px 16px 14px}.categories-section__tile{border-radius:18px}}@media (width<=420px){.categories-section__title{font-size:17px}.categories-section__tile{gap:12px;padding:13px 14px}.categories-section__icon{width:34px;height:34px}.categories-section__tile-title{font-size:15px}.categories-section__tile-count{font-size:12px}}.cn-modal-header{border-bottom:1px solid #dde3ee;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 28px 18px;display:flex}.cn-modal-header-left{align-items:center;gap:12px;display:flex}.cn-modal-icon{color:#fff;background:linear-gradient(135deg,#4f72ff 0%,#7c3aed 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cn-modal-title{color:#1a1f36;letter-spacing:-.02em;margin:0;font-family:DM Sans,sans-serif;font-size:17px;font-weight:650}.cn-modal-subtitle{color:#6b7490;margin:3px 0 0;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:400}.cn-modal-close-btn{cursor:pointer;color:#6b7490;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:-2px;padding:2px;transition:color .15s,background .15s;display:flex}.cn-modal-close-btn:hover{color:#1a1f36;background:#eef2f7}.cn-modal-body{flex-direction:column;gap:18px;max-height:64vh;padding:22px 28px;font-family:DM Sans,sans-serif;display:flex;overflow-y:auto}.cn-modal-body::-webkit-scrollbar{width:4px}.cn-modal-body::-webkit-scrollbar-track{background:0 0}.cn-modal-body::-webkit-scrollbar-thumb{background:#dde3ee;border-radius:99px}.cn-recipients-row,.cn-meta-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cn-recipient-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cn-chip{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.cn-chip--students{color:#4f72ff;background:#4f72ff1a}.cn-chip--staff{color:#7c3aed;background:#7c3aed1a}.cn-chip--parents{color:#059669;background:#10b9811a}.cn-chip--all{color:#d97706;background:#f59e0b1a}.cn-schedule-toggle{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:border-color .2s,background .2s;display:flex}.cn-schedule-toggle:hover{background:#f0f4ff;border-color:#c7d2fe}.cn-schedule-toggle input[type=checkbox]{accent-color:#4f72ff;cursor:pointer;width:16px;height:16px}.cn-schedule-row{grid-template-columns:1fr 1fr;gap:14px;padding:0 2px;display:grid}.cn-preview-label{text-transform:uppercase;letter-spacing:.07em;color:#6b7490;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600}.cn-preview-card{background:linear-gradient(135deg,#f8fafc 0%,#f0f4ff 100%);border:1.5px solid #e8edf5;border-radius:12px;padding:14px 16px}.cn-preview-title{color:#1a1f36;margin:0 0 6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:650}.cn-preview-message{color:#4b5563;white-space:pre-wrap;word-break:break-word;margin:0;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55}.cn-preview-empty{color:#adb5c8;font-family:DM Sans,sans-serif;font-size:13px;font-style:italic}.cn-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.cn-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.cn-badge--info{color:#4f72ff;background:#4f72ff1a}.cn-badge--success{color:#059669;background:#10b9811a}.cn-badge--warning{color:#d97706;background:#f59e0b1a}.cn-badge--error{color:#dc2626;background:#ef44441a}.cn-badge--neutral,.cn-badge--low{color:#6b7490;background:#6b74901a}.cn-badge--medium{color:#d97706;background:#f59e0b1a}.cn-badge--high{color:#dc2626;background:#ef44441a}.cn-badge--urgent{color:#7c3aed;background:#7c3aed1a}.cn-modal-footer{border-top:1px solid #dde3ee;justify-content:space-between;align-items:center;gap:10px;padding:16px 28px 22px;display:flex}.cn-footer-left{color:#6b7490;font-family:DM Sans,sans-serif;font-size:12.5px}.cn-footer-right{gap:10px;display:flex}.cn-modal-spinner{animation:.75s linear infinite spin}.cn-input-field{color:#1a1f36;box-sizing:border-box;background:#fff;border:1.5px solid #dde3ee;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.cn-input-field::placeholder{color:#adb5c8}.cn-input-field:focus{border-color:#4f72ff;box-shadow:0 0 0 3px #4f72ff1f}.cn-input-field.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.cn-time-input{color:#1a1f36;box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px solid #dde3ee;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.cn-time-input:focus{border-color:#4f72ff;box-shadow:0 0 0 3px #4f72ff1f}.cn-success-banner{animation:.22s slideDown}@media (width<=560px){.cn-recipients-row,.cn-meta-row,.cn-schedule-row{grid-template-columns:1fr}.cn-modal-header{padding:18px 18px 14px}.cn-modal-body{padding:16px 18px}.cn-modal-footer{flex-wrap:wrap;padding:14px 18px 18px}}.textarea-field{color:#1a1f36;resize:vertical;background:#fff;border:1.5px solid #dde3ee;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;transition:border-color .16s,box-shadow .16s}.textarea-icon{color:#111;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.textarea-field:focus{border-color:#3b6cf4;box-shadow:0 0 0 3px #3b6cf41a}.textarea-field.error{background:#fef1f2;border-color:#e34c5a}.textarea-char-count{letter-spacing:0;color:#a9b2cc;font-family:DM Mono,monospace;font-size:11px;font-weight:400;transition:color .15s}.textarea-char-count.warn{color:#e88c30}.textarea-char-count.over{color:#e34c5a}.notification-highlight-card{--nhc-bg:#fff;--nhc-border:#e6eaf1;--nhc-title:#1c2330;--nhc-subtitle:#7a8495;--nhc-meta:#7b8394;--nhc-shadow:0 2px 8px #0f172a0a;border:1px solid var(--nhc-border);background:var(--nhc-bg);width:100%;box-shadow:var(--nhc-shadow);box-sizing:border-box;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;padding:15px;display:grid}.notification-highlight-card *{box-sizing:border-box}.notification-highlight-card__main{min-width:0}.notification-highlight-card__badges{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.notification-highlight-card__badge{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.notification-highlight-card__badge--warning-soft{color:#d08a12;background:#fff1cf}.notification-highlight-card__badge--danger-soft{color:#dd4b43;background:#ffe0de}.notification-highlight-card__badge--success-soft{color:#1f8f79;background:#def4ee}.notification-highlight-card__badge--teal-soft{color:#2a8c84;background:#dff3ef}.notification-highlight-card__badge--default{color:#556274;background:#eef2f7}.notification-highlight-card__title{color:var(--nhc-title);margin:0 0 8px;font-size:20px;font-weight:700}.notification-highlight-card__subtitle{color:var(--nhc-subtitle);margin:0;font-size:15px;line-height:1.45}.notification-highlight-card__meta{justify-content:end;gap:10px;min-width:230px;display:grid}.notification-highlight-card__info-row{color:var(--nhc-meta);justify-content:flex-start;align-items:center;gap:8px;font-size:15px;line-height:1.35;display:flex}.notification-highlight-card__info-icon{color:#7d8698;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notification-highlight-card__info-text{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.notification-highlight-card__info-label{color:#7f8898;font-weight:500}.notification-highlight-card__info-value{color:#7a8394;font-weight:500}@media (width<=900px){.notification-highlight-card{grid-template-columns:1fr;gap:18px}.notification-highlight-card__meta{justify-content:start;min-width:0}}@media (width<=560px){.notification-highlight-card{border-radius:18px;gap:14px;padding:16px}.notification-highlight-card__badges{gap:8px;margin-bottom:12px}.notification-highlight-card__badge{min-height:26px;padding:5px 9px;font-size:12px}.notification-highlight-card__title{margin-bottom:6px;font-size:18px}.notification-highlight-card__subtitle,.notification-highlight-card__info-row{font-size:14px}}.view-notification-page{flex-direction:column;gap:24px;padding:8px 0;display:flex}.view-notification-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-notification-actions{gap:12px;display:flex}.view-action-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.view-action-btn.edit-btn:hover{background:#f3f4f6;border-color:#d1d5db}.view-action-btn.delete-btn{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.view-action-btn.delete-btn:hover{background:#fee2e2;border-color:#f87171}.view-notification-back{cursor:pointer;color:#4f6ef7;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:600;transition:color .18s,gap .18s;display:inline-flex}.view-notification-back:hover{color:#2f50e0;gap:12px}.view-notification-back svg{flex-shrink:0;transition:transform .18s}.view-notification-back:hover svg{transform:translate(-3px)}.view-notification-content{flex-direction:column;gap:20px;display:flex}.message-body-card{--mbc-bg:#fff;--mbc-border:#e7ebf2;--mbc-divider:#edf1f5;--mbc-title:#202939;--mbc-text:#2f3a4b;--mbc-muted:#8a93a4;--mbc-info-bg:#ecf8f5;--mbc-info-text:#2e786e;--mbc-warning-bg:#fff5d9;--mbc-warning-border:#e9c96b;--mbc-warning-text:#c38312;--mbc-shadow:0 2px 8px #0f172a0a;background:var(--mbc-bg);border:1px solid var(--mbc-border);width:100%;box-shadow:var(--mbc-shadow);box-sizing:border-box;border-radius:18px;font-family:Inter,Segoe UI,sans-serif}.message-body-card *{box-sizing:border-box}.message-body-card__header{align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.message-body-card__header-icon{color:#2e7e72;background:#eef8f5;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.message-body-card__header-title{color:var(--mbc-title);margin:0;font-size:15px;font-weight:700}.message-body-card__divider{background:var(--mbc-divider);height:1px;margin:0 18px}.message-body-card__divider--bottom{margin-top:14px;margin-bottom:10px}.message-body-card__content{padding:14px 18px 18px}.message-body-card__alert{border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.message-body-card__alert--info{background:var(--mbc-info-bg);color:var(--mbc-info-text);border:1px solid #d8efe9}.message-body-card__alert--warning{background:var(--mbc-warning-bg);color:var(--mbc-warning-text);border:1px solid var(--mbc-warning-border);font-weight:600}.message-body-card__alert-icon{flex-shrink:0;margin-top:1px;display:inline-flex}.message-body-card__alert-text{display:block}.message-body-card__paragraph{color:var(--mbc-text);margin:0 0 12px;font-size:14px;line-height:1.8}.message-body-card__section-title{color:var(--mbc-title);margin:4px 0 10px;font-size:15px;font-weight:700}.message-body-card__list{margin:0 0 14px;padding-left:22px}.message-body-card__list-item{color:var(--mbc-text);margin-bottom:10px;font-size:14px;line-height:1.7}.message-body-card__list-item::marker{color:#1e8a78}.message-body-card__signoff{padding-top:2px}.message-body-card__signoff-light,.message-body-card__signoff-name,.message-body-card__signoff-org{margin:0;line-height:1.55}.message-body-card__signoff-light{color:var(--mbc-muted);font-size:13px}.message-body-card__signoff-name{color:var(--mbc-title);font-size:14px;font-weight:700}.message-body-card__signoff-org{color:var(--mbc-muted);font-size:14px}@media (width<=640px){.message-body-card{border-radius:16px}.message-body-card__header{padding:14px 14px 10px}.message-body-card__content{padding:12px 14px 16px}.message-body-card__divider{margin:0 14px}.message-body-card__paragraph,.message-body-card__list-item{font-size:13px;line-height:1.7}.message-body-card__alert{padding:9px 10px;font-size:12.5px}.message-body-card__section-title,.message-body-card__header-title{font-size:14px}}.leave-manage-page{width:100%}.leave-management-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;margin-top:24px;display:grid}.recent-leaves{background:#fff;border:1px solid #e6ebf2;border-radius:22px;min-width:0;padding:22px;box-shadow:0 2px 8px #0f172a0a}.recent-leaves-title{color:#111827;margin:0 0 16px;font-size:18px;font-weight:700}.recent-leaves>*+*{margin-top:14px}.leave-sidebar{gap:16px;min-width:0;display:grid}.leave-sidebar>*{width:100%}.leave-kpi-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;margin-top:20px;display:grid}@media (width<=1100px){.leave-management-layout{grid-template-columns:1fr 320px;gap:20px}}@media (width<=900px){.leave-management-layout{grid-template-columns:1fr}.recent-leaves,.leave-sidebar{width:100%}}@media (width<=640px){.leave-management-layout{gap:16px;margin-top:18px}.recent-leaves{border-radius:18px;padding:16px}.recent-leaves-title{margin-bottom:14px;font-size:16px}.recent-leaves>*+*{margin-top:12px}}.rt-card{--rt-bg:#fff;--rt-border:#e7ecf3;--rt-border-soft:#edf1f6;--rt-head-bg:#f8fafc;--rt-text:#111827;--rt-muted:#8b96a8;--rt-shadow:0 2px 8px #0f172a0a;border:1px solid var(--rt-border);background:var(--rt-bg);width:100%;box-shadow:var(--rt-shadow);border-radius:26px;overflow:hidden}.rt-card *{box-sizing:border-box}.rt-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 10px;display:flex}.rt-toolbar-left,.rt-toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rt-title-wrap{align-items:center;gap:10px;display:flex}.rt-title-icon{color:#2e6bd9;font-size:22px}.rt-title{color:var(--rt-text);margin:0;font-size:18px;font-weight:700}.rt-count{color:#3c6fd9;background:#e8f0ff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.rt-filter-btn,.rt-export-btn{border:1px solid var(--rt-border);color:#6f7a8c;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.rt-add-btn{color:#fff;cursor:pointer;background:#2e6bd9;border:none;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.rt-add-btn:hover{background:#1d58c4}.rt-filter-container{display:inline-block;position:relative}.rt-filter-dropdown{z-index:100;border:1px solid var(--rt-border);background:#fff;border-radius:12px;flex-direction:column;gap:4px;min-width:140px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0f172a14}.rt-filter-dropdown-item{width:100%;color:var(--rt-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.rt-filter-dropdown-item:hover{color:#2e6bd9;background:#f1f5f9}.rt-filter-dropdown-item.active{color:#2e6bd9;background:#e8f0ff;font-weight:700}.rt-filter-btn strong{color:#1f2937;font-weight:600}.rt-table-wrap{width:100%;overflow-x:auto}.rt-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1160px}.rt-table thead th{background:var(--rt-head-bg);color:#707b8b;letter-spacing:.04em;text-transform:uppercase;text-align:left;border-top:1px solid var(--rt-border);border-bottom:1px solid var(--rt-border);border-right:1px solid var(--rt-border-soft);white-space:nowrap;padding:16px 12px;font-size:12px;font-weight:700}.rt-table thead th:first-child{padding-left:18px}.rt-table thead th:last-child{border-right:none}.rt-table tbody td{border-bottom:1px solid var(--rt-border-soft);border-right:1px solid var(--rt-border-soft);color:var(--rt-text);vertical-align:middle;padding:14px 12px;font-size:14px}.rt-table tbody td:first-child{padding-left:18px}.rt-table tbody td:last-child{border-right:none}.rt-table tbody tr:last-child td{border-bottom:none}.rt-employee-cell{align-items:center;gap:12px;min-width:0;display:flex}.rt-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.rt-employee-content{min-width:0}.rt-employee-name{color:#253142;font-size:14px;font-weight:700;line-height:1.2}.rt-employee-id{color:#98a2b3;margin-top:2px;font-size:12px;font-weight:500}.rt-type-badge,.rt-status-badge{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.rt-type-badge--teaching{color:#178c78;background:#dff7f1}.rt-type-badge--paid{color:#22b14c;background:#e0ffeb}.rt-type-badge--non-teaching{color:#3c6fd8;background:#e5efff}.rt-type-badge--half-day{color:#7b4ede;background:#eee6ff}.rt-type-badge--optional{color:#607086;background:#eef2f7}.rt-type-badge--required{color:#cb8611;background:#fff4d8}.rt-type-badge--default{color:#607086;background:#eef2f7}.rt-status-badge--pending{color:#cb8611;background:#fff4d8}.rt-status-badge--approved,.rt-status-badge--active{color:#24a156;background:#e7f8ed}.rt-status-badge--inactive,.rt-status-badge--rejected,.rt-type-badge--unpaid{color:#d63c3c;background:#fdeaea}.rt-status-badge--default{color:#607086;background:#eef2f7}.rt-actions{align-items:center;gap:8px;display:flex}.rt-icon-btn{cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.rt-icon-btn--neutral{color:#7a8699;background:#f3f5f8}.rt-icon-btn--success{color:#21a453;background:#e4f7ea}.rt-icon-btn--danger{color:#dc3b3b;background:#fdeaea}.rt-icon-btn--warning{color:#d96d1f;background:#fff1e2}.rt-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.rt-text-strong{color:#243142;font-weight:700}@media (width<=768px){.rt-card{border-radius:18px}.rt-toolbar{padding:14px}.rt-title{font-size:16px}.rt-filter-btn,.rt-export-btn{height:36px;padding:0 10px;font-size:12px}}.leave-request-drawer__overlay{z-index:1200;background:#0f172a52;justify-content:flex-end;padding:0;display:flex;position:fixed;inset:0}.leave-request-drawer{--lrd-bg:#fff;--lrd-border:#e8edf3;--lrd-divider:#edf1f6;--lrd-title:#243142;--lrd-muted:#8a94a5;--lrd-success:#1d8f7a;--lrd-danger:#dc3d3d;--lrd-warning:#cb8611;--lrd-header:#167f78;background:var(--lrd-bg);flex-direction:column;width:min(100%,380px);height:100dvh;font-family:Inter,Segoe UI,sans-serif;display:flex;box-shadow:-8px 0 24px #0f172a1f}.leave-request-drawer *{box-sizing:border-box}.leave-request-drawer__header{background:var(--lrd-header);color:#fff;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:0 14px;display:flex}.leave-request-drawer__header--pending{background:var(--lrd-warning)}.leave-request-drawer__header--approved{background:var(--lrd-success)}.leave-request-drawer__header--rejected{background:var(--lrd-danger)}.leave-request-drawer__header-left,.leave-request-drawer__header-right{align-items:center;gap:10px;display:flex}.leave-request-drawer__header-left{font-size:14px;font-weight:600}.leave-request-drawer__close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.leave-request-drawer__status{color:#fff;background:#ffffff2e;border-radius:8px;min-height:24px;padding:4px 10px;font-size:12px;font-weight:700}.leave-request-drawer__body{flex:1;padding:14px;overflow-y:auto}.leave-request-drawer__employee{border-bottom:1px solid var(--lrd-divider);align-items:center;gap:12px;padding:10px 0 14px;display:flex}.leave-request-drawer__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.leave-request-drawer__employee-info{min-width:0}.leave-request-drawer__employee-name{color:var(--lrd-title);margin:0 0 2px;font-size:18px;font-weight:700}.leave-request-drawer__employee-meta,.leave-request-drawer__employee-department{color:var(--lrd-muted);margin:0;font-size:12px;line-height:1.45}.leave-request-drawer__section{border-bottom:1px solid var(--lrd-divider);padding:14px 0}.leave-request-drawer__section:last-child{border-bottom:none}.leave-request-drawer__section-title{letter-spacing:.04em;text-transform:uppercase;color:#6e798b;margin:0 0 10px;font-size:12px;font-weight:700}.leave-request-drawer__detail-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:6px 0;display:flex}.leave-request-drawer__detail-label{color:var(--lrd-muted);font-size:12px}.leave-request-drawer__detail-value{color:var(--lrd-title);text-align:right;font-size:12px;font-weight:600}.leave-request-drawer__note-box{border:1px solid var(--lrd-border);color:#516072;background:#f9fbfc;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.leave-request-drawer__attachment{border:1px solid var(--lrd-border);color:#798598;border-radius:10px;align-items:center;gap:8px;min-height:34px;margin-top:10px;padding:0 10px;font-size:12px;display:flex}.leave-request-drawer__balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.leave-request-drawer__balance-card{text-align:center;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:10px 8px;display:flex}.leave-request-drawer__balance-card--blue{color:#3b6fd8;background:#e7efff}.leave-request-drawer__balance-card--teal{color:#178f7b;background:#dff7f1}.leave-request-drawer__balance-card--green{color:#22a055;background:#e7f7eb}.leave-request-drawer__balance-value{font-size:22px;font-weight:700;line-height:1}.leave-request-drawer__balance-label{margin-top:6px;font-size:11px;font-weight:500}.leave-request-drawer__hint{color:#269955;background:#e7f7eb;border-radius:9px;align-items:center;gap:8px;min-height:34px;margin-top:10px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.leave-request-drawer__textarea{resize:none;border:1px solid var(--lrd-border);width:100%;color:var(--lrd-title);background:#fbfcfe;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:13px}.leave-request-drawer__textarea:focus{border-color:#b9d9d5;box-shadow:0 0 0 3px #167f7814}.leave-request-drawer__footer{border-top:1px solid var(--lrd-divider);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid}.leave-request-drawer__action{cursor:pointer;border:none;border-radius:10px;min-height:38px;padding:0 10px;font-size:12px;font-weight:700}.leave-request-drawer__action--approve{color:#fff;background:#157f78}.leave-request-drawer__action--reject{color:#d63d3d;background:#fdeaea}.leave-request-drawer__action--muted{color:#7b8798;background:#f3f5f8}.leave-request-drawer__action--lop{color:#7b4ede;background:#efe8ff}@media (width<=640px){.leave-request-drawer{width:100%}.leave-request-drawer__footer{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1;align-items:center;gap:14px;min-width:180px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 4px #7e80851a}.card:hover{box-shadow:0 6px 20px #00000017}.clickable{cursor:pointer}.clickable:hover{transform:translateY(-2px)}.clickable:active{transform:translateY(0)}.iconBox{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.iconBox_blue{color:#3b82f6;background:#3b82f61a}.iconBox_green{color:#22a447;background:#22a4471a}.iconBox_purple{color:#7b45db;background:#7b45db1a}.iconBox_orange{color:#f97316;background:#f973161a}.iconBox_red{color:#ef4444;background:#ef44441a}.iconBox_default{color:#64748b;background:#64748b1a}.text{flex-direction:column;gap:3px;display:flex}.label{color:#464646;white-space:nowrap;font-size:12px;font-weight:500}.value{color:#1d1d1d;letter-spacing:-.5px;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;line-height:1}@media (width<=480px){.card{min-width:unset;gap:10px;width:100%;padding:12px 10px}.iconBox{width:34px;height:34px;font-size:16px}.label{white-space:normal;font-size:11px;line-height:1.2}}.lbt-clr{color:green;font-size:14px;font-weight:400}.lbt-lop-clr{color:purple;font-size:14px;font-weight:400}.lpt-icon{color:#607086;align-items:center;font-size:18px;display:inline-flex}.lpt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1300;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lpt-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(100%,460px);animation:.25s cubic-bezier(.16,1,.3,1) forwards lpt-modal-fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0f172a26}@keyframes lpt-modal-fadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lpt-modal-header{background:#f8fafc;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lpt-modal-title{color:#1f2937;margin:0;font-size:16px;font-weight:700}.lpt-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:all .2s;display:flex}.lpt-modal-close:hover{color:#1f2937;background:#e2e8f0}.lpt-modal-body{flex-direction:column;gap:16px;max-height:65dvh;padding:20px;display:flex;overflow-y:auto}.lpt-form-group{flex-direction:column;gap:6px;display:flex}.lpt-form-label{color:#4b5563;font-size:12px;font-weight:600}.lpt-form-input,.lpt-form-select{color:#1f2937;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 12px;font-family:inherit;font-size:13px;transition:all .2s}.lpt-form-input:focus,.lpt-form-select:focus{border-color:#2e6bd9;box-shadow:0 0 0 3px #2e6bd91f}.lpt-modal-footer{background:#f8fafc;border-top:1px solid #edf1f6;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.lpt-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.lpt-btn--secondary{color:#475569;background:#f1f5f9}.lpt-btn--secondary:hover{background:#e2e8f0}.lpt-btn--primary{color:#fff;background:#2e6bd9}.lpt-btn--primary:hover{background:#1d58c4}.student-leave-drawer__overlay{z-index:1200;background:#0f172a57;justify-content:flex-end;display:flex;position:fixed;inset:0}.student-leave-drawer{--sld-bg:#fff;--sld-border:#e8edf3;--sld-divider:#edf1f5;--sld-title:#233042;--sld-text:#5f6c80;--sld-muted:#8e98a8;--sld-header:#147d76;--sld-approve:#157f78;--sld-reject-bg:#fde9e9;--sld-reject-text:#d63d3d;--sld-chip-bg:#f7e7b2;--sld-chip-text:#b67712;--sld-impact-bg:#f6e9b8;--sld-impact-text:#9a6812;--sld-surface:#f8fafc;background:var(--sld-bg);flex-direction:column;width:min(100%,360px);height:100dvh;font-family:Inter,Segoe UI,sans-serif;display:flex;box-shadow:-10px 0 28px #0f172a1f}.student-leave-drawer *{box-sizing:border-box}.student-leave-drawer__header{background:var(--sld-header);color:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:flex}.student-leave-drawer__header--pending{background:#cb8611}.student-leave-drawer__header--approved{background:#229854}.student-leave-drawer__header--rejected{background:#d63d3d}.student-leave-drawer__header-left,.student-leave-drawer__header-right{align-items:center;gap:10px;display:flex}.student-leave-drawer__header-left{font-size:15px;font-weight:700}.student-leave-drawer__status{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.student-leave-drawer__status--pending{background:var(--sld-chip-bg);color:var(--sld-chip-text)}.student-leave-drawer__status--approved{color:#229854;background:#daf3e4}.student-leave-drawer__status--rejected{color:#d63d3d;background:#fde9e9}.student-leave-drawer__close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.student-leave-drawer__body{flex:1;overflow-y:auto}.student-leave-drawer__student-card,.student-leave-drawer__section{border-bottom:1px solid var(--sld-divider);padding:16px}.student-leave-drawer__student-card{align-items:center;gap:12px;display:flex}.student-leave-drawer__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px}.student-leave-drawer__student-info{min-width:0}.student-leave-drawer__student-name{color:var(--sld-title);margin:0 0 3px;font-size:18px;font-weight:700;line-height:1.2}.student-leave-drawer__student-meta{color:var(--sld-text);margin:0;font-size:13px;line-height:1.45}.student-leave-drawer__detail-row{justify-content:space-between;gap:16px;padding:6px 0;display:flex}.student-leave-drawer__detail-label{color:var(--sld-muted);font-size:13px}.student-leave-drawer__detail-value{color:var(--sld-title);text-align:right;font-size:13px;font-weight:600}.student-leave-drawer__section-title{color:#6d788a;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.student-leave-drawer__reason-box{border:1px solid var(--sld-border);color:#425167;background:#fbfcfe;border-radius:14px;padding:14px;font-size:13px;line-height:1.75}.student-leave-drawer__impact-box{background:#f8ebba;border-radius:14px;padding:12px 14px}.student-leave-drawer__impact-top{color:var(--sld-impact-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.student-leave-drawer__impact-subtext{color:#9d7a33;margin:6px 0 0 24px;font-size:12px;line-height:1.5}.student-leave-drawer__attachment-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.student-leave-drawer__attachment-left{color:#3e63d3;align-items:center;gap:8px;min-width:0;display:flex}.student-leave-drawer__attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.student-leave-drawer__attachment-btn{border:1px solid var(--sld-border);color:#7e8897;cursor:pointer;background:#fff;border-radius:8px;min-width:62px;height:30px;font-size:12px;font-weight:700}.student-leave-drawer__textarea{border:1px solid var(--sld-border);resize:none;width:100%;min-height:84px;color:var(--sld-title);background:#fbfcfe;border-radius:14px;outline:none;padding:14px;font-family:inherit;font-size:13px}.student-leave-drawer__textarea:focus{border-color:#b9d9d6;box-shadow:0 0 0 3px #147d7614}.student-leave-drawer__footer{border-top:1px solid var(--sld-divider);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 12px;display:grid}.student-leave-drawer__footer-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.student-leave-drawer__footer-btn--approve{background:var(--sld-approve);color:#fff}.student-leave-drawer__footer-btn--reject{background:var(--sld-reject-bg);color:var(--sld-reject-text)}.student-leave-drawer__footer-btn--muted{color:#7b8798;background:#f4f6f8}.student-leave-drawer__footer-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.student-leave-drawer{width:100%}.student-leave-drawer__footer{grid-template-columns:1fr}}.event-card{--ec-bg:#fff;--ec-border:#e6e9ef;--ec-border-strong:#d9dee8;--ec-title:#1f2937;--ec-text:#667085;--ec-muted:#8b95a7;--ec-surface:#f8fafc;--ec-primary:#0f7a97;--ec-primary-dark:#0a657f;--ec-danger:#d84d4d;--ec-success:#24a35a;--ec-warning:#d18a11;--ec-shadow:0 8px 22px #0f172a0f;--ec-accent:#3b82f6;background:var(--ec-bg);border:1px solid var(--ec-border);min-height:100%;box-shadow:var(--ec-shadow);border-radius:16px;flex-direction:column;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.event-card:before{content:"";background:var(--ec-accent);width:4px;position:absolute;inset:0 auto 0 0}.event-card--orange{--ec-accent:#d98216}.event-card--purple{--ec-accent:#bf72ff}.event-card--gray{--ec-accent:#6b7280}.event-card--green{--ec-accent:#1db954}.event-card--teal{--ec-accent:#0f8ca4}.event-card--blue{--ec-accent:#3b82f6}.event-card__header,.event-card__body,.event-card__footer{z-index:1;position:relative}.event-card__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 0 20px;display:flex}.event-card__chips{flex-wrap:wrap;gap:8px;display:flex}.event-card__chip{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:26px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.event-card__chip--category{color:#4338ca;background:#eef2ff}.event-card__chip--soft-blue{color:#2563eb;background:#dbeafe}.event-card__chip--soft-green{color:#16a34a;background:#dcfce7}.event-card__chip--soft-orange{color:#c57b12;background:#fef3c7}.event-card__chip--soft-gray{color:#6b7280;background:#eceef3}.event-card__chip--soft-purple{color:#7e22ce;background:#f3e8ff}.event-card__chip--live{color:#fff;background:#16a34a}.event-card__menu-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px}.event-card__body{padding:10px 16px 0 20px}.event-card__title{color:var(--ec-title);margin:0 0 10px;font-size:16px;font-weight:800;line-height:1.4}.event-card__code{color:var(--ec-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.event-card__department{color:#2f6f85;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.event-card__alert{border-radius:8px;align-items:center;gap:8px;min-height:38px;margin-top:12px;padding:9px 10px;font-size:13px;line-height:1.4;display:flex}.event-card__alert--warning{color:#c78511;background:#f9edbf}.event-card__divider{background:var(--ec-border);height:1px;margin:14px 0}.event-card__info-row{color:#374151;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;line-height:1.5;display:flex}.event-card__info-row:last-child{margin-bottom:0}.event-card__info-icon{color:#6b7280;flex-shrink:0;margin-top:1px}.event-card__info-text{color:#374151}.event-card__meta-stat-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.event-card__meta-stat-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.event-card__meta-stat-group--right{margin-left:auto}.event-card__meta-stat{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:inline-flex}.event-card__meta-stat--success{color:var(--ec-success);font-weight:600}.event-card__meta-stat--warning{color:var(--ec-warning);font-weight:600}.event-card__meta-stat-icon{align-items:center;display:inline-flex}.event-card__status-line{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.event-card__draft-note{color:#6b7280;background:#eff1f5;border-radius:8px;align-items:center;gap:8px;min-height:38px;margin-top:12px;padding:9px 10px;font-size:13px;line-height:1.4;display:flex}.event-card__footer{grid-template-columns:minmax(0,1.8fr) repeat(3,minmax(0,auto));align-items:center;gap:10px;margin-top:auto;padding:16px 16px 16px 20px;display:grid}.event-card__action{border:1px solid var(--ec-border-strong);color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.event-card__action--full{width:100%}.event-card__action--primary{background:var(--ec-primary);border-color:var(--ec-primary);color:#fff}.event-card__action--publish{color:#1d9a4f;background:#dff5e7;border-color:#8fd0a6}.event-card__action--danger{width:38px;color:var(--ec-danger);border-color:#efc0c0;padding:0}@media (width<=768px){.event-card__footer{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card__action--full{grid-column:1/-1}}@media (width<=480px){.event-card__header{padding:14px 14px 0 18px}.event-card__body{padding:10px 14px 0 18px}.event-card__footer{grid-template-columns:1fr;padding:14px 14px 14px 18px}.event-card__action,.event-card__action--danger{width:100%}}.event-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;padding:16px 0;display:grid}@media (width>=1280px){.event-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=900px) and (width<=1279px){.event-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=600px) and (width<=899px){.event-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.event-grid{grid-template-columns:1fr}}.family-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.family-card{background:#f8fafc;border:1px solid #dbe2ea;border-radius:18px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.family-card:before{content:"";width:100%;height:4px;position:absolute;inset:0 auto auto 0}.family-card--orange:before{background:#d68a14}.family-card__header{background:#f8fafc;border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.family-card__title-wrap{align-items:flex-start;gap:12px;display:flex}.family-card__icon{color:#0f8a72;background:#eaf7f3;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.family-card__title{color:#1f2a37;margin:0;font-size:15px;font-weight:700}.family-card__id{color:#8a94a6;margin:2px 0 0;font-size:11px;font-weight:600}.family-card__header-right{align-items:center;gap:10px;display:flex}.family-card__more-btn{color:#a3acba;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.family-status{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.family-status--enabled{color:#159947;background:#ebf9ef;border:1px solid #cfeeda}.family-status--partial{color:#c78616;background:#fff6e7;border:1px solid #f2deae}.family-status--inactive{color:#7b8794;background:#eef2f6;border:1px solid #dce4ed}.family-card__section{border-bottom:1px solid #e7edf3;padding:12px 16px}.family-card__section:last-of-type{border-bottom:none}.family-card__section-head{text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;margin-bottom:12px;font-size:11px;font-weight:800}.family-card__guardians{grid-template-columns:1fr 34px 1fr;align-items:start;gap:10px;display:grid}.guardian-link-badge{color:#a0a8b7;background:#f1f4f8;border:1px solid #e0e7ef;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin:32px auto 0;font-weight:700;display:flex}.guardian-card{min-width:0}.guardian-card--divider{border-left:1px solid #e6ebf1;padding-left:18px}.guardian-card__top{align-items:flex-start;gap:12px;display:flex}.guardian-card__avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:38px;height:38px}.guardian-card__content h4{color:#1f2937;margin:0;font-size:14px;font-weight:700}.guardian-card__content p{color:#9aa4b2;margin:3px 0;font-size:12px}.guardian-card__access{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.guardian-card__access--ok{color:#16934a}.guardian-card__access--muted{color:#8e99a8}.guardian-card__meta{color:#6f7c8f;gap:6px;margin-top:10px;font-size:13px;display:grid}.guardian-card__meta div{align-items:center;gap:7px;display:flex}.family-card__section-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.family-card__count{color:#6f89b0;background:#edf3fb;border:1px solid #dbe7f5;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.family-card__students{flex-direction:column;gap:10px;display:flex}.student-row{background:#f6f8fb;border:1px solid #e4eaf1;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.student-row__left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.student-row__line{background:#d8e0ea;flex-shrink:0;width:14px;height:1px}.student-row__avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:34px;height:34px}.student-row__info{min-width:0}.student-row__info h5{color:#263241;margin:0;font-size:14px;font-weight:700}.student-row__info p{color:#96a0b0;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.student-row__right{text-align:right;flex-shrink:0}.student-row__attendance{font-size:12px;font-weight:800;display:block}.student-row__attendance.good{color:#16934a}.student-row__attendance.avg{color:#d18a12}.student-row__attendance.low{color:#d64545}.student-row__fee{color:#cf5a4f;margin-top:2px;font-size:12px;font-weight:800;display:block}.family-card__due{color:#c23b3b;background:#fff4f4;border:1px solid #f0d3d3;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.family-card__due-left{align-items:center;gap:8px;display:flex}.family-card__due-amount{white-space:nowrap}.family-card__footer{background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.family-card__actions{flex-wrap:wrap;gap:10px;display:flex}.family-action-btn{color:#687588;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:10px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0f172a0a}.family-action-btn--invite{color:#b57b12;background:#fff7dd;border-color:#ecd79c}.family-card__portal-status{color:#159947;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.family-card__footer-right{align-items:center;display:flex}@media (width<=1024px){.family-card-grid{grid-template-columns:1fr}}@media (width<=768px){.family-card__guardians{grid-template-columns:1fr}.guardian-link-badge{display:none}.guardian-card--divider{border-top:1px solid #e6ebf1;border-left:none;padding-top:12px;padding-left:0}.student-row{border-radius:16px;align-items:flex-start}.family-card__footer{flex-direction:column;align-items:stretch}.family-card__footer-right,.family-card__actions{width:100%}.family-action-btn{justify-content:center}}@media (width<=520px){.family-card__header,.family-card__section,.family-card__footer{padding-left:12px;padding-right:12px}.student-row{border-radius:14px;flex-direction:column;align-items:stretch}.student-row__right{text-align:left;padding-left:24px}.family-card__due{border-radius:14px;flex-direction:column;align-items:flex-start}}.institution-summary-card{background:#fff;border:1px solid #e6ebf1;border-radius:22px;grid-template-columns:112px minmax(0,1fr) 220px;align-items:center;gap:24px;width:100%;padding:22px 24px;display:grid;box-shadow:0 10px 30px #0f172a0a}.institution-logo-block{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.institution-logo-block__box{background:#d9ebea;border:1px solid #d1e4e2;border-radius:18px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.institution-logo-block__image{object-fit:cover;width:100%;height:100%}.institution-logo-block__initial{color:#3b82f6;font-size:2.2rem;font-weight:700}.institution-logo-block__upload{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.95rem;font-weight:600;display:inline-flex}.institution-summary-card__content{min-width:0}.institution-summary-card__badges{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.institution-badge{border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:.85rem;font-weight:600;display:inline-flex}.institution-badge--success{color:#15816f;background:#e9f8f3}.institution-badge--neutral{color:#4d887e;background:#e6f3f0}.institution-badge__dot{background:#15937f;border-radius:50%;width:8px;height:8px}.institution-summary-card__title{color:#162133;margin:0;font-size:clamp(1.1rem,1.2vw,1.5rem);font-weight:700;line-height:1.1}.institution-summary-card__address{color:#7a8495;margin:6px 0 0;font-size:1rem;line-height:1.5}.institution-summary-card__contacts{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}.institution-contact{color:#7a8495;align-items:center;gap:8px;min-width:0;font-size:.96rem;text-decoration:none;display:inline-flex}.institution-contact__icon{color:#697586;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.institution-contact__text{white-space:nowrap}.institution-completion{text-align:right;min-width:0}.institution-completion__label{color:#7f8897;margin:0;font-size:.96rem}.institution-completion__value{color:#3b82f6;margin:8px 0 10px;font-size:2rem;font-weight:700;line-height:1}.institution-completion__bar{background:#e7edf2;border-radius:999px;width:100%;height:7px;overflow:hidden}.institution-completion__bar span{border-radius:inherit;background:#3b82f6;height:100%;display:block}.institution-completion__hint{color:#7f8897;margin:10px 0 0;font-size:.95rem}@media (width<=1024px){.institution-summary-card{grid-template-columns:100px minmax(0,1fr)}.institution-completion{text-align:left;grid-column:1/-1;padding-top:8px}.institution-completion__bar{max-width:260px}}@media (width<=640px){.institution-summary-card{grid-template-columns:1fr;gap:18px;padding:18px}.institution-logo-block{align-items:center}.institution-summary-card__content{text-align:center}.institution-summary-card__badges,.institution-summary-card__contacts{justify-content:center}.institution-contact__text{white-space:normal;text-align:center}.institution-completion{text-align:center}.institution-completion__bar{max-width:100%}}.iep-page{padding:18px 8px}.iep-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.iep-form-field{margin-bottom:18px}.iep-form-field:last-child{margin-bottom:0}.iep-form-field__label{color:#222a36;margin-bottom:10px;font-size:1rem;font-weight:600;display:inline-block}.iep-form-field__label span{color:#db4b4b}.iep-form-field__hint{color:#8a93a1;margin:8px 0 0;font-size:.95rem;line-height:1.4}.iep-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.iep-input-wrap{position:relative}.iep-input-wrap--icon .iep-input{padding-left:46px}.iep-input-wrap__icon{color:#1f2937;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.iep-input,.iep-textarea,.iep-select{color:#202734;background:#fff;border:1px solid #dce2e6;border-radius:16px;outline:none;width:100%;font-size:1rem;transition:border-color .18s,box-shadow .18s}.iep-input,.iep-select{min-height:52px;padding:0 16px}.iep-textarea{resize:vertical;min-height:100px;padding:14px 16px;line-height:1.5}.iep-input:focus,.iep-textarea:focus,.iep-select:focus{border-color:#15937f;box-shadow:0 0 0 4px #15937f1f}.iep-select-wrap{position:relative}.iep-select{appearance:none;cursor:pointer;padding-right:44px}.iep-select-wrap__icon{color:#111827;pointer-events:none;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.iep-phone-group{grid-template-columns:96px 1fr;gap:12px;display:grid}@media (width<=1024px){.iep-grid-layout{grid-template-columns:1fr}}@media (width<=640px){.iep-page{padding:12px}.iep-section-card{border-radius:18px}.iep-section-card__head{padding:18px 18px 16px}.iep-section-card__body{padding:18px}.iep-section-card__head h3{font-size:1.2rem}.iep-section-card__head p{font-size:.94rem}.iep-two-col,.iep-phone-group{grid-template-columns:1fr;gap:14px}.iep-input,.iep-select{min-height:50px}}.profile-phone-group{grid-template-columns:126px 1fr;gap:12px;display:grid}.profile-phone-code select{appearance:none;cursor:pointer;padding:0 14px;font-weight:700}.profile-input-icon{color:#111;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.iep-section-card{background:#fff;border:1px solid #dfe5e8;border-radius:22px;overflow:hidden}.iep-section-card__head{background:#f1f5f9;border-bottom:1px solid #e2e8eb;padding:22px 26px 18px}.iep-section-card__head h3{color:#1e2430;margin:0;font-size:1.2rem;font-weight:700;line-height:1.1}.iep-section-card__head p{color:#7b8593;margin:8px 0 0;font-size:1rem;line-height:1.5}.iep-section-card__body{padding:24px 26px 22px}.soc-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:14px 8px;display:grid}.soc-card{background:#fff;border:1px solid #dfe5e8;border-radius:22px;overflow:hidden}.soc-card__head{background:#eef2ff;border-bottom:1px solid #e1e7ea;padding:18px 28px 16px}.soc-card__head h3{color:#212733;margin:0;font-size:1.7rem;font-weight:700;line-height:1.1}.soc-card__head p{color:#7a8494;margin:8px 0 0;font-size:1rem;line-height:1.5}.soc-card__body{padding:24px 28px}.soc-field{margin-bottom:18px}.soc-field__label{color:#232b37;margin-bottom:10px;font-size:1rem;font-weight:600;display:inline-block}.soc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.soc-input-wrap{position:relative}.soc-input-wrap--icon .soc-input{padding-left:46px}.soc-input-wrap__icon{color:#111827;align-items:center;display:inline-flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.soc-input,.soc-select{color:#1f2937;background:#fff;border:1px solid #dde3e7;border-radius:16px;outline:none;width:100%;min-height:52px;padding:0 16px;font-size:1rem;transition:border-color .18s,box-shadow .18s}.soc-input:focus,.soc-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #15937f1f}.soc-select-wrap{position:relative}.soc-select{appearance:none;cursor:pointer;padding-right:44px}.soc-select-wrap__icon{color:#111827;pointer-events:none;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.soc-notice{background:#fbf1cb;border:1px solid #d89a37;border-radius:16px;align-items:flex-start;gap:10px;margin-top:8px;padding:14px;display:flex}.soc-notice__icon{color:#111;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.soc-notice p{color:#c07b18;margin:0;font-size:.98rem;line-height:1.45}.soc-progress-list{flex-direction:column;gap:12px;display:flex}.soc-progress-item__top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px;display:flex}.soc-progress-item__label-wrap{align-items:center;gap:12px;min-width:0;display:flex}.soc-progress-item__status{background:#fff;border:2px solid #d8dde3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.soc-progress-item__status--completed{color:#111;background:#3b82f6;border-color:#3b82f6}.soc-progress-item__status--pending{background:#fff;border-color:#d8dde3}.soc-progress-item__label{color:#26303d;font-size:1rem}.soc-progress-item__value{flex-shrink:0;font-size:.98rem;font-weight:700}.soc-progress-item__value.is-complete{color:#3b82f6}.soc-progress-item__value.is-warning{color:#c97a08}.soc-progress-item__value.is-empty{color:#8a93a1}.soc-progress-item__bar{background:#dde2e8;border-radius:999px;width:100%;height:5px;overflow:hidden}.soc-progress-item__fill{border-radius:inherit;height:100%;display:block}.soc-progress-item__fill.is-complete{background:#3b82f6}.soc-progress-item__fill.is-warning{background:#c97a08}.soc-progress-item__fill.is-empty{background:#dde2e8}@media (width<=1024px){.soc-layout{grid-template-columns:1fr}}@media (width<=640px){.soc-layout{gap:16px;padding:12px}.soc-card{border-radius:18px}.soc-card__head{padding:18px 18px 14px}.soc-card__body{padding:18px}.soc-card__head h3{font-size:1.2rem}.soc-card__head p,.soc-field__label,.soc-progress-item__label{font-size:.95rem}.soc-grid-2{grid-template-columns:1fr;gap:16px}.soc-input,.soc-select{min-height:50px;font-size:.98rem}.soc-notice p{font-size:.93rem}.soc-progress-item__top{align-items:flex-start}}.institution-meta-card{background:#fff;border:1px solid #dfe5e8;border-radius:24px;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;width:100%;padding:22px 32px;display:grid;box-shadow:0 6px 18px #0f172a0a}.institution-meta-card__item{min-width:0}.institution-meta-card__label{color:#7b8494;margin:0 0 8px;font-size:.98rem;font-weight:500;line-height:1.4}.institution-meta-card__value{color:#182131;word-break:break-word;margin:0;font-size:.9rem;font-weight:700;line-height:1.35}.institution-meta-card__value--accent{color:#3b82f6}@media (width<=1200px){.institution-meta-card{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.institution-meta-card{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}.institution-meta-card__value{font-size:1rem}}@media (width<=480px){.institution-meta-card{border-radius:18px;grid-template-columns:1fr;gap:16px;padding:18px 16px}.institution-meta-card__label{margin-bottom:6px;font-size:.92rem}.institution-meta-card__value{font-size:1rem}}.profile-save-bar{background:#fff;border:1px solid #dfe5e8;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;width:100%;margin-top:20px;padding:22px 30px;display:flex;box-shadow:0 6px 18px #0f172a0a}.profile-save-bar__info{flex:1;min-width:0}.profile-save-bar__info p{color:#7b8494;margin:0;font-size:.98rem;line-height:1.5}.profile-save-bar__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.profile-save-bar__btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:1rem;font-weight:700;transition:all .18s;display:inline-flex}.profile-save-bar__btn:disabled{opacity:.7;cursor:not-allowed}.profile-save-bar__btn--secondary{color:#202733;background:#f3f5f7;border-color:#e2e7ec}.profile-save-bar__btn--secondary:hover:not(:disabled){background:#ebeff3}.profile-save-bar__btn--primary{color:#fff;background:#3b82f6;box-shadow:0 8px 16px #15937f2e}.profile-save-bar__btn--primary:hover:not(:disabled){background:#3b82f6}.profile-save-bar__btn-icon{justify-content:center;align-items:center;display:inline-flex}@media (width<=768px){.profile-save-bar{border-radius:20px;flex-direction:column;align-items:stretch;padding:18px 20px}.profile-save-bar__actions{flex-direction:column;width:100%}.profile-save-bar__btn{width:100%}}@media (width<=480px){.profile-save-bar{border-radius:18px;gap:14px;padding:16px}.profile-save-bar__info p{font-size:.92rem}.profile-save-bar__btn{border-radius:16px;min-height:48px;font-size:.96rem}}.ipdm-header{border-bottom:1px solid var(--color-border,#e5e7eb);align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.ipdm-header-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #1d4ed82e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 8px #1d4ed81f}.ipdm-header-text{flex:1;min-width:0}.ipdm-title{color:var(--color-text,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.25}.ipdm-subtitle{color:var(--color-text-lighter,#6b7280);margin:4px 0 0;font-size:13px}.ipdm-close-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:background .18s,color .18s;display:flex}.ipdm-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.ipdm-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:0;padding:0 26px;display:flex}.ipdm-tab{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;padding:13px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .18s,border-color .18s,background .18s;display:flex;position:relative}.ipdm-tab:hover{color:#1d4ed8;background:#1d4ed80a}.ipdm-tab--active{color:#1d4ed8;background:#1d4ed80d;border-bottom-color:#1d4ed8;font-weight:600}.ipdm-tab--done{color:#059669}.ipdm-tab--done .ipdm-tab-step{color:#fff;background:#059669;border-color:#059669}.ipdm-tab-step{color:#6b7280;background:#e5e7eb;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.ipdm-tab--active .ipdm-tab-step{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.ipdm-tab-label{font-size:13px}.ipdm-body{max-height:58vh;padding:20px 26px 6px;overflow-y:auto}.ipdm-body::-webkit-scrollbar{width:5px}.ipdm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.ipdm-tab-content{flex-direction:column;gap:6px;display:flex}.ipdm-section-label{letter-spacing:.07em;text-transform:uppercase;color:#1d4ed8;align-items:center;gap:8px;margin-top:14px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.ipdm-section-label:after{content:"";background:linear-gradient(90deg,#1d4ed833 0%,#0000 100%);flex:1;height:1px}.ipdm-section-label--payroll{color:#7c3aed}.ipdm-section-label--payroll:after{background:linear-gradient(90deg,#7c3aed33 0%,#0000 100%)}.ipdm-section-label--bank{color:#0891b2}.ipdm-section-label--bank:after{background:linear-gradient(90deg,#0891b233 0%,#0000 100%)}.ipdm-section-label--statutory{color:#b45309}.ipdm-section-label--statutory:after{background:linear-gradient(90deg,#b4530933 0%,#0000 100%)}.ipdm-grid{gap:14px;display:grid}.ipdm-grid--1{grid-template-columns:1fr}.ipdm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ipdm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ipdm-field{flex-direction:column;gap:5px;display:flex}.ipdm-label{color:var(--color-text,#374151);font-size:12.5px;font-weight:600;line-height:1.3}.ipdm-required{color:#ef4444}.ipdm-error{color:#ef4444;margin-top:1px;font-size:11.5px}.ipdm-input{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;height:40px;color:var(--color-text,#111827);box-sizing:border-box;border-radius:8px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.ipdm-input::placeholder{color:#9ca3af}.ipdm-input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.ipdm-input.error{border-color:#ef4444}.ipdm-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.ipdm-input--net{color:#059669;background:#05966908;border-color:#05966959 #05966959 #05966959 currentColor;border-left-style:none;border-left-width:medium;border-radius:0 8px 8px 0;flex:1;height:42px;font-size:15px;font-weight:600}.ipdm-input--net:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.ipdm-textarea{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;color:var(--color-text,#111827);resize:vertical;box-sizing:border-box;border-radius:8px;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.ipdm-textarea::placeholder{color:#9ca3af}.ipdm-textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.ipdm-salary-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px;display:grid}.ipdm-salary-col{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ipdm-salary-col--earnings{background:#05966905;border-color:#05966933}.ipdm-salary-col--deductions{background:#ef444405;border-color:#ef444433}.ipdm-salary-col-header{letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.ipdm-salary-col-header--earnings{color:#059669;background:#0596690f;border-color:#05966926}.ipdm-salary-col-header--deductions{color:#dc2626;background:#ef44440f;border-color:#ef444426}.ipdm-salary-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ipdm-salary-dot--green{background:#059669}.ipdm-salary-dot--red{background:#dc2626}.ipdm-salary-fields{flex-direction:column;gap:12px;padding:14px;display:flex}.ipdm-net-salary-bar{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #05966940;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 4px;padding:14px 18px;display:flex}.ipdm-net-salary-info{flex-direction:column;gap:2px;display:flex}.ipdm-net-salary-label{color:#059669;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.ipdm-net-salary-hint{color:#6b7280;font-size:11.5px}.ipdm-net-salary-field{flex:0 0 220px;align-items:center;max-width:220px;display:flex}.ipdm-net-salary-prefix{color:#059669;background:#0596691f;border:1px solid #05966959;border-right:none;border-radius:8px 0 0 8px;align-items:center;height:42px;padding:0 10px;font-size:16px;font-weight:700;display:flex}.ipdm-footer{border-top:1px solid var(--color-border,#e5e7eb);background:#f9fafb;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;display:flex}.ipdm-footer-right{align-items:center;gap:10px;display:flex}.ipdm-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.ipdm-btn:disabled{opacity:.6;cursor:not-allowed}.ipdm-btn--primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 2px 8px #1d4ed840}.ipdm-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed859}.ipdm-btn--outline{color:#374151;background:0 0;border:1px solid #d1d5db}.ipdm-btn--outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.ipdm-btn--ghost{color:#1d4ed8;background:0 0;border:1px solid #1d4ed84d}.ipdm-btn--ghost:hover:not(:disabled){background:#1d4ed80f;border-color:#1d4ed8}@media (width<=720px){.ipdm-grid--2,.ipdm-grid--3,.ipdm-salary-grid{grid-template-columns:1fr}.ipdm-header{padding:18px 18px 14px}.ipdm-body{padding:16px 18px 6px}.ipdm-tabs{padding:0 18px;overflow-x:auto}.ipdm-tab-label{display:none}.ipdm-footer{flex-direction:column-reverse;align-items:stretch;padding:14px 18px}.ipdm-footer-right{flex-direction:column}.ipdm-btn{justify-content:center;width:100%}.ipdm-net-salary-bar{flex-direction:column;align-items:flex-start;gap:10px}.ipdm-net-salary-field{flex:1;width:100%;max-width:100%}}.ipdm-api-banner{border-radius:8px;align-items:center;gap:8px;margin:0 26px 4px;padding:10px 16px;font-size:13px;font-weight:500;animation:.22s ipdm-fade-in;display:flex}.ipdm-api-banner--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ipdm-api-banner--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes ipdm-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ipdm-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite ipdm-spin;display:inline-block}@keyframes ipdm-spin{to{transform:rotate(360deg)}}.address-autocomplete{width:100%;position:relative}.address-autocomplete__dropdown{z-index:999;background:#fff;border:1px solid #d9e1ea;border-radius:18px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0f172a1f}.address-autocomplete__item{color:#1e293b;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;margin:0;padding:14px 16px;font-size:15px;line-height:1.45;list-style:none;transition:background .18s,color .18s;display:flex}.address-autocomplete__item:hover{background:#f8fafc}.address-autocomplete__item-icon{color:#6b7280;flex-shrink:0}.address-autocomplete__fallback{color:#b45309;margin:8px 0 0;font-size:12px;line-height:1.45}.department-modal-header{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 18px;display:flex}.department-modal-title{color:var(--color-text,#111827);margin:0;font-size:20px;font-weight:700;line-height:1.2}.department-modal-subtitle{color:var(--color-text-lighter,#6b7280);margin-top:4px;font-size:14px}.department-modal-close-btn{cursor:pointer;width:36px;height:36px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.department-modal-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.department-modal-body{flex-direction:column;gap:20px;max-height:75vh;padding:24px 28px;display:flex;overflow-y:auto}.department-modal-body::-webkit-scrollbar{width:6px}.department-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.department-modal-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.department-modal-field{flex-direction:column;gap:8px;display:flex}.department-input-label{color:var(--color-text,#374151);font-size:13px;font-weight:600}.department-input-text{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;height:44px;color:var(--color-text,#111827);box-sizing:border-box;border-radius:8px;padding:0 14px;font-size:14px;transition:all .2s}.department-input-text::placeholder{color:#9ca3af}.department-input-text:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.department-input-text.error{border-color:#ef4444}.department-input-text.error:focus{box-shadow:0 0 0 3px #ef44441f}.department-modal-footer{border-top:1px solid var(--color-border,#e5e7eb);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex}@media (width<=768px){.department-modal-row{grid-template-columns:1fr}.department-modal-header{padding:16px 20px 14px}.department-modal-title{font-size:18px}.department-modal-body{gap:16px;padding:16px 20px}.department-modal-footer{flex-direction:column-reverse}.department-modal-footer button{width:100%}}@media (width<=480px){.department-modal-header{padding:14px 16px 12px}.department-modal-body{padding:14px 16px}}.departments-container{padding:0}@media (width<=768px){.departments-container{padding:0!important}}.designation-modal-header{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 18px;display:flex}.designation-modal-title{color:var(--color-text,#111827);margin:0;font-size:20px;font-weight:700;line-height:1.2}.designation-modal-subtitle{color:var(--color-text-lighter,#6b7280);margin-top:4px;font-size:14px}.designation-modal-close-btn{cursor:pointer;width:36px;height:36px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.designation-modal-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.designation-modal-body{flex-direction:column;gap:20px;max-height:75vh;padding:24px 28px;display:flex;overflow-y:auto}.designation-modal-body::-webkit-scrollbar{width:6px}.designation-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.designation-modal-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.designation-modal-field{flex-direction:column;gap:8px;display:flex}.designation-input-label{color:var(--color-text,#374151);font-size:13px;font-weight:600}.required-star{color:#ef4444}.designation-input-text{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;height:44px;color:var(--color-text,#111827);box-sizing:border-box;border-radius:8px;padding:0 14px;font-size:14px;transition:all .2s}.designation-input-text::placeholder{color:#9ca3af}.designation-input-text:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.designation-input-text.error{border-color:#ef4444}.designation-input-text.error:focus{box-shadow:0 0 0 3px #ef44441f}.field-error-msg{color:#ef4444;margin-top:2px;font-size:12px}.designation-modal-footer{border-top:1px solid var(--color-border,#e5e7eb);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex}@media (width<=768px){.designation-modal-row{grid-template-columns:1fr}.designation-modal-title{font-size:18px}.designation-modal-footer{flex-direction:column-reverse}.designation-modal-footer button{width:100%}}.designation-container{padding:0}@media (width<=768px){.designation-container{padding:0!important}}.sc-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;padding:16px 0;display:grid}.sc-class-banner{background-color:#f4f8fe;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px 20px;display:flex}.sc-class-banner-left{align-items:center;gap:16px;display:flex}.sc-class-banner-icon{background-color:#2563eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sc-class-banner-text{flex-direction:column;gap:4px;display:flex}.sc-class-banner-title{color:#1e293b;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sc-highlight{color:#2563eb}.sc-class-banner-badge{color:#1d4ed8;background-color:#e0e7ff;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600}.sc-class-banner-desc{color:#64748b;font-size:13px}.sc-class-banner-right{align-items:center;gap:12px;display:flex}.sc-class-banner-btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.sc-class-banner-btn-primary:hover{background-color:#1d4ed8}.sc-class-banner-btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s}.sc-class-banner-btn-secondary:hover{background-color:#f8fafc}@media (width<=1200px){.sc-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.sc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=540px){.sc-grid{grid-template-columns:1fr;gap:12px}}.sc-card{border:1.5px solid #e8edf5;border-left:4px solid var(--accent,#6c63ff);background:#fff;border-radius:14px;flex-direction:column;width:100%;transition:box-shadow .25s,transform .2s;display:flex;overflow:hidden}.sc-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000017}.sc-header{align-items:flex-start;gap:12px;padding:18px 16px 16px;display:flex}.sc-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sc-icon-wrap svg{width:24px;height:24px}.sc-title-block{flex-direction:column;gap:3px;min-width:0;display:flex}.sc-name{color:#111827;font-size:16px;font-weight:700;line-height:1.3}.sc-code{color:#9ca3af;font-size:12px;font-weight:500}.sc-body{border-top:1px solid #f0f2f5;flex-direction:column;flex:1;gap:12px;padding:12px 16px 14px;display:flex}.sc-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-type-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.sc-type-badge--core{color:#3b5bdb;background:#e8f0ff}.sc-type-badge--elective{color:#d97706;background:#fef9e7}.sc-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.sc-status-badge--active{color:#1aad6b;background:#e8f8f0}.sc-status-badge--inactive{color:#d92d20;background:#fef3f2}.sc-info-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sc-info-list li{color:#4b5563;align-items:center;gap:7px;font-size:13px;display:flex}.sc-info-list li svg{color:#9ca3af;flex-shrink:0}.sc-info-list li.sc-classes-row{align-items:flex-start}.sc-info-list li.sc-classes-row svg{margin-top:2px}.sc-class-pills{flex-wrap:wrap;gap:4px;display:flex}.sc-class-pill{color:#0284c7;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:500}.sc-class-pill--highlighted{color:#fff;background:#2563eb;border-color:#2563eb}.sc-class-pill--hidden-count{color:#64748b;background:#fff;border-color:#cbd5e1}.sc-features{flex-wrap:wrap;gap:6px;display:flex}.sc-feat{border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.sc-feat--on{color:#3b5bdb;background:#f0f5ff;border-color:#c5d3f8}.sc-feat--off{color:#b0b7c3;background:#f5f5f5;border-color:#e5e7eb}.sc-footer{border-top:1px solid #f0f2f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.sc-counts{gap:12px;display:flex}.sc-counts span{color:#6b7280;font-size:12px}.sc-counts strong{color:#111827;font-weight:600}.sc-actions{align-items:center;gap:4px;display:flex}.sc-act-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .18s,color .18s;display:flex}.sc-act-btn:hover{color:#3b5bdb;background:#f0f5ff}.sc-act-btn--danger:hover{color:#d92d20;background:#fef3f2}@media (width<=768px){.sc-header{padding:14px 14px 12px}.sc-icon-wrap{width:42px;height:42px}.sc-name{font-size:15px}.sc-body{gap:10px;padding:10px 14px 12px}}@media (width<=480px){.sc-header{padding:12px 12px 10px}.sc-icon-wrap{border-radius:10px;width:38px;height:38px}.sc-icon-wrap svg{width:20px;height:20px}.sc-name{font-size:14px}.sc-body{gap:8px;padding:10px 12px}.sc-footer{padding:8px 12px}.sc-info-list li{font-size:12px}}.csm-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.csm-title{color:#0a0e1e;margin:0 0 4px;font-size:18px;font-weight:600}.csm-subtitle{color:#64748b;margin:0;font-size:13px}.csm-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.csm-close-btn:hover{color:#0a0e1e;background:#f1f5f9}.csm-body{flex-direction:column;gap:20px;padding:24px;display:flex}.csm-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.csm-field{flex-direction:column;gap:8px;display:flex}.csm-label{color:#0a0e1e;font-size:13px;font-weight:500}.csm-required{color:#ef4444}.csm-input{color:#0a0e1e;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-size:13px;transition:all .2s}.csm-input:focus{border-color:#377dff;outline:none;box-shadow:0 0 0 3px #377dff1a}.csm-input.error{border-color:#ef4444}.csm-error{color:#ef4444;font-size:12px}.class-modal-field{flex-direction:column;gap:6px;min-width:0;display:flex}.selected-subjects-container{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.subject-chip{color:#3b6fd8;background:#eef4ff;border:1px solid #d8e4ff;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;display:inline-flex}.subject-chip-remove{color:#3b6fd8;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.csm-checkboxes{background:#f8f9fb;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.csm-checkbox{cursor:pointer;color:#0a0e1e;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.csm-checkbox input[type=checkbox]{cursor:pointer;accent-color:#377dff;width:16px;height:16px}.csm-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}@media (width<=768px){.csm-row,.csm-checkboxes{grid-template-columns:1fr}.csm-body,.csm-header{padding:16px}}@media (width<=480px){.csm-title{font-size:16px}.csm-color-grid{grid-template-columns:repeat(4,1fr)}.csm-footer{flex-direction:column-reverse}.csm-body{padding:12px}}@keyframes sub-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sub-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/1200px 100%;border-radius:6px;flex-shrink:0;animation:1.4s linear infinite sub-shimmer}.sub-sk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000a}.sub-sk-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;padding:16px;display:flex}.sub-sk-icon-wrap{background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%) 0 0/1200px 100%;border-radius:10px;flex-shrink:0;width:40px;height:40px;animation:1.4s linear infinite sub-shimmer}.sub-sk-body{flex-direction:column;flex:1;padding:14px 16px;display:flex}.sub-sk-info-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sub-sk-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:10px 16px 14px;display:flex}.fa-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:16px 20px;display:flex;box-shadow:0 1px 2px #00000005}.fa-card--highlight-green{background:#f0fdf4;border-color:#bbf7d0}.fa-card--highlight-blue{background:#f4f7fe;border-color:#dbeafe}.fa-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fa-card-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.fa-card-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fa-badge-surplus{color:#fff;letter-spacing:.5px;background:#10b981;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.fa-card-value{margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.2}.fa-card-desc{color:#9ca3af;font-size:12px;line-height:1.4}.ftc-wrapper{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.ftc-chart-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.ftc-chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.ftc-chart-title-wrapper{align-items:flex-start;gap:12px;display:flex}.ftc-chart-icon-box{background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.ftc-chart-title{color:#111827;margin:0;font-size:16px;font-weight:600}.ftc-chart-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.ftc-legend{gap:16px;display:flex}.ftc-legend-item{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.ftc-legend-dot{border-radius:4px;width:12px;height:12px}.ftc-chart-container{width:100%;height:300px;margin-bottom:24px}.ftc-chart-footer{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:20px;font-size:13px;display:flex}.ftc-chart-footer strong{color:#111827}.ftc-analytics-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.ftc-analytics-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ftc-analytics-title{color:#111827;margin:0;font-size:16px;font-weight:600}.ftc-analytics-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.ftc-badge-surplus{color:#065f46;background-color:#d1fae5;border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.ftc-margin-highlight{text-align:center;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px}.ftc-margin-percentage{color:#111827;margin-bottom:4px;font-size:32px;font-weight:700}.ftc-margin-label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500}.ftc-margin-value{color:#059669;font-size:13px;font-weight:600}.ftc-revenue-title{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:700}.ftc-revenue-list{flex-direction:column;flex-grow:1;gap:16px;display:flex}.ftc-revenue-item-header{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.ftc-revenue-item-label{color:#4b5563}.ftc-revenue-item-value{color:#111827;font-weight:600}.ftc-progress-bg{background-color:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.ftc-progress-fill{border-radius:3px;height:100%}.ftc-analytics-footer{color:#9ca3af;border-top:1px dashed #e5e7eb;margin-top:24px;padding-top:16px;font-size:12px}@media (width<=1024px){.ftc-wrapper{grid-template-columns:1fr}}.flt-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:24px;font-family:inherit;box-shadow:0 1px 3px #0000000d}.flt-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.flt-title{color:#111827;margin:0;font-size:18px;font-weight:700}.flt-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.flt-export-btn{color:#4b5563;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.flt-export-btn:hover{color:#111827;background-color:#f3f4f6}.flt-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px;display:flex}.flt-search-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;width:400px;padding:8px 12px;display:flex}.flt-search-icon{color:#9ca3af}.flt-search-input{color:#111827;border:none;outline:none;width:100%;font-size:13px}.flt-search-input::placeholder{color:#9ca3af}.flt-filter-dropdowns{gap:12px;display:flex}.flt-dropdown{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;min-width:180px;padding:8px 12px;font-size:13px;display:flex}.flt-table-container{overflow-x:auto}.flt-table{border-collapse:collapse;text-align:left;width:100%}.flt-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.flt-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px}.flt-table tr:hover{background-color:#f9fafb}.flt-txn-id{color:#374151;font-size:13px;font-weight:600}.flt-date{color:#6b7280;font-size:13px}.flt-type-badge{border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.flt-badge-green{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.flt-badge-red{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.flt-primary-text{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600}.flt-secondary-text{color:#6b7280;font-size:12px}.flt-text-right{text-align:right}.flt-amount{font-size:14px;font-weight:700}.flt-amount-positive{color:#059669}.flt-amount-negative{color:#dc2626}.flt-status-completed{color:#059669;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=1024px){.flt-filters{flex-direction:column;align-items:stretch;gap:16px}.flt-search-wrapper,.flt-filter-dropdowns{width:100%}.flt-dropdown{flex:1}}@media (width<=640px){.flt-header{flex-direction:column;align-items:stretch;gap:16px}.flt-filter-dropdowns{flex-direction:column}.flt-dropdown{width:100%;min-width:0}}.aem-modal-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.aem-title{color:#111827;margin:0;font-size:1.1rem;font-weight:600}.aem-form{padding:24px}.aem-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.aem-field{flex-direction:column;gap:6px;display:flex}.aem-full-width{grid-column:1/-1;margin-bottom:24px}.aem-label{color:#374151;font-size:.85rem;font-weight:500}.aem-required{color:#ef4444}.aem-input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;font-size:.9rem;transition:all .2s}.aem-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.aem-textarea{resize:vertical}.aem-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.aem-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.aem-btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.aem-btn-secondary:hover{background:#f9fafb}.aem-btn-primary{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.aem-btn-primary:hover{background:#2563eb}@media (width<=640px){.aem-grid{grid-template-columns:1fr}}.fa-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.fa-title{color:#111827;margin:0;font-size:16px;font-weight:700}.fa-subtitle{color:#6b7280;font-size:12px}.fa-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.fa-date-range-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px;display:flex}.fa-date-field{flex:200px}@media (width<=1280px){.fa-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.fa-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.fa-grid{grid-template-columns:1fr}.fa-header{flex-direction:column;gap:8px}}.date-field-wrap{position:relative}.date-field-input{color:#1a1f36;cursor:pointer;background:#fff;border:1.5px solid #dde3ee;border-radius:7px;outline:none;width:100%;padding:10px 36px 10px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .16s,box-shadow .16s}.date-field-input:focus{border-color:#3b6cf4;box-shadow:0 0 0 3px #3b6cf41a}.date-field-input.error{background:#fef1f2;border-color:#e34c5a}.date-field-icon{pointer-events:none;color:#6b7490;align-items:center;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.fee-state-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0;display:grid}@media (width<=480px){.fee-state-cards{grid-template-columns:1fr}}.sfd-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .25s;position:fixed;inset:0}.sfd-backdrop--visible{opacity:1;pointer-events:auto}.sfd-drawer{z-index:1200;background:#f8fafc;flex-direction:column;width:380px;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0f172a2e,-2px 0 8px #0f172a14}.sfd-drawer--open{transform:translate(0)}.sfd-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sfd-student-info{align-items:center;gap:12px;display:flex}.sfd-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.sfd-avatar--img{object-fit:cover}.sfd-student-name{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.3}.sfd-student-meta{color:#64748b;margin:0;font-size:12px;line-height:1.3}.sfd-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.sfd-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.sfd-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.sfd-body::-webkit-scrollbar{width:4px}.sfd-body::-webkit-scrollbar-track{background:0 0}.sfd-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.sfd-section{flex-direction:column;gap:8px;display:flex}.sfd-section-header{justify-content:space-between;align-items:center;display:flex}.sfd-section-label{letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin:0;font-size:10.5px;font-weight:700}.sfd-status-badge{letter-spacing:.02em;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.sfd-status-badge--overdue{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.sfd-status-badge--clear{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.sfd-status-badge--pending{color:#ca8a04;background:#fef9c3;border:1px solid #fde68a}.sfd-snapshot-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #ef4444;border-radius:10px;padding:14px 16px}.sfd-snapshot-row{justify-content:space-between;align-items:baseline;display:flex}.sfd-snapshot-row--top{margin-bottom:4px}.sfd-snapshot-row--bottom{margin-top:8px}.sfd-snapshot-key{color:#0f172a;font-size:13.5px;font-weight:600}.sfd-snapshot-amount{color:#0f172a;font-size:16px;font-weight:700}.sfd-snapshot-subrow{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sfd-snapshot-sub{color:#64748b;font-size:11.5px}.sfd-snapshot-conc{color:#16a34a;font-size:11.5px;font-weight:500}.sfd-progress-wrap{margin-bottom:4px}.sfd-progress-track{background:#e2e8f0;border-radius:99px;height:5px;overflow:hidden}.sfd-progress-fill{background:#ef4444;border-radius:99px;height:100%;transition:width .5s}.sfd-paid{color:#64748b;font-size:12px}.sfd-balance{color:#dc2626;font-size:12.5px;font-weight:600}.sfd-dues-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sfd-due-row{justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 16px;display:flex}.sfd-due-row--bordered{border-bottom:1px solid #f1f5f9}.sfd-due-name{color:#0f172a;margin:0 0 3px;font-size:13.5px;font-weight:500}.sfd-due-date{color:#64748b;margin:0;font-size:11.5px}.sfd-due-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.sfd-due-amount{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:600}.sfd-due-fine{color:#ef4444;font-size:11.5px;font-weight:500}.sfd-dues-total-row{background:#fff5f5;border-top:1px solid #fee2e2;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.sfd-dues-total-label{color:#0f172a;font-size:13px;font-weight:700}.sfd-dues-total-amount{color:#dc2626;font-size:16px;font-weight:700}.sfd-txn-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sfd-txn-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.sfd-txn-row:last-child{border-bottom:none}.sfd-txn-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.sfd-txn-icon--green{color:#16a34a;background:#dcfce7}.sfd-txn-icon--purple{color:#7c3aed;background:#f3e8ff}.sfd-txn-icon--red{color:#dc2626;background:#fee2e2}.sfd-txn-body{flex:1;min-width:0}.sfd-txn-amount{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.sfd-txn-type{color:#374151;font-size:13px;font-weight:400}.sfd-txn-meta{color:#64748b;margin:0 0 3px;font-size:11.5px}.sfd-download-link{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:500;transition:color .15s;display:inline-flex}.sfd-download-link:hover{color:#1e40af;text-decoration:underline}.sfd-ledger-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.sfd-ledger-btn:hover{background:#f8fafc;border-color:#94a3b8}.sfd-ledger-btn .sfd-icon:last-child{color:#94a3b8;margin-left:auto}.sfd-footer{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px 16px;display:flex}.sfd-collect-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#0d9488;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:background .15s,transform .1s;display:flex}.sfd-collect-btn:hover{background:#0f766e}.sfd-collect-btn:active{transform:scale(.98)}.sfd-remind-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.sfd-remind-btn:hover{color:#0f172a;background:#f1f5f9}.sfd-icon{vertical-align:middle;align-items:center;display:inline-flex}@media (width<=420px){.sfd-drawer{border-radius:0;width:100vw}}@media print{.sfd-backdrop{display:none}.sfd-drawer{box-shadow:none;width:100%;max-height:none;position:static;transform:none}.sfd-footer,.sfd-close-btn{display:none}}:root{--receipt-primary:#1a56db;--receipt-green:#0e9f6e;--receipt-danger:#e02424;--receipt-border:#d1d5db;--receipt-bg-header:#f0f4ff;--receipt-bg-section:#f9fafb;--receipt-text:#111827;--receipt-muted:#6b7280;--receipt-white:#fff;--receipt-shadow:0 20px 60px #0000002e;--receipt-radius:12px;--font-heading:"Playfair Display", Georgia, serif;--font-body:"DM Sans", sans-serif}.frm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.25s frm-fade-in;display:flex;position:fixed;inset:0}@keyframes frm-fade-in{0%{opacity:0}to{opacity:1}}.frm-modal{background:var(--receipt-white);border-radius:var(--receipt-radius);box-shadow:var(--receipt-shadow);width:100%;max-width:820px;max-height:92vh;font-family:var(--font-body);color:var(--receipt-text);scrollbar-width:thin;scrollbar-color:#d1d5db transparent;animation:.3s cubic-bezier(.34,1.56,.64,1) frm-slide-up;overflow-y:auto}.frm-modal::-webkit-scrollbar{width:5px}.frm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}@keyframes frm-slide-up{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.frm-action-bar{border-bottom:1px solid var(--receipt-border);background:var(--receipt-bg-section);border-radius:var(--receipt-radius) var(--receipt-radius) 0 0;z-index:10;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.frm-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:filter .2s,transform .15s;display:inline-flex}.frm-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.frm-btn:active{transform:translateY(0)}.frm-btn-print{background:var(--receipt-primary);color:#fff}.frm-btn-download{background:var(--receipt-green);color:#fff}.frm-btn-close{color:var(--receipt-text);background:#e5e7eb;margin-left:auto}.frm-body{padding:28px 32px 32px}.frm-school-header{border:2px solid var(--receipt-text);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;margin-bottom:22px;padding:22px 24px 18px;display:flex}.frm-logo-wrap{background:var(--receipt-bg-header);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;display:flex}.frm-logo-wrap svg{width:30px;height:30px;color:var(--receipt-primary)}.frm-school-name{font-family:var(--font-heading);letter-spacing:.04em;color:var(--receipt-text);margin:0 0 2px;font-size:1.55rem;font-weight:700}.frm-campus{color:var(--receipt-muted);margin:0;font-size:.88rem}.frm-contact{color:var(--receipt-muted);margin:0;font-size:.8rem}.frm-divider{border:none;border-top:1px solid var(--receipt-border);width:100%;margin:14px 0 12px}.frm-receipt-title{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--receipt-text);margin:0;font-size:1.1rem;font-weight:700}.frm-meta-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.frm-meta-card{border:1px solid var(--receipt-border);border-radius:8px;padding:10px 14px}.frm-meta-label{color:var(--receipt-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem}.frm-meta-value{color:var(--receipt-text);font-size:.88rem;font-weight:600}.frm-section{border:1px solid var(--receipt-border);border-radius:8px;margin-bottom:20px;overflow:hidden}.frm-section-header{background:var(--receipt-bg-section);letter-spacing:.06em;text-transform:uppercase;color:var(--receipt-text);border-bottom:1px solid var(--receipt-border);padding:10px 16px;font-size:.82rem;font-weight:700}.frm-student-grid{grid-template-columns:1fr 1fr 1fr;gap:10px 0;padding:14px 16px;display:grid}.frm-student-field{color:var(--receipt-muted);font-size:.84rem}.frm-student-field strong{color:var(--receipt-text);font-weight:600}.frm-table-wrap{margin-bottom:20px;overflow-x:auto}.frm-fee-table{border-collapse:collapse;width:100%;font-size:.84rem}.frm-fee-table th,.frm-fee-table td{border:1px solid var(--receipt-border);text-align:center;white-space:nowrap;padding:9px 12px}.frm-fee-table th{background:var(--receipt-bg-section);letter-spacing:.03em;color:var(--receipt-text);font-size:.78rem;font-weight:700}.frm-fee-table td:nth-child(2){text-align:left}.frm-fee-table tr:hover td{background:#f0f4ff44}.frm-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.frm-summary-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:7px 16px;font-size:.84rem;display:flex}.frm-summary-row:last-child{border-bottom:none}.frm-summary-row.total-paid{background:#f0f4ff;font-size:.95rem;font-weight:700}.frm-summary-row.balance{font-weight:700}.frm-balance-zero,.frm-balance-due{color:var(--receipt-danger)}.frm-words{color:var(--receipt-muted);border-top:1px dashed var(--receipt-border);padding:10px 16px;font-size:.78rem;font-style:italic}.frm-detail-row{border-bottom:1px solid #f3f4f6;gap:6px;padding:7px 16px;font-size:.82rem;display:flex}.frm-detail-row:last-child{border-bottom:none}.frm-detail-label{color:var(--receipt-muted);flex-shrink:0;min-width:120px}.frm-detail-value{color:var(--receipt-text);font-weight:600}.frm-signature-row{border:1px solid var(--receipt-border);border-radius:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px;display:grid;overflow:hidden}.frm-sig-cell{text-align:center;border-right:1px solid var(--receipt-border);color:var(--receipt-muted);padding:18px 16px 14px;font-size:.78rem}.frm-sig-cell:last-child{border-right:none}.frm-sig-line{border-bottom:1px solid var(--receipt-text);width:70%;margin:24px auto 8px}.frm-stamp-box{border:2px dashed var(--receipt-border);border-radius:4px;width:70px;height:50px;margin:12px auto 8px}.frm-note{color:#92400e;text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:.78rem}.frm-footer{text-align:center;color:var(--receipt-muted);border-top:1px solid var(--receipt-border);padding-top:12px;font-size:.72rem;line-height:1.6}@media print{.frm-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static}.frm-modal{max-height:none;box-shadow:none;border-radius:0}.frm-action-bar{display:none}.frm-body{padding:16px}}@media (width<=700px){.frm-body{padding:16px}.frm-meta-grid,.frm-student-grid{grid-template-columns:1fr 1fr}.frm-bottom-grid,.frm-signature-row{grid-template-columns:1fr}.frm-sig-cell{border-right:none;border-bottom:1px solid var(--receipt-border)}.frm-sig-cell:last-child{border-bottom:none}.frm-school-name{font-size:1.15rem}}@media (width<=480px){.frm-meta-grid{grid-template-columns:1fr 1fr}.frm-student-grid{grid-template-columns:1fr}.frm-action-bar{flex-wrap:wrap}.frm-btn{padding:7px 12px;font-size:.78rem}}.record-payment-modal{flex-direction:column;display:flex}.record-payment-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.record-payment-title-wrap{align-items:center;gap:1rem;display:flex}.record-payment-icon{color:#3b82f6;background-color:#eff6ff;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem;display:flex}.record-payment-title{color:#1e293b;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.record-payment-subtitle{color:#64748b;margin:0;font-size:.875rem}.record-payment-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.record-payment-close:hover{color:#ef4444;background-color:#f1f5f9}.record-payment-form{flex-direction:column;gap:1.25rem;padding:.8rem;display:flex}.record-payment-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.record-payment-field{flex-direction:column;gap:.5rem;display:flex}.record-payment-field label{color:#334155;font-size:.875rem;font-weight:500}.record-payment-field .required{color:#ef4444}.record-payment-input,.record-payment-select,.record-payment-textarea{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.record-payment-textarea{resize:vertical}.record-payment-input:focus,.record-payment-select:focus,.record-payment-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.record-payment-info-box{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.record-payment-info-box p{margin:0;font-size:.875rem;line-height:1.4}.record-payment-info-box svg{flex-shrink:0;margin-top:.125rem}.record-payment-footer{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.record-payment-btn-cancel,.record-payment-btn-save{cursor:pointer;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s}.record-payment-btn-cancel{color:#64748b;background-color:#fff;border:1px solid #cbd5e1}.record-payment-btn-cancel:hover{color:#475569;background-color:#f8fafc}.record-payment-btn-save{color:#fff;background-color:#3b82f6;border:none}.record-payment-btn-save:hover:not(:disabled){background-color:#2563eb}.record-payment-btn-save:disabled{cursor:not-allowed;opacity:.7;background-color:#94a3b8}.record-payment-checkbox-list{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;flex-direction:column;gap:.5rem;max-height:60px;padding:.2rem;display:flex;overflow-y:auto}.record-payment-checkbox-item{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.record-payment-checkbox-item:hover{background-color:#f1f5f9;border-color:#cbd5e1}.record-payment-cb-label{color:#334155;flex-grow:1;font-size:.875rem;font-weight:500}.record-payment-cb-amount{color:#1e293b;font-size:.875rem;font-weight:600}.record-payment-empty{text-align:center;color:#64748b;padding:1rem;font-size:.875rem}.sta_page{box-sizing:border-box;flex-direction:column;gap:24px;min-height:100%;display:flex}.sta_statGrid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.sta_chartsRow{grid-template-columns:1fr 420px;align-items:stretch;gap:16px;display:grid}.sta_funnelWrap,.sta_donutWrap{flex-direction:column;min-width:0;display:flex}.sta_funnelWrap>*,.sta_donutWrap>*{flex-direction:column;flex:1;display:flex}.sta_donutWrap .donut-body{flex:1;justify-content:center;align-items:center;display:flex}.sta_funnelWrap .funnel-chart{flex:1}.sta_section{width:100%}@media (width<=1100px){.sta_statGrid{grid-template-columns:repeat(3,1fr)}.sta_chartsRow{grid-template-columns:1fr}.sta_funnelWrap,.sta_donutWrap{width:100%}.sta_donutWrap>*{width:100%;max-width:460px;margin:0 auto}}@media (width<=640px){.sta_page{gap:16px;padding:16px 12px}.sta_statGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.sta_statGrid{grid-template-columns:1fr}}.add-student-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;display:flex}.add-student-modal-title{color:#111827;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.add-student-modal-subtitle{color:#6b7280;margin:4px 0 0;font-size:.875rem}.add-student-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.add-student-modal-close:hover{color:#111827;background:#f3f4f6}.add-student-modal-body{flex-direction:column;gap:24px;max-height:70vh;padding:32px;display:flex;overflow-y:auto}.add-student-modal-body::-webkit-scrollbar{width:6px}.add-student-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.form-section-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;margin:0 0 16px;padding-bottom:8px;font-size:.9rem;font-weight:600}.add-student-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.add-student-field{flex-direction:column;gap:6px;display:flex}.add-student-label{color:#374151;font-size:.875rem;font-weight:500}.add-student-label .required-star{color:#ef4444;margin-left:2px}.add-student-input{color:#111827;background-color:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s}.add-student-input::placeholder{color:#9ca3af}.add-student-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.add-student-input.error{background-color:#fef2f2;border-color:#ef4444}.add-student-input.error:focus{box-shadow:0 0 0 4px #ef44441a}.field-error-msg{color:#ef4444;align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}.add-student-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}@media (width<=640px){.add-student-row{grid-template-columns:1fr}}.spCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.spBanner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);height:72px}.spCardBody{align-items:flex-end;gap:20px;margin-top:-36px;padding:0 24px 20px;display:flex}.spAvatarWrap{flex-shrink:0;position:relative}.spAvatar{background:#e2e8f0;border:3px solid #fff;border-radius:12px;width:84px;height:84px;overflow:hidden;box-shadow:0 4px 12px #0000001f}.spAvatarImg{object-fit:cover;background-color:#f8fafc;width:100%;height:100%}.spAvatarFallback{color:#94a3b8;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:700;display:flex}.spCameraBtn{color:#fff;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .18s,transform .18s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #3b82f64d}.spCameraBtn:hover{background:#2563eb;transform:scale(1.1)}.spInfo{flex-direction:column;flex:1;gap:8px;padding-bottom:2px;display:flex}.spNameRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spName{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800}.spMetaRow{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.spMetaItem{color:#64748b;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.spMetaItem svg{color:#94a3b8;flex-shrink:0}.spBadge{border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600}.spBadge_active{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.spBadge_inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.spBadge_graduated{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.spBadge_withdrawn{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}@media (width<=640px){.spCardBody{flex-direction:column;align-items:flex-start;margin-top:-28px;padding:0 16px 16px}.spAvatar{width:72px;height:72px}.spBtnPrint span,.spBtnPrint,.spBtnManage{padding:8px 12px;font-size:12px}.spMetaRow{gap:12px}.spMetaItem{font-size:12px}.spPageHeader{flex-direction:column;align-items:flex-start}}@media (width<=400px){.spActions{flex-wrap:wrap}}.spdm-header{border-bottom:1px solid var(--color-border,#e5e7eb);align-items:flex-start;gap:14px;padding:22px 26px 18px;display:flex}.spdm-header-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #1d4ed82e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 8px #1d4ed81f}.spdm-header-text{flex:1;min-width:0}.spdm-title{color:var(--color-text,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.25}.spdm-subtitle{color:var(--color-text-lighter,#6b7280);margin:4px 0 0;font-size:13px}.spdm-close-btn{cursor:pointer;width:34px;height:34px;color:var(--color-text-lighter,#6b7280);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:background .18s,color .18s;display:flex}.spdm-close-btn:hover{color:var(--color-text,#111827);background:#f3f4f6}.spdm-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:0;padding:0 26px;display:flex}.spdm-tab{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;padding:13px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .18s,border-color .18s,background .18s;display:flex;position:relative}.spdm-tab:hover{color:#1d4ed8;background:#1d4ed80a}.spdm-tab--active{color:#1d4ed8;background:#1d4ed80d;border-bottom-color:#1d4ed8;font-weight:600}.spdm-tab--done{color:#059669}.spdm-tab--done .spdm-tab-step{color:#fff;background:#059669;border-color:#059669}.spdm-tab-step{color:#6b7280;background:#e5e7eb;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.spdm-tab--active .spdm-tab-step{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.spdm-tab-label{font-size:13px}.spdm-body{max-height:58vh;padding:20px 26px 6px;overflow-y:auto}.spdm-body::-webkit-scrollbar{width:5px}.spdm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.spdm-tab-content{flex-direction:column;gap:6px;display:flex}.spdm-section-label{letter-spacing:.07em;text-transform:uppercase;color:#1d4ed8;align-items:center;gap:8px;margin-top:14px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.spdm-section-label:after{content:"";background:linear-gradient(90deg,#1d4ed833 0%,#0000 100%);flex:1;height:1px}.spdm-section-label--payroll{color:#7c3aed}.spdm-section-label--payroll:after{background:linear-gradient(90deg,#7c3aed33 0%,#0000 100%)}.spdm-section-label--bank{color:#0891b2}.spdm-section-label--bank:after{background:linear-gradient(90deg,#0891b233 0%,#0000 100%)}.spdm-section-label--statutory{color:#b45309}.spdm-section-label--statutory:after{background:linear-gradient(90deg,#b4530933 0%,#0000 100%)}.spdm-grid{gap:14px;display:grid}.spdm-grid--1{grid-template-columns:1fr}.spdm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.spdm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.spdm-field{flex-direction:column;gap:5px;display:flex}.spdm-label{color:var(--color-text,#374263);font-size:13px;font-weight:500;line-height:1.3}.spdm-required{color:#ef4444}.spdm-error{color:#ef4444;margin-top:1px;font-size:11.5px}.spdm-input{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;height:40px;color:var(--color-text,#111827);box-sizing:border-box;border-radius:8px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.spdm-input::placeholder{color:#9ca3af}.spdm-input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.spdm-input.error{border-color:#ef4444}.spdm-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.spdm-input--net{color:#059669;background:#05966908;border-color:#05966959 #05966959 #05966959 currentColor;border-left-style:none;border-left-width:medium;border-radius:0 8px 8px 0;flex:1;height:42px;font-size:15px;font-weight:600}.spdm-input--net:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.spdm-textarea{border:1px solid var(--color-border,#d1d5db);background:var(--color-bg,#fff);width:100%;color:var(--color-text,#111827);resize:vertical;box-sizing:border-box;border-radius:8px;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.spdm-textarea::placeholder{color:#9ca3af}.spdm-textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.spdm-salary-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px;display:grid}.spdm-salary-col{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.spdm-salary-col--earnings{background:#05966905;border-color:#05966933}.spdm-salary-col--deductions{background:#ef444405;border-color:#ef444433}.spdm-salary-col-header{letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.spdm-salary-col-header--earnings{color:#059669;background:#0596690f;border-color:#05966926}.spdm-salary-col-header--deductions{color:#dc2626;background:#ef44440f;border-color:#ef444426}.spdm-salary-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.spdm-salary-dot--green{background:#059669}.spdm-salary-dot--red{background:#dc2626}.spdm-salary-fields{flex-direction:column;gap:12px;padding:14px;display:flex}.spdm-net-salary-bar{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #05966940;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 4px;padding:14px 18px;display:flex}.spdm-net-salary-info{flex-direction:column;gap:2px;display:flex}.spdm-net-salary-label{color:#059669;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.spdm-net-salary-hint{color:#6b7280;font-size:11.5px}.spdm-net-salary-field{flex:0 0 220px;align-items:center;max-width:220px;display:flex}.spdm-net-salary-prefix{color:#059669;background:#0596691f;border:1px solid #05966959;border-right:none;border-radius:8px 0 0 8px;align-items:center;height:42px;padding:0 10px;font-size:16px;font-weight:700;display:flex}.spdm-footer{border-top:1px solid var(--color-border,#e5e7eb);background:#f9fafb;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;display:flex}.spdm-footer-right{align-items:center;gap:10px;display:flex}.spdm-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.spdm-btn:disabled{opacity:.6;cursor:not-allowed}.spdm-btn--primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 2px 8px #1d4ed840}.spdm-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed859}.spdm-btn--outline{color:#374151;background:0 0;border:1px solid #d1d5db}.spdm-btn--outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.spdm-btn--ghost{color:#1d4ed8;background:0 0;border:1px solid #1d4ed84d}.spdm-btn--ghost:hover:not(:disabled){background:#1d4ed80f;border-color:#1d4ed8}@media (width<=720px){.spdm-grid--2,.spdm-grid--3,.spdm-salary-grid{grid-template-columns:1fr}.spdm-header{padding:18px 18px 14px}.spdm-body{padding:16px 18px 6px}.spdm-tabs{padding:0 18px;overflow-x:auto}.spdm-tab-label{display:none}.spdm-footer{flex-direction:column-reverse;align-items:stretch;padding:14px 18px}.spdm-footer-right{flex-direction:column}.spdm-btn{justify-content:center;width:100%}.spdm-net-salary-bar{flex-direction:column;align-items:flex-start;gap:10px}.spdm-net-salary-field{flex:1;width:100%;max-width:100%}}.spdm-api-banner{border-radius:8px;align-items:center;gap:8px;margin:0 26px 4px;padding:10px 16px;font-size:13px;font-weight:500;animation:.22s spdm-fade-in;display:flex}.spdm-api-banner--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.spdm-api-banner--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.spdm-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spdm-spin;display:inline-block}@keyframes spdm-spin{to{transform:rotate(360deg)}}.personal-tab-container{color:#1e293b;flex-direction:column;gap:24px;font-family:inherit;display:flex}.pt-header-section{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.pt-header-title-container{align-items:center;gap:8px;display:flex}.pt-header-icon{color:#4f46e5}.pt-header-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:600}.pt-header-subtitle{color:#64748b;margin:4px 0 0 32px;font-size:.875rem}.pt-edit-btn{color:#4f46e5;cursor:pointer;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pt-edit-btn:hover{background-color:#e0e7ff}.pt-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pt-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pt-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #0000000d}.pt-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pt-card-title-group{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.pt-card-icon{color:#6366f1}.pt-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.pt-detail-row:last-child{border-bottom:none;padding-bottom:0}.pt-detail-label{color:#64748b;font-size:.875rem}.pt-detail-value{color:#0f172a;text-align:right;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.pt-badge{border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:600}.pt-badge-red{color:#dc2626;background-color:#fee2e2}.pt-badge-blue{color:#4338ca;background-color:#e0e7ff}.pt-badge-green{color:#16a34a;background-color:#dcfce7;border:1px solid #bbf7d0}.pt-badge-gray{color:#475569;background-color:#f1f5f9}.pt-residence-block{background-color:#f8fafc;border-radius:6px;flex-direction:column;gap:8px;padding:16px;display:flex}.pt-address-line{color:#1e293b;font-size:.875rem;font-weight:600}.pt-address-sub{color:#64748b;font-size:.8rem;display:block}.pt-contact-line{color:#64748b;align-items:center;gap:8px;margin-top:12px;font-size:.875rem;display:flex}.pt-contact-val{color:#0f172a;font-weight:600}.pt-transport-block{background-color:#f8fafc;border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.pt-info-col{flex-direction:column;gap:4px;display:flex}.pt-info-label{color:#64748b;font-size:.75rem}.pt-info-value{color:#0f172a;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.pt-hostel-desc{color:#64748b;background-color:#f8fafc;border-radius:6px;align-items:center;min-height:80px;padding:16px;font-size:.875rem;font-style:italic;display:flex}@media (width<=1024px){.pt-grid-3,.pt-grid-2{grid-template-columns:1fr}}.parents-tab-container{color:#1e293b;flex-direction:column;gap:24px;font-family:inherit;display:flex}.pt-parents-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.pt-parent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:relative;box-shadow:0 1px 3px #0000000a}.pt-primary-badge{color:#fff;letter-spacing:.5px;background-color:#4f46e5;border-bottom-right-radius:6px;border-bottom-left-radius:6px;padding:6px 12px;font-size:.7rem;font-weight:700;position:absolute;top:0;right:16px}.pt-parent-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.pt-avatar{color:#4f46e5;background-color:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.pt-parent-name{color:#0f172a;margin:0 0 4px;font-size:1.125rem;font-weight:700}.pt-parent-relation{color:#4f46e5;margin:0;font-size:.875rem;font-weight:500}.pt-parent-details{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.pt-detail-item{align-items:flex-start;gap:12px;display:flex}.pt-detail-icon{color:#94a3b8;margin-top:2px}.pt-detail-icon.green{color:#10b981}.pt-detail-text{color:#475569;font-size:.875rem}.pt-detail-text.link{color:#6366f1}.pt-detail-text strong{color:#334155;font-weight:600}.pt-workplace{color:#64748b;margin-top:4px;font-size:.8rem}.pt-emergency-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.pt-subscriptions-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.pt-subs-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.pt-subs-icon{color:#6366f1}.pt-subs-title{color:#1e293b;margin:0;font-size:.9rem;font-weight:700}.pt-subs-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pt-sub-card{background-color:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.pt-sub-card-header{justify-content:space-between;align-items:center;display:flex}.pt-sub-card-title{color:#0f172a;font-size:.875rem;font-weight:600}.pt-sub-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}.pt-sub-desc{color:#64748b;font-size:.8rem;line-height:1.4}@media (width<=1024px){.pt-parents-grid,.pt-subs-grid{grid-template-columns:1fr}}.fees-tab-container{color:#1e293b;flex-direction:column;gap:24px;font-family:inherit;display:flex}.ft-summary-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ft-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.ft-summary-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ft-icon-blue{color:linear-gradient(135deg, #1d4ed8, #2563eb);background-color:#e0e7ff}.ft-icon-green{color:#10b981;background-color:#dcfce7}.ft-icon-orange{color:#f97316;background-color:#ffedd5}.ft-summary-details{flex-direction:column;gap:4px;display:flex}.ft-summary-label{color:#64748b;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:500}.ft-summary-value{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.ft-action-bar{justify-content:flex-end;gap:12px;display:flex}.ft-btn{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.ft-btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none}.ft-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.ft-btn-secondary{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.ft-btn-secondary:hover{background-color:#f1f5f9}.ft-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 15px 5px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ft-section-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 24px;display:flex}.ft-section-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.ft-table-wrapper{overflow-x:auto}.ft-table{border-collapse:collapse;text-align:left;width:100%}.ft-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 24px;font-size:.875rem;font-weight:600}.ft-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.875rem}.ft-table tr:last-child td{border-bottom:none}.ft-table tr:hover td{background-color:#f8fafc}.ft-amount{font-family:monospace;font-weight:600}.ft-action-icon{color:#64748b;cursor:pointer;border-radius:4px;padding:6px;transition:all .2s}.ft-action-icon:hover{color:#0f172a;background-color:#e2e8f0}.ft-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.ft-status-paid{color:#16a34a;background-color:#dcfce7}.ft-status-pending{color:#ca8a04;background-color:#fef9c3}.ft-status-overdue{color:#dc2626;background-color:#fee2e2}@media (width<=1024px){.ft-summary-grid{grid-template-columns:1fr}}.generate-receipt-modal{flex-direction:column;display:flex}.generate-receipt-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.generate-receipt-title-wrap{align-items:center;gap:1rem;display:flex}.generate-receipt-icon{color:#16a34a;background-color:#f0fdf4;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem;display:flex}.generate-receipt-title{color:#1e293b;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.generate-receipt-subtitle{color:#64748b;margin:0;font-size:.875rem}.generate-receipt-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.generate-receipt-close:hover{color:#ef4444;background-color:#f1f5f9}.generate-receipt-form{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.generate-receipt-field{flex-direction:column;gap:.5rem;display:flex}.generate-receipt-field label{color:#334155;font-size:.875rem;font-weight:500}.generate-receipt-field .required{color:#ef4444}.generate-receipt-select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.generate-receipt-select:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.generate-receipt-footer{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.generate-receipt-btn-cancel,.generate-receipt-btn-save{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.generate-receipt-btn-cancel{color:#64748b;background-color:#fff;border:1px solid #cbd5e1}.generate-receipt-btn-cancel:hover{color:#475569;background-color:#f8fafc}.generate-receipt-btn-save{color:#fff;background-color:#16a34a;border:none}.generate-receipt-btn-save:hover:not(:disabled){background-color:#15803d}.generate-receipt-btn-save:disabled{cursor:not-allowed;opacity:.7;background-color:#94a3b8}.attendance__layout{box-sizing:border-box;align-items:flex-start;gap:30px;width:100%;padding:20px 0;display:flex}.attendance__calendar{flex:0 0 60%;min-width:0}.attendance__mark{flex:auto;min-width:0}@media (width<=900px){.attendance__layout{flex-direction:column}.attendance__calendar,.attendance__mark{flex:unset;width:100%}}@media (width<=480px){.attendance__layout{gap:14px;padding:12px}}.ahtLayout{grid-template-columns:1fr 280px;align-items:start;gap:20px;font-family:Segoe UI,system-ui,sans-serif;display:grid}.ahtMain{flex-direction:column;gap:16px;display:flex}.ahtSidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}@media (width<=900px){.ahtLayout{grid-template-columns:1fr}.ahtSidebar{position:static}}.piCard{font-family:var(--font-family-primary);background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;box-shadow:0 1px 4px #0000000a}.piHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.piHeadLeft{color:#475569;align-items:center;gap:8px;display:flex}.piTitle{color:#0f172a;font-size:14.5px;font-weight:700}.piAddBtn{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:5px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:background .16s;display:flex}.piAddBtn:hover{background:#dbeafe}.piDivider{background:#f1f5f9;height:1px;margin-bottom:8px}.piList{flex-direction:column;display:flex}.piEntry{grid-template-columns:28px 1fr;gap:0 12px;padding-bottom:8px;display:grid}.piEntry_last{padding-bottom:0}.piTimeline{flex-direction:column;align-items:center;padding-top:6px;display:flex}.piDot{background:#fff;border:2.5px solid #3b82f6;border-radius:50%;flex-shrink:0;width:12px;height:12px}.piLine{background:#dbeafe;flex:1;width:2px;min-height:20px;margin-top:4px}.piEntryCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:14px 16px}.piEntry_last .piEntryCard{margin-bottom:0}.piEntryHeader{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.piEntryLeft{flex-direction:column;gap:5px;display:flex}.piEntryName{color:#1e293b;font-size:14px;font-weight:700}.piEntryMeta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.piMetaItem{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}.piMetaItem svg{flex-shrink:0}.piVerifiedBadge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11.5px;font-weight:700}.piGradeBand{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.piGradeLeft{flex-direction:column;gap:3px;display:flex}.piGradeLabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.piGradeValue{color:#1e293b;font-size:15px;font-weight:700}.piTranscriptBtn{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .16s;display:flex}.piTranscriptBtn:hover{background:#eff6ff}.piEmpty{text-align:center;color:#94a3b8;padding:24px 0;font-size:13px}@media (width<=520px){.piCard{padding:16px}.piEntry{grid-template-columns:20px 1fr}.piEntryHeader{flex-direction:column}}.aptCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;font-family:Segoe UI,system-ui,sans-serif;box-shadow:0 1px 4px #0000000a}.aptHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.aptHeadLeft{color:#475569;align-items:center;gap:8px;display:flex}.aptTitle{color:#0f172a;font-size:14.5px;font-weight:700}.aptExportBtn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:5px 14px;font-size:12.5px;font-weight:600;display:flex}.aptExportBtn:hover{background:#f1f5f9}.aptTableWrap{overflow-x:auto}.aptTable{border-collapse:collapse;width:100%;font-size:13px}.aptTable thead tr{border-bottom:2px solid #f1f5f9}.aptTable th{text-align:left;color:#94a3b8;white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.aptTable td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px}.aptTable tbody tr:last-child td{border-bottom:none}.aptTable tbody tr:hover td{background:#fafbfc}.aptRow_detained td{background:#fff5f5}.aptRow_detained:hover td{background:#fef2f2!important}.aptYearCell{white-space:nowrap;font-weight:600}.aptTermCell{color:#64748b}.aptPctCell{font-weight:700}.aptPctCell_fail{color:#ef4444}.aptActionCell{text-align:center}.aptIconBtn{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.aptIconBtn:hover{color:#475569;background:#f1f5f9}.aptBadge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.aptBadge_progress{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.aptBadge_promoted{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.aptBadge_detained{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.csCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;font-family:Segoe UI,system-ui,sans-serif;box-shadow:0 1px 4px #0000000a}.csHeader{margin-bottom:14px}.csTitle{color:#0f172a;font-size:14px;font-weight:700}.csDivider{background:#f1f5f9;height:1px;margin-bottom:14px}.csGrid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.csTile{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.csTileLabel{color:#64748b;font-size:11.5px;font-weight:600}.csTileValue{color:#0f172a;font-size:1.6rem;font-weight:800;line-height:1}.csTileSmall{color:#94a3b8;font-size:1rem;font-weight:600}.csNote{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:6px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.csNote svg{color:#94a3b8;flex-shrink:0;margin-top:1px}.adCard{font-family:var(--font-family-primary),system-ui,sans-serif;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 1px 4px #0000000a}.adHeader{margin-bottom:14px}.adTitle{color:#0f172a;font-size:14px;font-weight:700}.adDivider{background:#f1f5f9;height:1px;margin-bottom:4px}.adList{flex-direction:column;display:flex}.adRow{border-bottom:1px solid #f8fafc;border-radius:8px;grid-template-columns:36px 1fr 32px;align-items:center;gap:10px;padding:12px 4px;display:grid}.adRow:hover{background:#f8fafc}.adRow_last{border-bottom:none}.adDocIcon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.adDocInfo{flex-direction:column;gap:3px;min-width:0;display:flex}.adDocName{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.adDocMeta{color:#94a3b8;font-size:11.5px}.adDownloadBtn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.adDownloadBtn:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.adUploadBtn{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:600;display:flex}.adUploadBtn:hover{background:#dbeafe;border-color:#3b82f6}.escCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;box-shadow:0 1px 4px #0000000a}.escHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.escHeadLeft{align-items:center;gap:8px;display:flex}.escTitle{color:#0f172a;font-size:14px;font-weight:700}.escViewBtn{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:6px 16px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s}.escViewBtn:hover{background:#f8fafc;border-color:#cbd5e1}.escViewBtn:active{background:#f1f5f9}.escList{flex-direction:column;display:flex}.escRow{border-bottom:1px solid #f8fafc;grid-template-columns:44px 1fr auto auto;align-items:center;gap:0 14px;padding:14px 20px;transition:background .14s;display:grid}.escRow:hover{background:#fafbff}.escRow--last{border-bottom:none}.escSubjectIcon{color:#3b82f6;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.escSubjectInfo{flex-direction:column;gap:3px;min-width:0;display:flex}.escSubjectName{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.escTeacher{color:#94a3b8;font-size:12px;font-weight:500}.escColLabel{color:#94a3b8;text-align:right;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.escAttendanceCol{flex-direction:column;align-items:flex-end;min-width:80px;display:flex}.escAttendanceVal{color:#1e293b;margin-bottom:5px;font-size:15px;font-weight:800;line-height:1}.escBarTrack{background:#e2e8f0;border-radius:99px;width:72px;height:4px;overflow:hidden}.escBarFill{border-radius:99px;height:100%;transition:width .5s}.escGradeCol{flex-direction:column;align-items:flex-end;min-width:44px;display:flex}.escGradeVal{font-size:16px;font-weight:800;line-height:1}.escEmpty{text-align:center;color:#94a3b8;margin:0;padding:28px 20px;font-size:13px}@media (width<=768px){.escRow{gap:0 10px;padding:12px 14px}.escBarTrack{width:56px}}@media (width<=560px){.escRow{grid-template-columns:36px 1fr auto auto;gap:0 8px;padding:10px 12px}.escSubjectIcon{border-radius:9px;width:36px;height:36px}.escSubjectName{font-size:12.5px}.escTeacher{display:none}.escAttendanceVal{font-size:13.5px}.escBarTrack{width:48px}.escGradeVal{font-size:14px}.escColLabel{font-size:10px}}@media (width<=380px){.escRow{grid-template-rows:auto auto;grid-template-columns:36px 1fr}.escAttendanceCol,.escGradeCol{flex-direction:row;grid-column:2;align-items:center;gap:8px}.escColLabel{margin-bottom:0}}.dat-card{color:#1e293b;background:#fff;border:1px solid #e8edf3;border-radius:12px;font-family:Inter,DM Sans,sans-serif;font-size:.875rem;overflow:hidden}.dat-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.dat-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.dat-meta{color:#94a3b8;font-size:.78rem}.dat-filters{background:#f8fafc;border-bottom:1px solid #e8edf3;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 20px;display:flex}.dat-filter-group{flex-direction:column;display:flex}.dat-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;margin-bottom:4px;font-size:.72rem;font-weight:600}.dat-search-wrap{align-items:center;display:flex;position:relative}.dat-search-wrap svg{color:#94a3b8;pointer-events:none;position:absolute;left:11px}.dat-search{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-width:260px;height:38px;padding:0 14px 0 36px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.dat-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-search::placeholder{color:#cbd5e1}.dat-select-wrap{align-items:center;display:flex;position:relative}.dat-select{color:#1e293b;appearance:none;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:120px;height:38px;padding:0 36px 0 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.dat-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-select-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;right:10px}.dat-table-wrap{overflow-x:auto}.dat-table{border-collapse:collapse;width:100%}.dat-thead{background:#f8fafc}.dat-th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e8edf3;padding:10px 16px;font-size:.72rem;font-weight:700}.dat-th.sortable{cursor:pointer}.dat-th.sortable:hover{color:#2563eb}.dat-th-inner{align-items:center;gap:5px;display:flex}.dat-sort-icon{color:#cbd5e1;align-items:center;display:flex}.dat-sort-icon.active{color:#2563eb}.dat-th-check{width:44px}.dat-tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.dat-tr:last-child{border-bottom:none}.dat-tr:hover{background:#f8fafc}.dat-tr.dat-selected{background:#eff6ff}.dat-td{color:#334155;vertical-align:middle;padding:13px 16px;font-size:.87rem}.dat-td-check{width:44px}.dat-checkbox{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.dat-avatar-cell{align-items:center;gap:10px;display:flex}.dat-avatar-wrap{border-radius:50%;flex-shrink:0;width:34px;height:34px;overflow:hidden}.dat-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.dat-avatar-fallback{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.dat-stack-cell{flex-direction:column;gap:2px;display:flex}.dat-cell-main{color:#0f172a;font-size:.88rem;font-weight:500}.dat-cell-sub{color:#94a3b8;font-size:.76rem}.dat-actions{align-items:center;gap:4px;display:flex}.dat-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s;display:flex}.dat-icon-btn:hover{color:#1e293b;background:#f1f5f9}.dat-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:3px 9px;font-size:.73rem;font-weight:600;display:inline-flex}.dat-badge.active{color:#15803d;background:#dcfce7}.dat-badge.inactive{color:#dc2626;background:#fee2e2}.dat-badge.pending{color:#d97706;background:#fef3c7}.dat-badge.completed{color:#15803d;background:#dcfce7}.dat-badge.science{color:#2563eb;background:#dbeafe}.dat-badge.maths{color:#7c3aed;background:#f3e8ff}.dat-badge.english{color:#0891b2;background:#cffafe}.dat-status-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.dat-pill{color:#94a3b8;-webkit-user-select:none;user-select:none;cursor:default;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.72rem;font-weight:700;transition:all .14s cubic-bezier(.16,1,.3,1);display:flex}.dat-pill--editable{cursor:pointer}.dat-pill--readonly{cursor:default}.dat-pill--editable:hover:not(.dat-pill--selected){color:#475569;background:#e8edf3;border-color:#94a3b8}.dat-pill--P.dat-pill--selected{color:#16a34a;background:#dcfce7;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a21}.dat-pill--A.dat-pill--selected{color:#dc2626;background:#fee2e2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262621}.dat-pill--L.dat-pill--selected{color:#2563eb;background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb21}.dat-pill--H.dat-pill--selected{color:#d97706;background:#fef3c7;border-color:#d97706;box-shadow:0 0 0 3px #d9770621}.dat-pill--HD.dat-pill--selected{color:#7c3aed;background:#f3e8ff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed21}.dat-pill--LT.dat-pill--selected{color:#0891b2;background:#cffafe;border-color:#0891b2;box-shadow:0 0 0 3px #0891b221}.dat-remark{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;outline:none;width:100%;max-width:240px;height:34px;padding:0 10px;font-family:inherit;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.dat-remark:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dat-remark::placeholder{color:#cbd5e1}.dat-remark-readonly{color:#475569;font-size:.84rem}.dat-empty{text-align:center;color:#94a3b8;padding:48px 16px;font-size:.9rem}.dat-tr--dirty{background:#e7f0f9;border-left:3px solid #5582f5}.dat-tr--dirty:hover{background:#e7f0f9}.dat-td-save{white-space:nowrap;min-width:110px}.dat-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex;box-shadow:0 1px 4px #2563eb40}.dat-save-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb4d}.dat-save-btn:active:not(:disabled){transform:translateY(0)}.dat-save-btn:disabled{opacity:.65;cursor:not-allowed}.dat-save-btn--saving{cursor:wait;background:#3b82f6}.dat-save-btn--saved{color:#15803d;box-shadow:none;cursor:default;pointer-events:none;background:#dcfce7;border:1px solid #bbf7d0}.dat-save-btn--saved:hover{transform:none}@media (width<=768px){.dat-filters{gap:10px;padding:12px 14px}.dat-search{min-width:160px}.dat-select{min-width:100px}.dat-th,.dat-td{padding:10px 12px}.dat-pill{width:28px;height:28px;font-size:.68rem}.dat-remark{max-width:160px}.dat-header{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=480px){.dat-filters{flex-direction:column}.dat-filter-group,.dat-select{width:100%}.dat-pill{width:26px;height:26px;font-size:.65rem}.dat-search{min-width:unset}}.dat-bulk-actions{background:#fdfdfd;border-bottom:1px solid #e8edf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.dat-bulk-actions-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dat-bulk-actions-right{align-items:center;gap:10px;display:flex}.dat-bulk-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.dat-bulk-buttons{flex-wrap:wrap;gap:8px;display:flex}.dat-bulk-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:42px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.dat-bulk-btn--P{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.dat-bulk-btn--P:hover{background:#dcfce7;border-color:#86efac}.dat-bulk-btn--P:active{background:#bbf7d0}.dat-bulk-btn--A{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dat-bulk-btn--A:hover{background:#fee2e2;border-color:#fca5a5}.dat-bulk-btn--A:active{background:#fecaca}.dat-bulk-btn--L{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.dat-bulk-btn--L:hover{background:#dbeafe;border-color:#93c5fd}.dat-bulk-btn--L:active{background:#bfdbfe}.dat-bulk-btn--H{color:#d97706;background:#fffbeb;border-color:#fde68a}.dat-bulk-btn--H:hover{background:#fef3c7;border-color:#fcd34d}.dat-bulk-btn--H:active{background:#fde68a}.dat-bulk-btn--HD{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.dat-bulk-btn--HD:hover{background:#f3e8ff;border-color:#d8b4fe}.dat-bulk-btn--HD:active{background:#e9d5ff}.dat-bulk-btn--LT{color:#0891b2;background:#ecfeff;border-color:#cffafe}.dat-bulk-btn--LT:hover{background:#cffafe;border-color:#a5f3fc}.dat-bulk-btn--LT:active{background:#cffafe}.dat-bulk-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;box-shadow:0 1px 3px #2563eb33}.dat-bulk-save-btn:hover{background:#1d4ed8;box-shadow:0 2px 5px #2563eb4d}.dat-bulk-save-btn:active{background:#1e40af}.dat-bulk-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.dat-bulk-reset-btn:hover{color:#475569;background:#f8fafc}.dat-bulk-reset-btn:active{background:#f1f5f9}@media (width<=600px){.dat-bulk-actions{flex-direction:column;align-items:stretch;gap:10px}.dat-bulk-actions-right{justify-content:flex-end}}.attendance-page{width:100%}.attendance-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:clamp(14px,1.8vw,20px);margin-top:20px;margin-bottom:24px;display:grid}.attendance-toggle{flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:20px;display:flex}.attendance-toggle-btn{cursor:pointer;color:#374151;white-space:nowrap;background-color:#e5e7eb;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .25s}.attendance-toggle-btn.active{color:#fff;background-color:#3b82f6;font-weight:600}.attendance-toggle-btn:hover{opacity:.95}.attendance-content{width:100%;min-width:0}@media (width<=1024px){.attendance-page{padding:18px}.attendance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=768px){.attendance-page{padding:16px}.attendance-stats-grid{grid-template-columns:1fr;gap:14px;margin-top:16px;margin-bottom:20px}.attendance-toggle{gap:8px;margin-top:16px;margin-bottom:16px}.attendance-toggle-btn{text-align:center;flex:calc(50% - 4px);justify-content:center}}@media (width<=480px){.attendance-page{padding:12px}.attendance-toggle{flex-direction:column}.attendance-toggle-btn{flex:100%;width:100%;padding:11px 14px;font-size:14px}}.pq-negative-marks{color:#ef4444;margin-left:8px;font-size:13px}.pq-text.mcq-text{margin-bottom:12px}.pq-text{margin-bottom:0}.pq-options{color:#475569;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;display:grid}.cem-form{flex-direction:column;height:100%;display:flex}.cem-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cem-form-group{flex-direction:column;gap:6px;display:flex}.cem-full-width{grid-column:1/-1}.cem-label{color:#475569;font-size:14px;font-weight:500}.cem-required{color:#ef4444;margin-left:2px}.cem-input,.cem-select,.cem-textarea{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.cem-input:focus,.cem-select:focus,.cem-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cem-textarea{resize:vertical;min-height:80px}.cem-questions-tab{flex-direction:column;gap:20px;display:flex}.cem-question-mode-toggle{background-color:#f1f5f9;border-radius:8px;padding:4px;display:flex}.cem-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.cem-mode-btn.active{color:#3b82f6;background-color:#fff;box-shadow:0 1px 3px #0000001a}.cem-mode-btn:hover:not(.active){color:#475569}.cem-create-question-form,.cem-bank-selection{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.cem-bank-filters{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.cem-bank-list-placeholder{color:#94a3b8;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:200px;font-weight:500;display:flex}.mt-4{margin-top:1rem}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.info-card-header{color:#334155;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:16px 20px;display:flex}.info-card-header h3{margin:0;font-size:16px;font-weight:600}.info-card-content{flex-direction:column;gap:16px;padding:20px;display:flex}.info-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#64748b;font-size:14px;font-weight:500}.info-value{color:#0f172a;font-size:14px;font-weight:600}.epm-overlay{z-index:1100;background-color:#0f172a80;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.epm-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.epm-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.epm-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:600}.epm-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.epm-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.epm-body{background-color:#f8fafc;flex:1;padding:24px;overflow-y:auto}.epm-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exam-builder-container{background-color:#f8fafc;flex-direction:column;height:100vh;display:flex}.exam-builder-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.back-btn{cursor:pointer;color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.back-btn:hover{color:#1e293b;background-color:#f1f5f9}.exam-builder-content{flex:1;gap:20px;padding:20px;display:flex;overflow:hidden}.exam-builder-left,.exam-builder-right{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.exam-builder-left{flex:1;max-width:45%}.exam-builder-right{flex:1}.panel-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.panel-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.marks-badge{color:#4338ca;background-color:#e0e7ff;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.panel-body{flex:1;padding:20px;overflow-y:auto}.paper-workspace{background-color:#f1f5f9;padding:24px}.empty-paper-state{color:#64748b;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-paper-state p{margin-bottom:4px;font-weight:600}.paper-questions-list{flex-direction:column;gap:16px;display:flex}.paper-question-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0000000d}.pq-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.pq-number{color:#1e293b;font-weight:700}.pq-type-badge{color:#475569;background-color:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.pq-marks{color:#059669;margin-left:auto;font-size:13px;font-weight:600}.pq-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.pq-remove:hover{background-color:#fef2f2}.pq-body p{color:#334155;margin:0;font-size:15px;line-height:1.5}.drawer-overlay{z-index:1000;background-color:#0f172a80;animation:.3s fadeIn;position:fixed;inset:0}.question-drawer{z-index:1001;background-color:#fff;flex-direction:column;width:600px;max-width:90vw;animation:.3s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 15px #0000001a}.drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h3{color:#1e293b;margin:0;font-size:18px}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.close-btn:hover{color:#0f172a}.drawer-body{flex:1;padding:24px;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.student-summary-card{--ssc-bg:#f7f9fc;--ssc-border:#dfe5ee;--ssc-border-soft:#e6ebf2;--ssc-title:#1f2937;--ssc-text:#7b8697;--ssc-muted:#9ba5b5;--ssc-shadow:0 2px 8px #0f172a0d;background:var(--ssc-bg);border:1px solid var(--ssc-border);box-sizing:border-box;width:100%;box-shadow:var(--ssc-shadow);border-radius:22px;padding:16px;font-family:Inter,Segoe UI,sans-serif}.student-summary-card *{box-sizing:border-box}.student-summary-card__top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.student-summary-card__avatar{object-fit:cover;border:1px solid #e7ecf3;border-radius:50%;flex-shrink:0;width:52px;height:52px}.student-summary-card__content{min-width:0}.student-summary-card__name{color:var(--ssc-title);margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.2}.student-summary-card__meta{color:var(--ssc-text);margin:0 0 3px;font-size:14px;line-height:1.4}.student-summary-card__submeta{color:var(--ssc-muted);margin:0;font-size:12px;line-height:1.4}.student-summary-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.student-summary-card__stat{border:1px solid var(--ssc-border-soft);text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:8px;display:flex;box-shadow:0 1px 3px #0f172a0a}.student-summary-card__stat-value{margin-bottom:6px;font-size:20px;font-weight:700;line-height:1}.student-summary-card__stat-label{color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.student-summary-card__stat--success .student-summary-card__stat-value{color:#28a263}.student-summary-card__stat--primary .student-summary-card__stat-value{color:#3f6fda}.student-summary-card__stat--danger .student-summary-card__stat-value{color:#dc3c3c}.student-summary-card__stat--warning .student-summary-card__stat-value{color:#d59418}.student-summary-card__stat--default .student-summary-card__stat-value{color:#243142}.student-summary-card__action{border:1px solid var(--ssc-border-soft);color:#7f8a9b;cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}@media (width<=480px){.student-summary-card{border-radius:18px;max-width:100%;padding:14px}.student-summary-card__top{gap:12px;margin-bottom:14px}.student-summary-card__avatar{width:48px;height:48px}.student-summary-card__name{font-size:15px}.student-summary-card__meta{font-size:13px}.student-summary-card__stats{gap:8px}.student-summary-card__stat{border-radius:12px;min-height:68px}.student-summary-card__stat-value{font-size:24px}.student-summary-card__action{min-height:40px;font-size:13px}}.parent-home{background:radial-gradient(circle at 0 0,#27ae600f,#0000 28%),radial-gradient(circle at 100% 0,#3f6fda0f,#0000 24%),#f6f8fc;min-height:100%;padding:24px}.parent-home__hero{background:linear-gradient(135deg,#fff 0%,#f9fbff 100%);border:1px solid #e4eaf2;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 8px 24px #0f172a0d}.parent-home__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#4f6fd8;margin:0 0 8px;font-size:13px;font-weight:700}.parent-home__title{color:#1f2937;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.15}.parent-home__subtitle{color:#7a8699;max-width:620px;margin:0;font-size:15px;line-height:1.65}.parent-home__hero-badge{text-align:center;background:#fff;border:1px solid #e5ebf3;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:140px;min-height:110px;padding:16px;display:flex;box-shadow:0 6px 18px #0f172a0d}.parent-home__hero-badge span{color:#1f8f79;font-size:34px;font-weight:700;line-height:1}.parent-home__hero-badge small{letter-spacing:.06em;text-transform:uppercase;color:#8f99aa;margin-top:8px;font-size:12px;font-weight:700}.parent-home__section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #e4eaf2;border-radius:24px;margin-top:20px;padding:20px;box-shadow:0 8px 24px #0f172a0a}.parent-home__section-head{margin-bottom:18px}.parent-home__section-title{color:#1f2937;margin:0 0 6px;font-size:22px;font-weight:800}.parent-home__section-subtitle{color:#7b8698;margin:0;font-size:14px;line-height:1.6}.parent-home__grid{grid-template-columns:repeat(auto-fit,minmax(280px,380px));align-items:start;gap:18px;display:grid}.parent-home__grid>*{width:100%}@media (width<=768px){.parent-home{padding:16px}.parent-home__hero{border-radius:20px;flex-direction:column;align-items:flex-start;margin-bottom:18px;padding:18px}.parent-home__title{font-size:24px}.parent-home__hero-badge{flex-direction:row;justify-content:space-between;min-width:100%;min-height:88px;padding:16px 18px}.parent-home__hero-badge small{margin-top:0}.parent-home__section{border-radius:20px;padding:16px}.parent-home__section-title{font-size:18px}.parent-home__grid{grid-template-columns:1fr;gap:14px}}@media (width<=480px){.parent-home__title{font-size:22px}.parent-home__subtitle,.parent-home__section-subtitle{font-size:13px}}.parent-welcome-card{--pwc-bg-1:#0f2d67;--pwc-bg-2:#24498e;--pwc-text:#fff;--pwc-text-soft:#ffffffd1;--pwc-border:#ffffff1f;--pwc-summary-bg:#ffffff1f;--pwc-summary-bg-hover:#ffffff29;--pwc-shadow:0 14px 30px #0f172a24;width:100%;color:var(--pwc-text);background:linear-gradient(135deg, var(--pwc-bg-1) 0%, var(--pwc-bg-2) 100%);box-shadow:var(--pwc-shadow);box-sizing:border-box;border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(380px,520px);align-items:center;gap:24px;padding:22px 24px;font-family:Inter,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.parent-welcome-card *{box-sizing:border-box}.parent-welcome-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f,#0000 70%);width:240px;height:240px;position:absolute;inset:auto auto -30% -5%}.parent-welcome-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 72%);width:220px;height:220px;position:absolute;inset:-20% 18% auto auto}.parent-welcome-card__content{z-index:1;position:relative}.parent-welcome-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffffffc7;margin:0 0 10px;font-size:13px;font-weight:700}.parent-welcome-card__title{color:#fff;margin:0 0 8px;font-size:clamp(1.5rem,1.15rem + 1.2vw,2.2rem);font-weight:700;line-height:1.15}.parent-welcome-card__subtitle{color:var(--pwc-text-soft);margin:0;font-size:14px;line-height:1.55}.parent-welcome-card__summary-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;position:relative}.parent-welcome-card__summary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;gap:10px;min-height:92px;padding:14px 12px;transition:transform .18s,background .18s;display:flex}.parent-welcome-card__summary:hover{background:var(--pwc-summary-bg-hover);transform:translateY(-2px)}.parent-welcome-card__summary-icon{color:#fff;background:#ffffff24;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.parent-welcome-card__summary-content{min-width:0}.parent-welcome-card__summary-value{color:#000;margin-bottom:6px;font-size:22px;font-weight:700;line-height:1}.parent-welcome-card__summary-title{text-transform:uppercase;letter-spacing:.06em;color:#000;font-size:11px;font-weight:700;line-height:1.35}.parent-welcome-card__summary--students .parent-welcome-card__summary-icon{color:#33c782;background:#4bd39c33}.parent-welcome-card__summary--notices .parent-welcome-card__summary-icon{color:#d0a838;background:#f4c75838}.parent-welcome-card__summary--fees .parent-welcome-card__summary-icon{color:#df2929;background:#ff787833}.parent-welcome-card__summary--events .parent-welcome-card__summary-icon{color:#325ad3;background:#85a3ff38}@media (width<=1100px){.parent-welcome-card{grid-template-columns:1fr}.parent-welcome-card__summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.parent-welcome-card{border-radius:20px;gap:18px;padding:18px}.parent-welcome-card__summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.parent-welcome-card__summary{border-radius:18px;min-height:88px}}@media (width<=480px){.parent-welcome-card{border-radius:18px;padding:16px}.parent-welcome-card__eyebrow{font-size:12px}.parent-welcome-card__subtitle{font-size:13px}.parent-welcome-card__summary-grid{grid-template-columns:1fr}.parent-welcome-card__summary{min-height:82px}.parent-welcome-card__summary-value{font-size:20px}}.auth-layout{width:100%;min-height:100vh;display:flex}.erp-showcase{box-sizing:border-box;flex:1.2;min-height:100vh}.auth-panel{box-sizing:border-box;flex:1;min-height:100vh}@media (width<=1024px){.erp-showcase{display:none}.auth-panel{flex:1;width:100%;min-height:100vh}}.erp-showcase{color:#fff;background:linear-gradient(#17346b 0%,#173d7b 48%,#1b4e99 100%);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.erp-showcase__overlay{pointer-events:none;background:#ffffff0d;border-radius:50%;position:absolute}.erp-showcase__overlay--top{width:220px;height:220px;top:-70px;right:-50px}.erp-showcase__overlay--bottom{width:220px;height:220px;bottom:-90px;left:-70px}.erp-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.erp-brand__logo{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.auth-logo{aspect-ratio:1;width:60px}.erp-brand h2{margin:0;font-size:22px}.erp-brand p{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin:2px 0 0;font-size:11px}.erp-hero{z-index:1;max-width:480px;margin-top:56px;position:relative}.erp-hero h1{margin:0;font-size:clamp(2rem,2vw,3rem);font-weight:800;line-height:1.08}.erp-hero p{color:#ffffffc7;max-width:430px;margin-top:16px;font-size:15px;line-height:1.6}.erp-preview{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;margin-top:28px;padding:14px;position:relative;box-shadow:0 12px 24px #0208142e}.erp-preview__toolbar{gap:6px;margin-bottom:14px;display:flex}.erp-preview__toolbar span{background:#ffffff40;border-radius:50%;width:8px;height:8px}.erp-preview__stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.erp-stat-card{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;gap:6px;padding:12px;display:grid}.erp-stat-card--active{background:#0fbb8d29;border-color:#0fbb8d47}.erp-stat-card__icon{background:#ffffff29;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.erp-stat-card strong{font-size:18px;line-height:1}.erp-stat-card span{color:#ffffffb8;font-size:11px}.erp-attendance{background:#0c183c3d;border-radius:14px;margin-top:14px;padding:14px}.erp-attendance__title{text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;margin-bottom:10px;font-size:11px}.erp-attendance__bars{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.erp-attendance__bars span{color:#ffffffad;background:#ffffff1f;border-radius:10px;justify-content:center;align-items:end;height:36px;padding-bottom:8px;font-size:11px;display:flex}.erp-attendance__bars .active{color:#fff;background:linear-gradient(#0e9b83,#067865)}.erp-feature-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.erp-chip{color:#ffffffdb;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600}.erp-roles{z-index:1;margin-top:auto;padding-top:24px;position:relative}.erp-roles p{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;margin:0 0 10px;font-size:11px}.erp-roles__list{flex-wrap:wrap;gap:10px;display:flex}.erp-role-pill{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.auth-panel{box-sizing:border-box;background:#fbfbfc;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.erp-login__brand{text-align:center;margin-bottom:20px}.erp-login__brand-icon{justify-content:center;align-items:center;width:48px;height:48px;margin:20px auto 12px;display:flex}.erp-login__brand-icon img{width:70px;height:70px}.erp-login__brand h1{color:#1f2e49;margin:0;font-size:1rem;font-weight:700;line-height:1.05}.erp-login__brand p{color:#8a93a1;margin:4px 0 0;font-size:.8rem}.erp-login-page__selector-wrap{justify-content:flex-end;margin:10px 5px;display:flex}.erp-login__institution-switch{color:#6e7787;cursor:pointer;background:#fff;border:1px solid #dce2e8;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:inline-flex;box-shadow:0 3px 10px #0f172a0a}.erp-login__institution-switch span{color:#1f2e49;font-size:.75rem;font-weight:600}.auth-panel__topbar{color:#98a2b3;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;font-size:12px;display:flex}.secure-connection{color:#17a05d;align-items:center;gap:6px;font-weight:600;display:inline-flex}.auth-panel__content{box-sizing:border-box;background:#fff;border:1px solid #dfe5ea;border-radius:24px;width:100%;max-width:420px;padding:20px;overflow:hidden;box-shadow:0 16px 36px #0f172a14}.auth-panel__footer{color:#98a2b3;border-top:1px solid #edf1f5;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 28px;font-size:12px;display:flex}.auth-panel__footer-links{flex-wrap:wrap;gap:16px;display:flex}.auth-panel__footer-links button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.auth-input-group+.auth-input-group{margin-top:16px}.auth-label{letter-spacing:.08em;color:#4d5c6e;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.auth-input-wrap{position:relative}.auth-input-icon{color:#9ca7b5;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-right{right:14px}.auth-input{color:#1c2735;background:#fff;border:1px solid #e1e7f6;border-radius:12px;outline:none;width:100%;height:52px;padding:0 48px 0 42px;transition:all .18s;box-shadow:0 4px 16px #377dff1f}.auth-input::placeholder{color:#848484}.auth-input:focus{border:none}.auth-input--error{background:#fff7f7!important;border-color:#e04f4f!important}.auth-input--error:focus{box-shadow:0 0 0 4px #e04f4f1f!important}.auth-field-error{color:#e04f4f;align-items:center;gap:4px;margin:6px 0 0;font-size:13px;display:flex}.erp-login-card__head h2{color:#1d1d1d;text-align:center;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.erp-login-card__head p{color:#464646;text-align:center;margin:10px 0 30px;font-size:14px;line-height:1.55}.auth-panel__head{margin-bottom:15px}.auth-mini-brand{color:#253142;align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:inline-flex}.auth-mini-brand__logo{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.auth-panel__head h2{color:#182434;margin:0;font-size:38px;line-height:1.08}.auth-panel__head p{color:#7d8797;max-width:480px;margin:12px 0 0;line-height:1.6}.auth-form{width:min(100%,480px)}.icon-toggle-btn{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-row{align-items:center;gap:12px;display:flex}.auth-row--between{justify-content:space-between;margin-top:14px}.auth-check{color:#1d1d1d;align-items:center;gap:8px;font-size:13px;display:inline-flex}.auth-link-btn{color:#0b8d7f;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.auth-submit-btn{color:#fff;cursor:pointer;background:#377dff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;margin-top:18px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #0a766c38}.auth-divider{text-align:center;color:#97a1af;margin:20px 0 16px;font-size:12px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:#e6ebf0;width:34%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.social-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.social-btn{color:#617084;cursor:pointer;background:#fff;border:1px solid #e3e9f0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;font-weight:700;display:inline-flex}.auth-trust-row{color:#738193;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12px;display:flex}.auth-trust-row span{align-items:center;gap:5px;display:inline-flex}.auth-alert{border:1px solid #0000;border-radius:14px;margin-top:18px;padding:14px 16px}.auth-alert strong{margin-bottom:4px;font-size:14px;display:block}.auth-alert p{margin:0;font-size:13px;line-height:1.5}.auth-alert--warning{color:#9f6d08;background:#fff4d8;border-color:#f1e0a9}.auth-switch-text{text-align:center;color:#1d1d1d;margin-top:18px;font-size:14px}.auth-switch-link{color:#ff8d28;cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:600}.password-strength{gap:6px;margin-top:10px;display:grid}.password-strength__bar{background:#e5eaf0;border-radius:999px;height:8px;display:block;position:relative;overflow:hidden}.password-strength__bar:after{content:"";border-radius:inherit;background:#dc4f4f;width:33%;position:absolute;inset:0 auto 0 0}.password-strength__bar.medium:after{background:#d79b18;width:66%}.password-strength__bar.strong:after{background:#12a36a;width:100%}.password-strength small{color:#7e8898;text-transform:capitalize}@media (width<=1100px){.auth-card{grid-template-columns:1fr}.erp-showcase{min-height:520px}}@media (width<=768px){.auth-shell{padding:12px}.auth-card{border-radius:14px;min-height:auto}.erp-showcase,.auth-panel__content{padding:20px}.erp-hero{margin-top:36px}.erp-preview__stats{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:1fr}.auth-panel__topbar,.auth-panel__footer{padding:16px 20px}.auth-panel__head h2{font-size:30px}}@media (width<=520px){.auth-row--between,.auth-panel__topbar,.auth-panel__footer{flex-direction:column;align-items:flex-start}.erp-hero h1{font-size:32px}.erp-attendance__bars{grid-template-columns:repeat(3,1fr)}.auth-input,.auth-submit-btn,.social-btn{border-radius:16px}}.otp-overlay{-webkit-backdrop-filter:blur(6px);z-index:1100;opacity:0;background:#0a0e1e7a;justify-content:center;align-items:center;padding:20px;transition:opacity .28s;display:flex;position:fixed;inset:0}.otp-overlay--visible{opacity:1}.otp-modal{text-align:center;opacity:0;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 36px 36px;transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .28s;position:relative;transform:translateY(24px)scale(.96);box-shadow:0 24px 64px #1a1f362e,0 8px 24px #1a1f361a}.otp-overlay--visible .otp-modal{opacity:1;transform:translateY(0)scale(1)}.otp-close-btn{color:#6b7a8d;cursor:pointer;background:#f2f4f7;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:16px;right:16px}.otp-close-btn:hover{color:#3a4a5c;background:#e8ecf1;transform:translateY(-1px)}.otp-icon-badge{color:#fff;background:#377dff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .35s;display:inline-flex;box-shadow:0 4px 16px #377dff1f}.otp-icon-badge--success{background:linear-gradient(135deg,#1b8f5a,#21a366);animation:.45s cubic-bezier(.16,1,.3,1) otpBadgePop;box-shadow:0 10px 24px #21a36647}@keyframes otpBadgePop{0%{transform:scale(.88)}60%{transform:scale(1.08)}to{transform:scale(1)}}.otp-modal h3{color:#1d1d1d;margin:0 0 8px;font-size:20px;font-weight:700}.otp-subtitle{color:#7d7d7d;min-height:44px;margin:0 0 28px;font-size:14px;font-weight:400;line-height:1.55}.otp-subtitle strong{color:#3a4a5c;font-weight:700}.otp-success-text{color:#198754;font-weight:700;animation:.35s otpFadeUp}@keyframes otpFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.otp-stage{justify-content:center;align-items:center;min-height:70px;display:flex}.otp-inputs{justify-content:center;gap:12px;margin-bottom:24px;transition:gap .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex}.otp-inputs--merging{gap:0;transform:scale(.98)}.otp-digit{color:#182434;text-align:center;caret-color:#377dff;background:#fff;border:2px solid #e1e7f6;border-radius:14px;outline:none;width:52px;height:52px;font-size:22px;font-weight:700;transition:border-color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),border-radius .45s cubic-bezier(.16,1,.3,1),margin .45s cubic-bezier(.16,1,.3,1),opacity .25s;box-shadow:0 4px 16px #377dff1f}.otp-digit:focus{background:#fff;border:none;transform:translateY(-2px);box-shadow:0 0 0 4px #1d4b921f}.otp-digit--filled{background:#fff;border-color:#dce8ff}.otp-digit--error{background:#fdf0ef;border-color:#e74c3c;animation:.4s otp-shake}.otp-digit--merge{color:#0000;background:linear-gradient(135deg,#1b8f5a,#21a366);border-color:#21a366;box-shadow:0 8px 18px #21a3662e}.otp-inputs--merging .otp-digit{opacity:.15;border-radius:999px;width:0;margin:0 -1px;overflow:hidden}@keyframes otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.otp-success-box{color:#177245;background:linear-gradient(135deg,#e8f8ef,#dff5e8);border:1.5px solid #bfe7cf;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:260px;height:58px;padding:0 18px;font-size:15px;font-weight:800;animation:.5s cubic-bezier(.16,1,.3,1) otpSuccessReveal;display:inline-flex;box-shadow:0 12px 28px #21a36624}.otp-success-check{color:#fff;background:#21a366;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;animation:.45s cubic-bezier(.16,1,.3,1) otpCheckPop;display:inline-flex}@keyframes otpSuccessReveal{0%{opacity:0;transform:scaleX(.6)scaleY(.9)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes otpCheckPop{0%{transform:scale(.3)rotate(-25deg)}60%{transform:scale(1.12)rotate(6deg)}to{transform:scale(1)rotate(0)}}.otp-verify-btn{color:#fff;cursor:pointer;background:#377dff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:15px;font-weight:800;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),opacity .18s;display:inline-flex;box-shadow:0 10px 24px #1d4b9238}.otp-verify-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1d4b924d}.otp-verify-btn:active{transform:translateY(0)}.otp-verify-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.otp-verify-btn--loading{pointer-events:none}.otp-resend{color:#7d7d7d;margin-top:20px;font-size:13px}.otp-resend-btn{color:#ff8d28;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:16px;font-weight:400;transition:color .15s}.otp-resend-btn:hover{color:#0a766c}.otp-resend-btn:disabled{color:#a0aab8;cursor:not-allowed}.otp-timer{color:#1d4b92;font-weight:700}@media (width<=480px){.otp-modal{padding:32px 24px 28px}.otp-digit{border-radius:12px;width:44px;height:50px;font-size:20px}.otp-inputs{gap:8px}.otp-success-box{min-width:100%;font-size:14px}}@media (prefers-reduced-motion:reduce){.otp-modal,.otp-overlay,.otp-digit,.otp-inputs,.otp-success-box,.otp-success-check,.otp-icon-badge{transition:none!important;animation:none!important}}.auth-skeleton{flex-direction:column;gap:24px;width:100%;padding-top:10px;animation:1.5s ease-in-out infinite pulse;display:flex}.auth-skeleton__header{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.skeleton-title{background-color:#e2e8f0;border-radius:6px;width:60%;height:28px}.skeleton-subtitle{background-color:#e2e8f0;border-radius:4px;width:90%;height:16px;margin-top:4px}.auth-skeleton__form{flex-direction:column;gap:20px;display:flex}.skeleton-input{background-color:#e2e8f0;border-radius:8px;width:100%;height:52px}.skeleton-button{background-color:#cbd5e1;border-radius:8px;width:100%;height:48px;margin-top:8px}.skeleton-text{background-color:#e2e8f0;border-radius:4px;width:70%;height:14px;margin:16px auto 0}*{box-sizing:border-box}body{color:#192334;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}.institution-profile-page{background:linear-gradient(#f7f9fc 0%,#f1f5f9 100%);min-height:100vh;padding:40px 20px 60px}.institution-profile-page__head{text-align:center;max-width:920px;margin:0 auto 26px}.institution-profile-page__accent{background:linear-gradient(90deg,#16a085,#3ac3a4);border-radius:999px;width:72px;height:6px;margin:0 auto 18px}.institution-profile-page__head h1{margin:0;font-size:clamp(1.2rem,2vw,2rem);font-weight:700;line-height:1.08}.institution-profile-page__head p{color:#7a8596;max-width:720px;margin:14px auto 0;font-size:1rem;line-height:1.6}.institution-profile-card{background:#fff;border:1px solid #e5ebf2;border-radius:24px;max-width:980px;margin:0 auto;padding:34px 36px 30px;box-shadow:0 12px 40px #0f172a0f}.profile-section-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-section-header__icon{color:#12232c;background:#e8f7f3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.profile-section-header h3{white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700}.profile-section-header__line{background:#e2e8f0;width:100%;height:1px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.profile-input-wrap{position:relative}.profile-input-wrap.is-disabled{opacity:.75}.profile-input-wrap--error .profile-input{background:#fff7f7;border-color:#e04f4f}.profile-input-wrap--error .profile-input:focus{border-color:#e04f4f;box-shadow:0 0 0 4px #e04f4f1f}.profile-field-error{color:#e04f4f;align-items:center;gap:4px;margin:6px 0 0;font-size:.875rem;display:flex}.profile-input-icon,.profile-input-right{color:#111;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.profile-input-icon{left:16px}.profile-input-right{pointer-events:none;color:#202020;right:16px}.profile-input-icon--top{top:24px;transform:none}.profile-input,.profile-phone-code select{color:#1d2737;background:#f6f8fb;border:1px solid #e5e9f0;border-radius:16px;outline:none;width:100%;min-height:56px;font-size:1.05rem;transition:all .18s}.profile-input{padding:0 18px 0 50px}.profile-select{appearance:none;cursor:pointer;padding-right:50px}.profile-textarea{resize:vertical;min-height:120px;padding-top:18px;padding-bottom:18px}.profile-input:focus,.profile-phone-code select:focus{background:#fff;border-color:#16a085;box-shadow:0 0 0 4px #16a0851f}.profile-input::placeholder,.profile-textarea::placeholder{color:#919bac}.profile-divider{background:#e7edf3;height:1px;margin:12px 0 28px}.profile-alert{color:#bb3e3e;background:#fff0f0;border:1px solid #e58c8c;border-radius:18px;align-items:flex-start;gap:12px;margin-top:8px;padding:16px 18px;display:flex}.profile-alert__icon{flex-shrink:0;margin-top:1px}.profile-alert strong{margin-bottom:4px;font-size:1rem;display:block}.profile-alert p{margin:0;font-size:.95rem;line-height:1.5}.profile-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.profile-actions__meta{color:#7d8796;align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.profile-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-size:1rem;font-weight:700;transition:all .18s;display:inline-flex}.profile-btn--ghost{color:#8a93a2;background:#eef2f6;border:1px solid #e0e6ee}.profile-btn--primary{color:#fff;background:#15937f;box-shadow:0 10px 20px #15937f33}.profile-btn--primary:hover{background:#117e6d}@media (width<=900px){.institution-profile-card{border-radius:20px;padding:24px 20px}.profile-grid{grid-template-columns:1fr;gap:0}.profile-actions{flex-direction:column;align-items:stretch}.profile-actions__meta{order:3;justify-content:center}.profile-btn{width:100%}}@media (width<=640px){.institution-profile-page{padding:22px 12px 40px}.institution-profile-page__head p{font-size:1rem}.profile-section-header{align-items:flex-start}.profile-section-header h3{white-space:normal;font-size:1.2rem}.profile-phone-group{grid-template-columns:1fr}.profile-input,.profile-phone-code select{min-height:52px;font-size:1rem}.profile-alert{border-radius:16px}}.logo-upload-field{margin-bottom:22px}.logo-upload{background:#f8fafc;border:1px dashed #cfd8e3;border-radius:18px;align-items:center;gap:16px;padding:16px;transition:all .18s;display:flex}.logo-upload--error{background:#fff7f7;border-color:#e04f4f}.logo-upload__input{display:none}.logo-upload__trigger{cursor:pointer;background:#fff;border:1px solid #dde5ee;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;padding:0;display:inline-flex;overflow:hidden}.logo-upload__preview{object-fit:cover;width:100%;height:100%}.logo-upload__placeholder{color:#6c7787;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:600;display:flex}.logo-upload__content{flex:1;min-width:0}.logo-upload__title{color:#172233;margin:0;font-size:1rem;font-weight:700}.logo-upload__meta{color:#7e8898;margin:6px 0 0;font-size:.92rem}.logo-upload__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.logo-upload__btn{color:#172233;cursor:pointer;background:#fff;border:1px solid #dbe3eb;border-radius:12px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:.92rem;font-weight:600;display:inline-flex}.logo-upload__btn--danger{color:#d64545;background:#fff6f6;border-color:#efc3c3}@media (width<=640px){.logo-upload{flex-direction:column;align-items:stretch}.logo-upload__trigger{width:88px;height:88px}.logo-upload__actions{flex-direction:column}.logo-upload__btn{justify-content:center;width:100%}}.institution-video-field__head label{color:#192334;font-size:1rem;font-weight:700}.institution-video-field__hint{color:#7a8596;margin:6px 0 12px;font-size:.94rem;line-height:1.5}.institution-video-field__dropzone{cursor:pointer;color:#15937f;background:#f8fbfd;border:1px dashed #cfd8e3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:96px;transition:all .18s;display:flex}.institution-video-field__dropzone:hover{background:#f1fbf8;border-color:#15937f}.institution-video-field__dropzone span{color:#1a2b39;font-weight:700}.institution-video-field__dropzone small{color:#7a8596}.institution-video-field__preview{background:#fff;border:1px solid #e5ebf2;border-radius:18px;overflow:hidden}.institution-video-field__player{background:#000;width:100%;max-height:320px;display:block}.institution-video-field__footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.institution-video-field__meta{color:#4b5563;align-items:center;gap:8px;min-width:0;display:inline-flex}.institution-video-field__meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.institution-video-field__remove{color:#c43d3d;cursor:pointer;background:#fff1f1;border:none;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.institution-video-field__error{color:#d84848;margin:8px 0 0;font-size:.9rem}.institution-images-field__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.institution-images-field__head label{color:#192334;font-size:1rem;font-weight:700}.institution-images-field__head span{color:#7a8596;font-size:.9rem}.institution-images-field__hint{color:#7a8596;margin:0 0 12px;font-size:.94rem;line-height:1.5}.institution-images-field__dropzone{cursor:pointer;color:#15937f;background:#f8fbfd;border:1px dashed #cfd8e3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:96px;transition:all .18s;display:flex}.institution-images-field__dropzone:hover{background:#f1fbf8;border-color:#15937f}.institution-images-field__dropzone span{color:#1a2b39;font-weight:700}.institution-images-field__dropzone small{color:#7a8596}.institution-images-field__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.institution-images-field__card{aspect-ratio:1;background:#fff;border:1px solid #e5ebf2;border-radius:16px;position:relative;overflow:hidden}.institution-images-field__card img{object-fit:cover;width:100%;height:100%}.institution-images-field__remove{color:#fff;cursor:pointer;background:#111827b3;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:10px;right:10px}.institution-images-field__empty{color:#7a8596;background:#f6f8fb;border:1px solid #e5ebf2;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:56px;margin-top:14px;display:flex}.institution-images-field__error{color:#d84848;margin:8px 0 0;font-size:.9rem}.profile-form-field{margin-bottom:22px}.profile-label{color:#172233;margin-bottom:10px;font-size:.9rem;font-weight:600;display:inline-block}.profile-label span{color:#e04f4f}.profile-hint{color:#7e8898;margin:8px 0 0;font-size:.95rem;line-height:1.5}