@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#818cf814;--primary-gradient:linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--background:#171717;--surface:#292929;--surface-border:#3a3a3a;--text-main:#f0eee9;--text-muted:#9da2eb;--text-inverse:#171717;--accent-orange:#818cf8;--accent-lime:#a78bfa;--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--info:#3b82f6;--info-bg:#3b82f614;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 12px 30px -10px #000c, 0 1px 4px #0000001a;--shadow-lg:0 20px 50px -15px #000000f2, 0 4px 10px #0003;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:600;line-height:1.25}h1{font-size:1.85rem;font-weight:700}h2{font-size:1.45rem;font-weight:700}h3{font-size:1.15rem;font-weight:600}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{grid-template-columns:200px 1fr;min-height:100vh;display:grid}@media (max-width:768px){.app-container{grid-template-columns:1fr}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);border:none;font-weight:600}.btn-secondary{background-color:var(--surface);border-color:var(--surface-border);color:var(--text-main);font-weight:500}.btn-secondary:hover{background-color:var(--background);border-color:var(--text-muted)}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.form-input{border-radius:var(--radius-md);border:1px solid var(--surface-border);width:100%;color:var(--text-main);transition:all var(--transition-fast);background-color:#0000001f;outline:none;padding:10px 14px;font-size:.85rem}.card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-lg)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-info{background-color:var(--info-bg);color:var(--info)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--surface-border);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;text-align:left;background-color:var(--surface);width:100%}.table th{background-color:var(--background);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);padding:12px 16px;font-size:.75rem;font-weight:500}.table td{border-bottom:1px solid var(--surface-border);color:var(--text-main);padding:16px;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#ffffff05}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:90%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;gap:24px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--surface-border);background-color:var(--background);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-bottom:2px solid var(--primary-light);margin-bottom:12px;padding-bottom:6px;font-size:.9rem;font-weight:700}.grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3col{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.grid-2col,.grid-3col{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--surface-border);transition:var(--transition-normal);border-radius:24px;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-main);width:18px;height:18px;transition:var(--transition-normal);border-radius:50%;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background:var(--primary-gradient)}.switch input:checked+.slider:before{background-color:#171717;transform:translate(20px)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary)}.btn-primary{box-shadow:0 4px 14px #818cf833}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #818cf840}.search-item-hover:hover{background-color:var(--primary-light);color:var(--primary)}.sidebar-link{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;color:var(--text-muted)!important}.sidebar-link:hover{background-color:#ffffff08;color:var(--text-main)!important}.sidebar-link.active{background-color:var(--primary-light);font-weight:600;color:var(--primary)!important}.sidebar-category-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.65rem;font-weight:700;display:flex;color:var(--text-muted)!important}.sidebar-category-btn:hover{color:var(--text-main)!important;background-color:#ffffff05!important}select.form-input option{background-color:var(--surface);color:var(--text-main)}.responsive-grid-split{grid-template-columns:1.25fr 1fr;align-items:start;gap:32px;display:grid}.responsive-grid-split.reversed{grid-template-columns:1fr 1.6fr}.responsive-grid-split.equal{grid-template-columns:1fr 1fr}.mobile-only-back{display:none}@media (max-width:1200px){.responsive-grid-split,.responsive-grid-split.reversed,.responsive-grid-split.equal{gap:24px;grid-template-columns:1fr!important}.responsive-grid-split.has-selection>:first-child,.responsive-grid-split:not(.has-selection)>:nth-child(2){display:none!important}.mobile-only-back{display:inline-flex}}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-header{display:none}.sidebar-wrapper{flex-direction:column;display:flex}.sidebar-wrapper>aside{flex:1;width:100%}.mobile-sidebar-close{display:none}.main-content{background-color:var(--background);width:100%;min-height:100vh}.welcome-card-hover:hover>div{transform:translateY(-4px);border-color:var(--primary)!important;box-shadow:0 15px 35px #818cf826!important}.dashboard-container{flex-direction:column;gap:32px;width:100%;padding:40px;display:flex;overflow-y:auto}@media (max-width:768px){.dashboard-container{gap:20px;padding:16px}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-update-btn{padding:8px 16px;font-size:.85rem}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.dashboard-double-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:24px;display:grid}@media (max-width:480px){.dashboard-double-grid{grid-template-columns:1fr}}.dashboard-triple-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}.dashboard-stat-card{min-height:180px;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;gap:16px;padding:24px;display:flex}.dashboard-stat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px -8px #818cf840}.dashboard-card-header{justify-content:space-between;align-items:center;display:flex}.dashboard-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.dashboard-card-value-wrapper{flex-direction:column;gap:4px;display:flex}.dashboard-card-value{color:var(--text-main);letter-spacing:-.03em;font-size:2rem;font-weight:700}.dashboard-card-subtext{font-size:.75rem;font-weight:500}.dashboard-card-footer{color:var(--text-muted);justify-content:space-between;margin-top:auto;font-size:.75rem;display:flex}.visibility-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.visibility-toggle-btn:hover{color:var(--text-main);background-color:#ffffff08}.funnel-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.funnel-chart-wrapper{flex:1;justify-content:center;min-width:220px;display:flex}.funnel-svg{width:100%;max-width:240px;height:auto}.funnel-metrics-wrapper{flex-direction:column;flex:1;gap:10px;min-width:200px;display:flex}.funnel-metric-item{border:1px solid var(--surface-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.funnel-metric-item:hover{background-color:#ffffff0a;border-color:#818cf84d}.class-occupancy-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px;max-height:250px;padding-right:4px;display:grid;overflow-y:auto}.class-occupancy-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff03;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;display:flex}.class-occupancy-card:hover{border-color:var(--primary);background-color:#ffffff08;transform:scale(1.03)}.class-occupancy-circle-wrapper{width:70px;height:70px;position:relative}.class-occupancy-circle-text{flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;inset:0}.class-occupancy-info{text-align:center;width:100%}.class-occupancy-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:95px;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.class-occupancy-count{color:var(--text-muted);font-size:.65rem;font-weight:500}.alerts-list-wrapper{flex-direction:column;gap:12px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.alert-card-item{border-radius:var(--radius-md);border:1px solid var(--surface-border);transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff05;align-items:flex-start;gap:12px;padding:12px;display:flex}.alert-card-item:hover{background-color:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.alert-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.alert-body-content{flex-direction:column;flex:1;gap:2px;display:flex}.alert-title-row{justify-content:space-between;align-items:center;display:flex}.alert-student-name{font-size:.725rem;font-weight:600}.alert-description-text{color:var(--text-muted);margin:4px 0 0;font-size:.775rem;line-height:1.4}.shortcuts-list{flex-direction:column;gap:12px;display:flex}.shortcut-btn{cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:42px;padding:0 16px;font-size:.825rem;display:flex}.birthdays-list-wrapper{flex-direction:column;gap:10px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.birthday-card-item{border-radius:var(--radius-md);border:1px solid var(--surface-border);transition:transform var(--transition-fast), border-color var(--transition-fast);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.birthday-card-item:hover{border-color:#818cf84d;transform:translateY(-2px)}.birthday-day-badge{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);padding:3px 6px;font-size:.7rem;font-weight:700}.cosmic-loader-wrapper{text-align:center;justify-content:center;align-items:center;min-height:80vh;display:flex}.cosmic-glow-loader{background:var(--primary-gradient);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:2s ease-in-out infinite cosmic-pulse;position:relative;box-shadow:0 0 20px #818cf880}.cosmic-glow-loader:after{content:"";background-color:var(--background);border-radius:50%;position:absolute;inset:4px}@keyframes cosmic-pulse{0%{transform:scale(.9)rotate(0);box-shadow:0 0 10px #818cf84d}50%{transform:scale(1.1)rotate(180deg);box-shadow:0 0 30px #a78bfab3}to{transform:scale(.9)rotate(360deg);box-shadow:0 0 10px #818cf84d}}.docs-tab-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.docs-tab-grid{grid-template-columns:1fr}}.docs-card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex}.docs-checklist-item{border-radius:var(--radius-md);border:1px solid var(--surface-border);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff03;align-items:center;gap:12px;padding:12px 16px;display:flex}.docs-checklist-item:hover{background-color:#ffffff08;border-color:#818cf84d}.docs-checklist-item.approved{background-color:#10b98108;border-color:#10b98133}.docs-checklist-item.approved:hover{background-color:#10b9810f}.uploaded-file-item{border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff03;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.uploaded-file-item:hover{background-color:#ffffff08;border-color:#818cf833}@media (max-width:768px){.app-container{padding-top:60px;grid-template-columns:1fr!important}.mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);z-index:100;background-color:#131316d9;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.burger-btn,.close-btn{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.burger-btn:hover,.close-btn:hover{background-color:var(--primary-light)}.mobile-logo-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:700}.sidebar-wrapper{z-index:200;background-color:var(--background);width:280px;transition:transform var(--transition-normal);box-shadow:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0);box-shadow:10px 0 40px #000c}.sidebar-wrapper>aside{height:100%;border-right:none!important}.mobile-sidebar-close{background-color:var(--background);justify-content:flex-end;padding:16px 16px 0;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;animation:fadeIn var(--transition-fast) forwards;background-color:#000000a6;position:fixed;inset:0}table{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.form-row,.grid-2-col,.grid-3-col{grid-template-columns:1fr!important;gap:16px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}