:root{--bg: #dfe7f4;--panel: #dfe7f4;--panel-opaque: #dfe7f4;--panel-2: #d7e1f1;--text: #111827;--muted: rgba(17, 24, 39, .65);--accent: #2563eb;--accent-2: #1d4ed8;--danger: #dc2626;--ok: #16a34a;--border: rgba(17, 24, 39, .12);--shadow: 0 10px 22px rgba(15, 23, 42, .08);--neu-surface: #dfe7f4;--neu-surface-2: #d1dcf0;--neu-surface-3: #f4f7ff;--neu-border: rgba(15, 23, 42, .06);--neu-shadow: 22px 22px 56px rgba(15, 23, 42, .22), -22px -22px 56px rgba(255, 255, 255, .96);--neu-shadow-sm: 14px 14px 34px rgba(15, 23, 42, .18), -14px -14px 34px rgba(255, 255, 255, .95);--neu-inset: inset 12px 12px 20px rgba(15, 23, 42, .18), inset -12px -12px 20px rgba(255, 255, 255, .97);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-2: rgba(246, 248, 251, .58);--glass-subtle: rgba(255, 255, 255, .52);--glass-border: rgba(15, 23, 42, .1);--glass-shadow: 0 20px 60px rgba(15, 23, 42, .1);--input-bg: var(--panel-2);--input-border: rgba(15, 23, 42, .1);--focus-ring: rgba(37, 99, 235, .18);--sidebar-bg: #2f343a;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .92);--sidebar-muted: rgba(255, 255, 255, .72);--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: rgba(255, 255, 255, .14);--topbar-bg: rgba(233, 238, 247, .86);--topbar-border: rgba(15, 23, 42, .08);--btn-border: rgba(0,0,0,.08);--btn-secondary-bg: var(--neu-surface)}:root[data-theme=dark]{--bg: #0b1020;--panel: #0f172a;--panel-opaque: #0f172a;--panel-2: rgba(15, 23, 42, .78);--text: #e5e7eb;--muted: rgba(229, 231, 235, .72);--accent: #60a5fa;--accent-2: #3b82f6;--danger: #ff4d4d;--ok: #28d17c;--border: rgba(255,255,255,.12);--shadow: 0 20px 60px rgba(0,0,0,.45);--neu-surface: #0f172a;--neu-surface-2: #0b1326;--neu-surface-3: #131f3a;--neu-border: rgba(255, 255, 255, .06);--neu-shadow: 20px 20px 54px rgba(0,0,0,.76), -20px -20px 54px rgba(255,255,255,.06);--neu-shadow-sm: 14px 14px 38px rgba(0,0,0,.7), -14px -14px 38px rgba(255,255,255,.05);--neu-inset: inset 12px 12px 22px rgba(0,0,0,.78), inset -12px -12px 22px rgba(255,255,255,.05);--glass-bg: rgba(15, 23, 42, .62);--glass-bg-2: rgba(15, 23, 42, .46);--glass-subtle: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 26px 80px rgba(0,0,0,.55);--input-bg: var(--neu-surface);--input-border: rgba(255,255,255,.08);--focus-ring: rgba(96, 165, 250, .22);--sidebar-bg: #0f172a;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .92);--sidebar-muted: rgba(255, 255, 255, .72);--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: rgba(255, 255, 255, .12);--topbar-bg: rgba(15, 23, 42, .7);--topbar-border: rgba(255,255,255,.08);--btn-border: rgba(255,255,255,.14);--btn-secondary-bg: var(--neu-surface)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;transition:width .26s cubic-bezier(.2,.8,.2,1);will-change:width}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand{display:inline-flex;align-items:center;gap:10px;color:var(--sidebar-text);text-decoration:none;font-weight:900;letter-spacing:.3px;white-space:nowrap}.brand-mark{width:auto;height:auto;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;flex:0 0 auto}.brand-logo{width:34px;height:34px;object-fit:contain;display:block}.brand-text{max-width:180px;transition:opacity .18s ease,transform .18s ease,max-width .22s ease;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--sidebar-border);background:transparent;color:var(--sidebar-text);cursor:pointer;box-shadow:none}.icon-btn:active{box-shadow:none}.icon-btn:hover{background:var(--sidebar-hover)}.sidebar-nav{padding:10px;display:flex;flex-direction:column;gap:6px;overflow:auto;opacity:0;pointer-events:none;transition:opacity .14s ease}.att-text-excused{color:#8a54fff2}.att-warn-icon{display:inline-flex;align-items:center;margin-left:6px;color:#ffc107f2;cursor:help}.name-inline-status{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.id-request-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:#1d4ed8f5;background:#60a5fa2e;border:1px solid rgba(59,130,246,.34);cursor:help;vertical-align:middle}.id-request-indicator svg{display:block}.id-request-indicator.clickable{appearance:none;-webkit-appearance:none;padding:0;box-shadow:none}.id-request-indicator.clickable:hover{transform:translateY(-1px);background:#3b82f638}:root[data-theme=dark] .id-request-indicator{color:#bfdbfefa;background:#3b82f638;border-color:#93c5fd57}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--sidebar-text);text-decoration:none;border:1px solid transparent;transition:background .16s ease,transform .16s ease}.sidebar-nav a:hover{background:var(--sidebar-hover);transform:translateY(-1px)}.sidebar-nav a.active{background:var(--sidebar-active);border-color:#ffffff1a}.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-text)}.nav-label{display:inline-block;max-width:220px;font-size:14px;line-height:1.1;transition:opacity .18s ease,transform .18s ease,max-width .22s ease;overflow:hidden}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);display:flex;gap:10px;align-items:stretch;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .14s ease}body.nav-ready .sidebar-nav,body.nav-ready .sidebar-footer{opacity:1;pointer-events:auto}.sidebar-footer .pill{border-color:#ffffff29;background:#ffffff0f;color:var(--sidebar-text);align-self:center}.sidebar-action{display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--sidebar-text);text-decoration:none;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .16s ease,transform .16s ease;box-shadow:none}.sidebar-action:active{box-shadow:none}.sidebar-action:hover{background:var(--sidebar-hover);transform:translateY(-1px)}body.sidebar-collapsed .sidebar-action{padding:0;width:44px;height:44px;justify-content:center;gap:0}body.sidebar-collapsed .sidebar-action .nav-label{display:none}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.main:before{content:"";position:absolute;inset:-140px;pointer-events:none;opacity:.55;background:radial-gradient(820px circle at 22% 18%,rgba(255,255,255,.78),transparent 55%),radial-gradient(980px circle at 88% 30%,rgba(37,99,235,.1),transparent 60%),radial-gradient(980px circle at 50% 92%,rgba(22,163,74,.06),transparent 62%);filter:blur(18px);transform:translateZ(0);animation:auth-ambient-float 12s ease-in-out infinite alternate;z-index:0}:root[data-theme=dark] .main:before{opacity:.9;background:radial-gradient(920px circle at 18% 18%,rgba(255,255,255,.06),transparent 62%),radial-gradient(980px circle at 82% 32%,rgba(96,165,250,.14),transparent 60%),radial-gradient(980px circle at 50% 88%,rgba(40,209,124,.08),transparent 64%)}.topbar,.container{position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:5;background:var(--topbar-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--topbar-border);padding:12px 18px;transition:background .24s ease,border-color .24s ease;display:flex;align-items:center;gap:12px}.topbar .icon-btn{border-color:var(--border);color:var(--text);width:38px;height:38px}.topbar .icon-btn:hover{background:#0000000a}:root[data-theme=dark] .topbar .icon-btn:hover{background:#ffffff0f}.topbar-title{font-weight:800;letter-spacing:.2px}body.sidebar-collapsed .sidebar{width:70px}body.sidebar-collapsed .nav-label{opacity:0;transform:translate(-6px);pointer-events:none;max-width:0}body.sidebar-collapsed .sidebar-nav a{width:44px;height:44px;padding:0;margin:0 auto;justify-content:center;gap:0}body.sidebar-collapsed .sidebar-footer{justify-content:center;align-items:center}body.sidebar-collapsed .sidebar-brand{gap:0}body.sidebar-collapsed .brand-text{opacity:0;transform:translate(-6px);pointer-events:none;max-width:0}body.sidebar-collapsed .pill.nav-label{display:none}.page-content{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}body.page-loaded .page-content{opacity:1;transform:translateY(0)}body.page-leaving .page-content{opacity:0;transform:translateY(8px)}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-nav a,.sidebar-action,.topbar,.brand-text,.nav-label,.page-content{transition:none!important}}.container{max-width:none;margin:0;padding:18px 22px 48px}.card{border-radius:22px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));box-shadow:var(--neu-shadow);padding:18px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(820px circle at 28% 18%,rgba(255,255,255,.55),transparent 60%);opacity:.75}:root[data-theme=dark] .card:before{background:radial-gradient(820px circle at 28% 18%,rgba(255,255,255,.06),transparent 60%);opacity:1}.card>*{position:relative;z-index:1}.panel{background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface));border:1px solid var(--neu-border);border-radius:18px;padding:16px;box-shadow:var(--neu-inset)}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:26px 18px;overflow:auto;z-index:200}.modal{width:min(980px,100%);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));border:1px solid var(--neu-border);border-radius:16px;box-shadow:var(--neu-shadow);padding:14px}.theme-overlay{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:0;-webkit-clip-path:circle(0px at var(--ox, 50vw) var(--oy, 50vh));clip-path:circle(0px at var(--ox, 50vw) var(--oy, 50vh));transition:clip-path .52s cubic-bezier(.2,.8,.2,1),opacity .18s ease;will-change:clip-path,opacity}.theme-overlay[data-to=dark]{background:radial-gradient(520px circle at var(--ox, 50vw) var(--oy, 50vh),rgba(96,165,250,.18),transparent 60%),radial-gradient(760px circle at 18% 20%,rgba(59,130,246,.16),transparent 62%),radial-gradient(820px circle at 80% 28%,rgba(29,78,216,.14),transparent 58%),linear-gradient(180deg,#0b1020,#070b16 60%,#050711)}.theme-overlay[data-to=light]{background:radial-gradient(520px circle at var(--ox, 50vw) var(--oy, 50vh),rgba(37,99,235,.16),transparent 60%),radial-gradient(860px circle at 20% 22%,rgba(37,99,235,.12),transparent 62%),radial-gradient(900px circle at 82% 32%,rgba(22,163,74,.08),transparent 60%),linear-gradient(180deg,#f8fafc,#fff 55%,#f1f5f9)}.theme-overlay.show{opacity:1;-webkit-clip-path:circle(140vmax at var(--ox, 50vw) var(--oy, 50vh));clip-path:circle(140vmax at var(--ox, 50vw) var(--oy, 50vh))}@keyframes auth-ambient-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-18px,0) scale(1.02)}}.h1{margin:0 0 12px;font-size:22px;letter-spacing:.4px}.h2{margin:0;font-size:15px;font-weight:800;letter-spacing:.3px}.sub{color:var(--muted);font-size:13px;line-height:1.5;margin-top:6px}.row{display:flex;gap:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.field{flex:1 1 260px;display:flex;flex-direction:column;gap:6px}.filters-grid{display:flex;gap:12px;flex-wrap:nowrap}.filters-grid .field{flex:1 1 0;min-width:0}.filters-grid select{width:100%}.students-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.students-toolbar .field{flex:1 1 260px;min-width:0}.students-toolbar-btn{flex:0 0 auto}.students-toolbar-bulk{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}label{color:var(--muted);font-size:13px}input,select,button,textarea{font:inherit}input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface-3));color:var(--text);outline:none;box-shadow:var(--neu-inset)}:root[data-theme=dark] select option,:root[data-theme=dark] select optgroup{background:#fff;color:#111827}input:focus,select:focus,textarea:focus{border-color:#2563eb73;box-shadow:var(--neu-inset),0 0 0 3px var(--focus-ring)}.input-invalid{border-color:#ff4d4d8c!important}button{padding:10px 12px;border-radius:10px;border:1px solid var(--btn-border);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;cursor:pointer;box-shadow:var(--neu-shadow-sm)}button:active{box-shadow:var(--neu-inset)}button.secondary{background:var(--neu-surface);border:1px solid var(--neu-border);color:var(--text);box-shadow:var(--neu-shadow-sm)}button.secondary:active{box-shadow:var(--neu-inset)}.combo{position:relative;width:100%}.combo-input{width:100%;padding-right:44px}.combo-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:28px;height:28px;padding:0;border-radius:10px;border:1px solid var(--input-border);background:transparent;color:var(--muted);box-shadow:none}.combo-btn:hover{background:#ffffff0f}.combo-list{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:50;display:none}.combo.open .combo-list{display:block}.combo-item{padding:10px;border-radius:10px;cursor:pointer;color:var(--text);line-height:1.25;overflow-wrap:anywhere}.combo-item:hover,.combo-item.active{background:#60a5fa24}.ark-select-wrapper{position:relative;width:100%}.ark-select-wrapper .ark-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.ark-select-button{width:100%;min-height:52px;padding:12px 46px 12px 18px;border-radius:15px;border:1px solid rgba(190,206,228,.92);background:linear-gradient(145deg,#f8fbfffa,#e2ebf7f5);color:#203650;box-shadow:inset 7px 7px 14px #c7d3e28f,inset -7px -7px 14px #ffffffe0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;font-weight:500}.ark-select-button:hover,.ark-select-button:focus-visible,.ark-select-wrapper.open .ark-select-button{border-color:#4f8ef7b8;box-shadow:inset 7px 7px 14px #c7d3e28f,inset -7px -7px 14px #ffffffeb,0 0 0 3px #408bff24;outline:0}.ark-select-wrapper.disabled .ark-select-button{opacity:.64;cursor:not-allowed}.ark-select-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ark-select-arrow{position:absolute;right:16px;top:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(47,75,108,.78);transform:translateY(-50%);transition:transform .16s ease;pointer-events:none}.ark-select-wrapper.open .ark-select-arrow{transform:translateY(-50%) rotate(180deg)}.ark-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow:auto;padding:6px;border-radius:12px;border:1px solid rgba(190,206,228,.96);background:#fff;color:#203650;box-shadow:0 18px 34px #14264038;z-index:70000;display:none}.ark-select-wrapper.open .ark-select-menu{display:block}.ark-select-item{width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#203650;text-align:left;font-weight:500;cursor:pointer}.ark-select-item:hover,.ark-select-item.active{background:#408bff1f}.ark-select-item.selected{background:#408bff2e;font-weight:800}.ark-select-item.disabled{color:#41546e85;cursor:not-allowed}:root[data-theme=dark] .ark-select-button{background:linear-gradient(145deg,#f8fbfffa,#e2ebf7f5);color:#203650;border-color:#becee4eb}:root[data-theme=dark] .ark-select-menu,:root[data-theme=dark] .ark-select-item{background-color:#fff;color:#203650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--btn-border);text-decoration:none;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--neu-shadow-sm)}.btn:active{box-shadow:var(--neu-inset)}.btn.secondary{background:var(--neu-surface);border:1px solid var(--neu-border);color:var(--text);box-shadow:var(--neu-shadow-sm)}.btn.secondary:active{box-shadow:var(--neu-inset)}.btn.small{padding:7px 10px;font-size:13px;border-radius:9px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));box-shadow:var(--neu-shadow-sm);font-size:12px;color:var(--muted)}:root[data-theme=dark] .badge{background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2))}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));box-shadow:var(--neu-shadow-sm);font-size:12px;color:var(--muted);white-space:nowrap}.pill.ok{border-color:#28d17c59}.pill.warn{border-color:#ffc10759}.status{margin-top:12px;padding:12px;border-radius:12px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface));box-shadow:var(--neu-inset)}.modal .status{border-radius:18px;border-color:var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface));box-shadow:var(--neu-inset)}.status.ok{border-color:#28d17c66}.status.err{border-color:#ff4d4d66}.table-wrap{border:1px solid var(--neu-border);border-radius:18px;overflow:auto;background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface));box-shadow:var(--neu-inset)}table.table{width:100%;border-collapse:collapse;min-width:980px}table.table th,table.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.table th{text-align:left;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:#ffffff42}:root[data-theme=dark] table.table th{background:#00000038}table.table tbody tr:hover{background:#2563eb14}table.attendance-daily-table{table-layout:fixed}table.attendance-daily-table th,table.attendance-daily-table td{text-align:center}table.attendance-daily-table thead tr:first-child th:first-child{text-align:left}table.attendance-daily-table tbody tr>td:first-child{text-align:left}.att-day-wrap{scrollbar-gutter:stable}table.attendance-daily-table .att-day-date{text-align:center;white-space:nowrap}table.attendance-daily-table .att-day-col-name{width:34%}table.attendance-daily-table .att-day-col-time-in,table.attendance-daily-table .att-day-col-time-out{width:10%}table.attendance-daily-table .att-day-col-time-in-status,table.attendance-daily-table .att-day-col-time-out-status{width:16%}table.attendance-daily-table .att-day-col-approved-by{width:14%}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{display:block;border-radius:20px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));box-shadow:var(--neu-shadow-sm);padding:14px;text-decoration:none;color:var(--text);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;position:relative;overflow:hidden}.tile:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px circle at 22% 12%,rgba(255,255,255,.58),transparent 62%);opacity:.75}:root[data-theme=dark] .tile:before{background:radial-gradient(900px circle at 22% 12%,rgba(255,255,255,.06),transparent 62%);opacity:1}.tile>*{position:relative;z-index:1}.tile:hover{transform:translateY(-1px);border-color:#2563eb59;box-shadow:var(--neu-shadow)}.tile-title{font-weight:900;letter-spacing:.3px}.tile-sub{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.hero{border-radius:22px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2));box-shadow:var(--neu-shadow);padding:18px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(880px circle at 26% 18%,rgba(255,255,255,.6),transparent 62%);opacity:.75}:root[data-theme=dark] .hero:before{background:radial-gradient(880px circle at 26% 18%,rgba(255,255,255,.06),transparent 62%);opacity:1}.hero>*{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.hero-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.home-guide{max-width:1320px;margin:0 auto}.home-hero-grid{align-items:stretch}.card.home-card{border-radius:20px;background:linear-gradient(145deg,var(--neu-surface-2),var(--neu-surface));box-shadow:var(--neu-inset)}.home-bullets{display:grid;gap:10px}.home-bullet{padding:10px 12px;border-radius:16px;border:1px solid var(--neu-border);background:linear-gradient(145deg,#ffffff24,#fff0)}:root[data-theme=dark] .home-bullet{background:linear-gradient(145deg,#ffffff0d,#fff0)}.home-bullet-title{font-weight:900;letter-spacing:.2px}.home-steps{display:grid;gap:10px}.home-step{padding:10px 12px;border-radius:16px;border:1px solid var(--neu-border);background:linear-gradient(145deg,#ffffff1f,#fff0)}:root[data-theme=dark] .home-step{background:linear-gradient(145deg,#ffffff0d,#fff0)}.home-step-head{display:flex;align-items:center;gap:10px}.home-step-title{font-weight:900;letter-spacing:.2px}.home-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile.home-preview{display:flex;flex-direction:column;gap:10px}.home-snippet{border-radius:16px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface),var(--neu-surface-2));box-shadow:var(--neu-inset);overflow:hidden}.home-snippet-bar{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--neu-border);background:linear-gradient(145deg,#fff3,#fff0)}:root[data-theme=dark] .home-snippet-bar{background:linear-gradient(145deg,#ffffff0f,#fff0)}.home-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.12)}:root[data-theme=dark] .home-dot{border-color:#ffffff1f}.home-snippet-title{font-weight:900;letter-spacing:.25px;font-size:12px}.home-mini-btn{font-size:11px;font-weight:900;letter-spacing:.2px;padding:6px 8px;border-radius:10px;border:1px solid var(--neu-border);background:linear-gradient(145deg,var(--neu-surface-3),var(--neu-surface-2))}.home-mini-table{padding:10px;display:grid;gap:8px}.home-mini-row{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--neu-border);background:linear-gradient(145deg,#ffffff1a,#fff0)}:root[data-theme=dark] .home-mini-row{background:linear-gradient(145deg,#ffffff0d,#fff0)}.home-mini-cell{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-mini-strong{color:var(--text);font-weight:900}.home-mini-ok{color:#28d17cf2;font-weight:900}.home-mini-late{color:#0ea5e9fa;font-weight:900}.home-mini-pills{padding:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.home-mini-input{margin:10px;padding:12px;border-radius:14px;border:1px solid var(--neu-border);background:var(--input-bg);box-shadow:var(--neu-inset);font-weight:900;letter-spacing:.4px;color:var(--text)}.home-mini-hint{padding:0 10px 12px;font-size:12px;color:var(--muted)}.home-tips{display:grid;gap:8px}.home-tip{padding:10px 12px;border-radius:16px;border:1px solid var(--neu-border);background:linear-gradient(145deg,#ffffff1a,#fff0);color:var(--muted)}:root[data-theme=dark] .home-tip{background:linear-gradient(145deg,#ffffff0d,#fff0)}.home-tip-strong{font-weight:900;color:var(--text)}.id-editor-shell{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:12px;align-items:start}.id-editor-properties{max-height:calc(100vh - 210px);display:flex;flex-direction:column;overflow:hidden}.id-editor-properties-body{margin-top:10px;flex:1 1 auto;overflow:auto;min-height:0;padding-right:6px}.id-canvas-wrap{border:1px solid var(--border);border-radius:16px;background:#00000005;padding:12px;overflow:auto}.id-canvas{width:319px;height:506px;position:relative;border-radius:10px;border:1px solid rgba(0,0,0,.18);background:#fff;overflow:hidden;box-shadow:var(--shadow)}:root[data-theme=dark] .id-canvas{border-color:#ffffff29}.id-el{position:absolute;user-select:none;cursor:move}.id-el.selected{outline:2px dashed rgba(37,99,235,.75);outline-offset:2px}.id-resize-handle{position:absolute;width:10px;height:10px;background:#2563ebf2;border:2px solid rgba(255,255,255,.95);border-radius:999px;box-sizing:border-box}.id-resize-nw{left:-6px;top:-6px;cursor:nwse-resize}.id-resize-ne{right:-6px;top:-6px;cursor:nesw-resize}.id-resize-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.id-resize-se{right:-6px;bottom:-6px;cursor:nwse-resize}.id-resize-n{left:calc(50% - 5px);top:-6px;cursor:ns-resize}.id-resize-s{left:calc(50% - 5px);bottom:-6px;cursor:ns-resize}.id-resize-e{right:-6px;top:calc(50% - 5px);cursor:ew-resize}.id-resize-w{left:-6px;top:calc(50% - 5px);cursor:ew-resize}.id-el-photo{background:transparent;overflow:visible}:root[data-theme=dark] .id-el-photo{background:transparent}.id-el-photo img{width:100%;height:100%;object-fit:cover;display:block}.id-photo-frame{position:relative;width:100%;height:100%;display:block;overflow:hidden}.id-photo-inner{position:absolute;inset:0;overflow:hidden}.id-photo-inner img{width:100%;height:100%;object-fit:cover;display:block}.id-photo-overlay{position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}.id-photo-frame-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:none;pointer-events:none}.id-palette{display:flex;flex-direction:column;gap:8px}.id-palette button{width:100%}@media(max-width:1100px){.id-editor-shell{grid-template-columns:1fr}.id-editor-properties{max-height:none}.id-editor-properties-body{overflow:visible;padding-right:0}.grid,.home-preview-grid{grid-template-columns:1fr}}.modal-overlay.anim-modal{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,visibility 0s linear .54s}.modal-overlay.anim-modal>.modal{transform-origin:92% 96%;transform:translate(140px,120px) scale(.72);filter:blur(6px);transition:transform .54s cubic-bezier(.2,.95,.2,1),filter .54s cubic-bezier(.2,.95,.2,1)}.modal-overlay.anim-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .34s ease}.modal-overlay.anim-modal.is-open>.modal{transform:translate(0) scale(1);filter:blur(0)}.modal-overlay.anim-modal.is-closing{pointer-events:none}@media(prefers-reduced-motion:reduce){.modal-overlay.anim-modal,.modal-overlay.anim-modal>.modal{transition:none!important}}.legend-label{font-weight:900;letter-spacing:.2px;color:var(--muted);font-size:12px}.legend-pill{gap:8px;font-weight:800;letter-spacing:.2px}.legend-circle{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#0000000a}:root[data-theme=dark] .legend-circle{border-color:#ffffff24;background:#ffffff0f}table.attendance-monthly-table{min-width:1340px;table-layout:fixed;border-collapse:separate;border-spacing:0}table.attendance-monthly-table th,table.attendance-monthly-table td{text-align:center;border-right:0;border-bottom:0}table.attendance-monthly-table th,table.attendance-monthly-table td{padding:6px 0;box-sizing:border-box}table.attendance-monthly-table thead th{border-top:0;background:var(--panel-opaque)}table.attendance-monthly-table tr>:first-child{border-left:0}table.attendance-monthly-table col.att-month-col-name{width:260px}table.attendance-monthly-table col.att-month-col-day{width:34px}table.attendance-monthly-table th,table.attendance-monthly-table td{vertical-align:middle;line-height:1}table.attendance-monthly-table th.att-month-day,table.attendance-monthly-table td.att-month-cell{padding-left:0;padding-right:0}table.attendance-monthly-table th.att-month-day>.sd-flag,table.attendance-monthly-table th.att-month-day>select.sd-select{vertical-align:middle}table.attendance-monthly-table th.att-month-day>.sd-flag{display:inline-flex}.att-month-wrap{scrollbar-gutter:stable}table.attendance-monthly-table tr.att-month-group-row td.att-month-group{font-weight:800;background:#0000000a}table.attendance-monthly-table tr.att-month-group-row td.att-month-name.att-month-group{text-align:left;background:#0000000a!important}.att-month-name{position:sticky;left:0;background:var(--panel-opaque);z-index:50;width:260px;min-width:260px;max-width:260px;box-sizing:border-box;text-align:left;opacity:1;overflow:hidden;box-shadow:8px 0 16px -16px #00000059}table.attendance-monthly-table th.att-month-name,table.attendance-monthly-table td.att-month-name{padding:8px 12px}table.attendance-monthly-table thead .att-month-name{z-index:60;background:var(--panel-opaque);text-align:center;white-space:nowrap}table.attendance-monthly-table tbody td.att-month-name{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.att-month-day{width:34px;min-width:34px;text-align:center;position:relative;z-index:1}.att-month-cell{width:34px;min-width:34px;text-align:center;padding:6px 0;box-sizing:border-box;position:relative;z-index:1}table.attendance-monthly-table th.sd-dow{text-transform:none;font-size:11px;letter-spacing:.2px}table.attendance-monthly-table th.sd-dow.sd-dow-weekday{color:var(--muted)}table.attendance-monthly-table th.sd-dow.sd-dow-weekend{color:#ff4d4df2}.sd-flag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-weight:900;font-size:12px;line-height:1;border-radius:6px;border:1px solid rgba(0,0,0,.18);background:#0000000a;text-transform:none;user-select:none}.sd-flag-y{color:#28d17cf2;border-color:#28d17c73}.sd-flag-n{color:#ff4d4df2;border-color:#ff4d4d73}.sd-flag-h{color:#2563ebeb;border-color:#2563eb73}.sd-flag-v{color:#a855f7eb;border-color:#a855f773}.sd-flag-s{color:#f97316f2;border-color:#f9731673}.sd-flag-other{color:#1118278c}.att-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-weight:900;font-size:13px;line-height:1;user-select:none}.att-mark-present{color:#28d17cf2}.att-mark-late{color:#0ea5e9f2}.att-mark-absent{color:#ff4d4df2}.att-mark-excused{color:#a855f7eb}.att-mark-cut{color:#b91c1ceb}.att-mark-other{color:#1118278c}.att-text-on-time,.att-text-normal{color:#28d17cf2}.att-text-late{color:#0ea5e9f2}.att-text-absent{color:#ff4d4df2}.att-text-cut{color:#b91c1ceb}.att-text-excused{color:#a855f7eb}html,body{background-color:#08111b}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#060c1761,#080d1870),url(/assets/portal-wallpaper.e23677843b.webp) center center / cover no-repeat fixed}body{position:relative;z-index:0;min-height:100vh;background:transparent}body:not(.id-auth-page):not(.id-portal-shell) .app-shell{opacity:0;visibility:hidden}body,button,input,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:0}.id-decoy-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}body.id-auth-page{min-height:100vh;margin:0;color:#152842;overflow-x:hidden}body.id-auth-page:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#02081229}.id-auth-main{min-height:100vh;display:grid;place-items:center;padding:30px 18px}.id-auth-card{width:min(100%,440px);padding:30px 28px 24px;border-radius:30px;background:linear-gradient(145deg,#ecf1f7f5,#dbe4eff0);border:1px solid rgba(255,255,255,.82);box-shadow:18px 18px 36px #12203547,-14px -14px 28px #ffffff6b,inset 6px 6px 12px #cfd8e38a,inset -6px -6px 12px #ffffffd1;backdrop-filter:blur(8px)}.id-auth-brand{display:grid;justify-items:center;gap:12px;margin-bottom:18px;text-align:center}.id-auth-logo{width:94px;height:94px;padding:14px;border-radius:50%;background:linear-gradient(145deg,#edf2f8fa,#dbe4effa);box-shadow:10px 10px 20px #b4bfcf8a,-10px -10px 20px #ffffffdb,inset 4px 4px 8px #d5dee985,inset -4px -4px 8px #ffffffdb;display:grid;place-items:center}.id-auth-logo img{width:100%;height:100%;display:block;object-fit:contain}.id-auth-kicker,.id-auth-footnote{font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#6d82a0}.id-auth-title{margin:0;font-size:2.25rem;line-height:1.02;font-weight:900;letter-spacing:0;color:#0f2845}.id-auth-subtitle{margin:0;font-size:.98rem;line-height:1.55;color:#516885;max-width:320px}.id-auth-form{display:grid;gap:16px}.id-auth-field{display:grid;gap:7px;color:#5e7693;font-size:.8rem;font-weight:800;text-transform:uppercase}.id-auth-field input{width:100%;min-height:54px;border:0;outline:0;border-radius:999px;padding:14px 18px 14px 20px;background:#ecf1f5;color:#18314f;font-size:1rem;text-transform:none;box-shadow:inset 7px 7px 12px #c6d0dcd1,inset -7px -7px 12px #ffffffe6}.id-auth-field input:focus{box-shadow:inset 7px 7px 12px #c6d0dcd1,inset -7px -7px 12px #ffffffeb,0 0 0 3px #2875d524}.id-auth-submit{justify-self:center;width:156px;min-height:50px;border-radius:999px;border:0;color:#fff;background:linear-gradient(135deg,#1877f2,#2aa8ff);box-shadow:8px 8px 14px #adb8c694,-6px -6px 12px #ffffffb8,inset 0 1px #ffffff57;font-weight:800;text-transform:uppercase}.id-auth-submit:disabled{opacity:.72;cursor:wait}.id-auth-feedback{margin:0 0 14px;padding:12px 14px;border-radius:18px;text-align:center;font-size:.9rem;line-height:1.45;border:1px solid rgba(255,255,255,.78);box-shadow:inset 4px 4px 8px #d0dae68f,inset -4px -4px 8px #ffffffdb}.id-auth-note{margin:0 0 14px;padding:12px 14px;border-radius:18px;text-align:center;font-size:.9rem;line-height:1.45;color:#314b69;background:linear-gradient(180deg,#f9fcfff5,#e5ecf6f5);border:1px solid rgba(255,255,255,.78);box-shadow:inset 4px 4px 8px #d0dae68f,inset -4px -4px 8px #ffffffdb}.id-auth-feedback.err{background:linear-gradient(180deg,#fff3e1fa,#f6ddb4f0);color:#704a14;border-color:#ffd394d1}.id-auth-feedback.ok{background:linear-gradient(180deg,#e2fcedfa,#c2efd7f0);color:#0c6b38;border-color:#72d29cd1}.id-auth-footnote{margin-top:16px;text-align:center}body.id-portal-shell{--arkride-teacher-sidebar-width: 272px;--arkride-teacher-sidebar-collapsed-width: 92px;--arkride-teacher-border: rgba(255, 255, 255, .82);--arkride-neu-surface: linear-gradient(145deg, rgba(247, 250, 254, .98), rgba(224, 233, 244, .94));--arkride-neu-surface-soft: linear-gradient(145deg, rgba(243, 247, 252, .98), rgba(230, 238, 247, .94));--arkride-teacher-shadow: 0 12px 26px rgba(12, 22, 38, .24), inset 1px 1px 0 rgba(255, 255, 255, .92), inset -1px -1px 0 rgba(207, 219, 234, .44);color:#0f243d;background:transparent}body.id-portal-shell .app-shell{min-height:100vh;display:block}body.id-portal-shell .main:before,body.id-portal-shell .topbar{display:none}body.id-portal-shell .main{min-height:100vh;overflow:visible;background:transparent;margin-left:calc(var(--arkride-teacher-sidebar-width) + 36px);transition:margin-left .22s ease}body.id-portal-shell.sidebar-collapsed .main{margin-left:calc(var(--arkride-teacher-sidebar-collapsed-width) + 36px)}body.id-portal-shell .container{padding:28px 28px 44px}body.id-portal-shell .teacher-sidebar{position:fixed;top:18px;left:18px;bottom:18px;width:var(--arkride-teacher-sidebar-width);height:auto;padding:18px 16px;border-radius:28px;border:1px solid var(--arkride-teacher-border);background:var(--arkride-neu-surface);box-shadow:var(--arkride-teacher-shadow);color:#000;display:flex;flex-direction:column;z-index:80;transition:width .22s ease}body.id-portal-shell.sidebar-collapsed .teacher-sidebar{width:var(--arkride-teacher-sidebar-collapsed-width)}body.id-portal-shell .teacher-sidebar-brand-row{display:flex;align-items:center;gap:12px;min-height:64px;margin-bottom:16px;padding:0;border:0}body.id-portal-shell .teacher-sidebar-logo-toggle{width:auto;height:auto;border:0;border-radius:0;padding:0;cursor:pointer;background:transparent;box-shadow:none}body.id-portal-shell .teacher-sidebar-logo-image{width:74px;height:74px;display:block;object-fit:contain}body.id-portal-shell .teacher-sidebar-brand-copy{display:flex;flex-direction:column;min-width:0}body.id-portal-shell .teacher-sidebar-brand-copy strong{font-size:1.02rem;line-height:1.1;letter-spacing:0;text-transform:uppercase;color:#000}body.id-portal-shell .teacher-sidebar-brand-copy span{font-size:.76rem;letter-spacing:0;text-transform:uppercase;color:#000}body.id-portal-shell .teacher-sidebar-nav{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:0 4px 0 0;opacity:1;pointer-events:auto}body.id-portal-shell .teacher-sidebar-nav::-webkit-scrollbar{width:8px}body.id-portal-shell .teacher-sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#7e95b547}body.id-portal-shell .teacher-sidebar-link{width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:18px;background:transparent;color:#000;text-decoration:none;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;box-shadow:none;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}body.id-portal-shell .teacher-sidebar-link:hover,body.id-portal-shell .teacher-sidebar-link.active{background:var(--arkride-neu-surface-soft);box-shadow:inset 1px 1px #fffffff0,inset -1px -1px #c7d4e56b,0 8px 16px #a6b4c91f;transform:translate(1px)}body.id-portal-shell .teacher-sidebar-icon{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;color:#000}body.id-portal-shell .teacher-sidebar-icon svg{width:100%;height:100%;display:block}body.id-portal-shell .teacher-sidebar-label{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:700;letter-spacing:0}body.id-portal-shell .teacher-sidebar-footer{margin-top:auto;padding:14px 0 0;border:0;display:flex;flex-direction:column;gap:8px;opacity:1;pointer-events:auto}body.id-portal-shell.sidebar-collapsed .teacher-sidebar-brand-copy-link,body.id-portal-shell.sidebar-collapsed .teacher-sidebar-label{display:none}body.id-portal-shell.sidebar-collapsed .teacher-sidebar-brand-row{justify-content:center}body.id-portal-shell.sidebar-collapsed .teacher-sidebar-link{justify-content:center;padding-left:10px;padding-right:10px}body.id-portal-shell .page-content{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}body.id-portal-shell.page-loaded .page-content{opacity:1;transform:translateY(0)}body.id-portal-shell .panel,body.id-portal-shell .card,body.id-portal-shell .hero,body.id-portal-shell .tile,body.id-portal-shell .table-wrap{background:#f7fafef0;border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 34px #06122233;backdrop-filter:blur(8px)}body.id-portal-shell .panel:before,body.id-portal-shell .card:before,body.id-portal-shell .hero:before,body.id-portal-shell .tile:before{display:none}.id-home-hero{width:min(100%,1120px);padding:34px 34px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.82);background:#f7fafef0;box-shadow:0 16px 38px #06122238;backdrop-filter:blur(8px)}.id-home-kicker{margin:0 0 8px;color:#6d82a0;font-weight:800;text-transform:uppercase;letter-spacing:0}.id-home-hero h1{margin:0;font-size:3rem;line-height:1;color:#061220;font-weight:900;letter-spacing:0}.id-home-hero p:last-child{max-width:720px;margin:14px 0 0;color:#536a88;font-size:1.05rem;line-height:1.55}.id-action-grid{width:min(100%,1120px);margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.id-action-card{min-height:150px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.82);background:#f7fafef0;box-shadow:0 14px 30px #0612222e;color:#0f243d;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease}.id-action-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0612223d}.id-action-title{font-size:1.1rem;font-weight:900;color:#061220}.id-action-copy{color:#536a88;line-height:1.45;font-size:.95rem}@media(max-width:1100px){.id-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){body.id-portal-shell .teacher-sidebar{position:relative;top:auto;left:auto;bottom:auto;width:min(100% - 24px,760px);margin:18px auto 0}body.id-portal-shell .main,body.id-portal-shell.sidebar-collapsed .main{margin-left:0}body.id-portal-shell.sidebar-collapsed .teacher-sidebar-brand-copy-link,body.id-portal-shell.sidebar-collapsed .teacher-sidebar-label{display:initial}}@media(max-width:640px){.id-auth-main{padding:20px 12px}.id-auth-card{padding:24px 18px 20px;border-radius:24px}.id-auth-logo{width:82px;height:82px}.id-auth-title{font-size:2rem}body.id-portal-shell .container{padding:20px 12px 28px}.id-home-hero{padding:26px 20px 24px}.id-home-hero h1{font-size:2.35rem}.id-action-grid{grid-template-columns:1fr}}