:root{--nc-bg:#f6f7fb;--nc-surface:#fff;--nc-surface-muted:#f8fafc;--nc-border:#e3e8f0;--nc-border-strong:#cbd5e1;--nc-text:#111827;--nc-text-muted:#667085;--nc-text-soft:#94a3b8;--nc-primary:#2a85ff;--nc-primary-strong:#1d4ed8;--nc-accent:#00c2a8;--nc-success:#16a34a;--nc-warning:#d97706;--nc-danger:#dc2626;--nc-sidebar:#111827;--nc-sidebar-muted:#8f9bb3;--nc-shadow:0 12px 28px #0f172a0f;--nc-shadow-soft:0 8px 18px #0f172a0a;color:var(--nc-text);background:var(--nc-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--nc-bg);min-width:320px;min-height:100vh;margin:0}button,a,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.72}h1,h2,p{margin:0}h1{color:var(--nc-text);letter-spacing:0;font-size:30px;line-height:1.15}h2{color:var(--nc-text);letter-spacing:0;font-size:18px;line-height:1.25}.eyebrow{color:var(--nc-text-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800}@media (width<=620px){h1{font-size:24px}}.admin-shell{background:var(--nc-bg);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nc-sidebar);color:#f8fafc;border-right:1px solid #ffffff14;flex-direction:column;gap:30px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;min-height:64px;padding:6px 8px;display:flex}.nav-stack{gap:7px;display:grid}.nav-section-label{color:var(--nc-sidebar-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 5px 12px;font-size:11px;font-weight:800}.nav-group{gap:5px;display:grid}.nav-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 10px;text-decoration:none;display:grid}.nav-item strong,.nav-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nav-item strong{color:inherit;font-size:14px;font-weight:800}.nav-item small{color:var(--nc-sidebar-muted);margin-top:2px;font-size:12px}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active .nav-icon{background:var(--nc-primary);border-color:var(--nc-primary)}.nav-submenu{border-left:1px solid #cbd5e12e;gap:3px;margin-left:28px;padding-left:18px;display:grid}.nav-subitem{width:100%;min-height:34px;color:var(--nc-sidebar-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-weight:700}.nav-subitem:hover,.nav-subitem.active{color:#fff;background:#2a85ff29}.workspace{min-width:0;padding:22px}.workspace-surface{align-content:start;gap:22px;min-height:calc(100vh - 44px);display:grid}.topbar,.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{min-height:72px;padding:2px 0 6px}.page-title{min-width:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:18px;display:grid}.detail-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:18px;display:grid}@media (width<=1080px){.admin-shell{grid-template-columns:1fr}.sidebar{gap:16px;height:auto;padding:16px;position:static}.sidebar-brand{min-height:auto}.nav-stack{grid-template-columns:repeat(4,minmax(170px,1fr));align-items:start;padding-bottom:4px;overflow-x:auto}.nav-section-label{display:none}.nav-submenu{border-left:0;margin-left:0;padding-left:0}.metric-grid,.content-grid,.detail-grid{grid-template-columns:1fr}.workspace{padding:18px}}@media (width<=680px){.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{grid-template-columns:1fr;min-height:48px}.nav-icon,.nav-item small{display:none}.topbar,.panel-header{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch;width:100%}.topbar-actions>*{flex:auto}}.brand-lockup,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-lockup strong,.brand-lockup span,.brand-copy strong,.brand-copy span{display:block}.brand-lockup strong,.brand-copy strong{color:inherit;font-weight:900}.brand-lockup span,.brand-copy span{color:var(--nc-text-soft);margin-top:2px;font-size:13px}.brand-mark{background:var(--nc-accent);color:#052e2b;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 18px #00c2a838}.brand-mark.large{width:56px;height:56px;font-size:20px}.nav-icon{background:#ffffff0f;border:1px solid #cbd5e138;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.nav-icon:before,.nav-icon:after{content:"";opacity:.95;background:currentColor;border-radius:3px;position:absolute}.nav-icon.grid:before{width:6px;height:6px;box-shadow:10px 0,0 10px,10px 10px}.nav-icon.users:before{border-radius:999px;width:9px;height:9px;top:9px;left:9px}.nav-icon.users:after{border-radius:999px 999px 4px 4px;width:17px;height:8px;bottom:8px;right:8px}.nav-icon.activity:before{width:18px;height:3px;transform:rotate(-28deg)}.nav-icon.activity:after{width:18px;height:3px;transform:rotate(28deg)}.nav-icon.calendar:before{background:0 0;border:2px solid;border-radius:4px;width:16px;height:14px}.nav-icon.calendar:after{width:18px;height:2px;top:13px}.nav-icon.qr:before{width:7px;height:7px;box-shadow:11px 0,0 11px,11px 11px}.status-pill{border:1px solid var(--nc-border);background:var(--nc-surface);color:#475569;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.status-pill span{background:var(--nc-warning);border-radius:999px;width:9px;height:9px}.status-pill.online span{background:var(--nc-success)}.status-pill.offline span{background:var(--nc-danger)}.metric,.panel{background:var(--nc-surface);border:1px solid var(--nc-border);box-shadow:var(--nc-shadow-soft);border-radius:8px}.metric{align-content:space-between;min-height:124px;padding:18px;display:grid;position:relative;overflow:hidden}.metric:before{content:"";background:var(--nc-primary);width:4px;position:absolute;inset:0 auto 0 0}.metric span{color:var(--nc-text-muted);font-weight:800}.metric strong{color:var(--nc-text);font-size:34px;line-height:1}.metric.green:before{background:var(--nc-success)}.metric.blue:before{background:var(--nc-primary)}.metric.amber:before{background:var(--nc-warning)}.metric.rose:before{background:#e11d48}.panel{min-width:0;padding:20px}.table-wrap{margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--nc-border);color:#344054;padding:14px 12px}th{color:#667085;text-transform:uppercase;letter-spacing:0;background:var(--nc-surface-muted);font-size:12px}tbody tr:hover td{background:#f8fbff}.tag{color:#175cd3;background:#eef4ff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.tag.Active{color:#166534;background:#dcfce7}.tag.PendingApproval{color:#92400e;background:#fef3c7}.tag.Suspended{color:#991b1b;background:#fee2e2}.qr-box,.qr-render{aspect-ratio:1;border:1px solid var(--nc-border);background:var(--nc-surface);width:min(100%,280px);min-height:280px;color:var(--nc-text-muted);border-radius:8px;place-items:center;margin:22px 0 18px;padding:14px;font-weight:800;display:grid}.qr-box span{overflow-wrap:anywhere;text-align:center;max-width:100%;color:var(--nc-text);font-weight:900}.qr-render svg{width:100%;height:auto;display:block}.detail-list,.info-list{gap:13px;margin:0;display:grid}.detail-list div,.info-list div{gap:4px;display:grid}.detail-list dt,.info-list dt{color:var(--nc-text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.detail-list dd,.info-list dd{color:var(--nc-text);overflow-wrap:anywhere;margin:0}.info-list dd{font-weight:900}.empty-state{border:1px dashed var(--nc-border-strong);min-height:112px;color:var(--nc-text-muted);background:var(--nc-surface-muted);text-align:center;border-radius:8px;place-items:center;margin-top:18px;padding:18px;display:grid}.section-stack{gap:18px;display:grid}.form-panel{width:min(100%,760px)}.table-action-cell{text-align:right}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.table-button,.link-button{color:var(--nc-primary-strong);cursor:pointer;font-weight:800}.table-button{border:1px solid var(--nc-border-strong);background:var(--nc-surface);border-radius:8px;min-height:32px;padding:0 12px}.table-button:hover{border-color:var(--nc-primary);background:#eff6ff}.table-button.danger{color:var(--nc-danger)}.table-button.danger:hover{border-color:var(--nc-danger);background:#fef2f2}.link-button{text-align:left;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.data-table-card{border:1px solid var(--nc-border);background:var(--nc-surface);border-radius:8px;overflow:hidden}.data-table{min-width:720px}.data-table.compact th,.data-table.compact td{padding:11px 12px}.th-button{width:100%;min-height:22px;color:inherit;cursor:default;font:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:6px;padding:0;font-weight:900;display:inline-flex}.th-button.sortable{cursor:pointer}.th-button.sortable:hover{color:var(--nc-primary-strong)}.th-button:disabled{opacity:1}.align-right{text-align:right}.align-right .th-button{text-align:right;justify-content:flex-end}.align-center{text-align:center}.align-center .th-button{text-align:center;justify-content:center}.person-cell,.person-heading{align-items:center;gap:10px;min-width:0;display:inline-flex}.person-heading{display:flex}.avatar-initials{width:34px;height:34px;color:var(--nc-primary-strong);background:#eef4ff;border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.avatar-initials.large{width:48px;height:48px;font-size:15px}.event-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.event-badge.Entry{color:#166534;background:#dcfce7}.event-badge.Exit{color:#991b1b;background:#fee2e2}.summary-chip{border:1px solid var(--nc-border);background:var(--nc-surface-muted);min-height:34px;color:var(--nc-text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.profile-card .primary-button{justify-self:start}.qr-detail-grid{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.qr-active-card .qr-render{margin:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--nc-surface);border:1px solid var(--nc-border);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,520px);max-height:min(720px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a47}.modal-panel.large{width:min(100%,720px)}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.modal-header{border-bottom:1px solid var(--nc-border)}.modal-body{min-width:0;padding:20px;overflow:auto}.modal-actions{border-top:1px solid var(--nc-border);background:var(--nc-surface-muted);justify-content:flex-end}.icon-button{border:1px solid var(--nc-border);background:var(--nc-surface);width:36px;height:36px;color:var(--nc-text-muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.icon-button:hover{color:var(--nc-text);border-color:var(--nc-primary);background:#eff6ff}@media (width<=760px){.qr-detail-grid{grid-template-columns:1fr}.toolbar-actions{justify-content:stretch;width:100%}.toolbar-actions>*{flex:auto}}.confirm-copy{color:#344054;margin:0;font-weight:800;line-height:1.6}.identity-cell{gap:4px;display:grid}.identity-cell small{color:var(--nc-text-muted);font-weight:700}.role-chip-list{flex-wrap:wrap;gap:6px;display:flex}.login-page{background:var(--nc-bg);grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:100vh;display:grid}.login-hero{color:#fff;background:#111827;align-content:center;gap:22px;min-height:100vh;padding:56px;display:grid}.login-hero h1{color:#fff;max-width:520px;font-size:44px;line-height:1.08}.login-copy{color:#cbd5e1;max-width:520px;margin-top:16px;font-size:16px;line-height:1.7}.login-panel{background:var(--nc-surface);border:1px solid var(--nc-border);width:min(100% - 48px,430px);box-shadow:var(--nc-shadow);border-radius:8px;place-self:center;padding:28px}.login-brand{color:var(--nc-text);margin-bottom:26px}.login-form,.student-form{gap:15px;display:grid}label{color:#344054;gap:7px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--nc-border-strong);background:var(--nc-surface);width:100%;min-height:42px;color:var(--nc-text);border-radius:8px;outline:none;padding:0 12px}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--nc-primary);box-shadow:0 0 0 3px #2a85ff29}.phone-input-group{grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.phone-prefix{border:1px solid var(--nc-border-strong);min-height:42px;color:var(--nc-text-muted);background:#f8fafc;border-right:0;border-radius:8px 0 0 8px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.phone-input-group input{border-radius:0 8px 8px 0}.phone-input-group:focus-within .phone-prefix{border-color:var(--nc-primary);color:var(--nc-primary-strong)}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.primary-button,.ghost-button,.danger-button{cursor:pointer;border-radius:8px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.primary-button{border:1px solid var(--nc-primary);background:var(--nc-primary);color:#fff;width:100%;min-height:42px;padding:0 16px;font-weight:900}.primary-button:hover{background:var(--nc-primary-strong);border-color:var(--nc-primary-strong);box-shadow:0 9px 18px #2a85ff2e}.danger-button{border:1px solid var(--nc-danger);background:var(--nc-danger);color:#fff;min-height:38px;padding:0 14px;font-weight:900}.danger-button:hover{background:#b91c1c;border-color:#b91c1c}.ghost-button{border:1px solid var(--nc-border-strong);background:var(--nc-surface);color:#344054;min-height:38px;padding:0 14px;font-weight:800}.ghost-button:hover{border-color:var(--nc-primary);color:var(--nc-primary-strong);background:#eff6ff}.form-error,.form-hint{border-radius:8px;padding:11px 12px;font-size:13px;font-weight:800}.form-error{color:#991b1b;background:#fee2e2}.form-hint{color:#155e75;background:#ecfeff}.filter-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;display:grid}.filter-grid.compact{grid-template-columns:repeat(4,minmax(130px,1fr))}@media (width<=1080px){.filter-grid,.filter-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-hero{min-height:auto;padding:28px 24px}.login-hero h1{font-size:30px}.login-panel{margin:24px 0}}@media (width<=620px){.form-row,.filter-grid,.filter-grid.compact{grid-template-columns:1fr;width:100%}}.inline-button{width:auto;min-width:max-content}.modal-body .primary-button{margin-top:2px}.date-range-field{gap:7px;min-width:0;display:grid;position:relative}.field-label{color:#344054;font-size:13px;font-weight:800}.date-range-trigger{border:1px solid var(--nc-border-strong);background:var(--nc-surface);width:100%;min-height:42px;color:var(--nc-text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:800;display:flex}.date-range-trigger.active,.date-range-trigger:focus{border-color:var(--nc-primary);outline:none;box-shadow:0 0 0 3px #2a85ff29}.calendar-icon{width:16px;height:16px;color:var(--nc-text-muted);border:2px solid;border-radius:4px;position:relative}.calendar-icon:before{content:"";border-top:2px solid;position:absolute;top:3px;left:-2px;right:-2px}.date-range-popover{z-index:30;border:1px solid var(--nc-border);background:var(--nc-surface);border-radius:8px;gap:12px;width:min(360px,100vw - 48px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 22px 50px #0f172a38}.date-range-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.date-range-header strong{color:var(--nc-text);text-transform:capitalize;font-size:14px}.icon-button.small{width:30px;height:30px;font-size:16px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekday-grid span{color:var(--nc-text-muted);text-align:center;font-size:11px;font-weight:900}.calendar-day{aspect-ratio:1;min-height:34px;color:var(--nc-text);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:800}.calendar-day:hover{color:var(--nc-primary-strong);background:#eff6ff}.calendar-day.muted{color:var(--nc-text-soft)}.calendar-day.in-range{color:var(--nc-primary-strong);background:#eaf2ff}.calendar-day.selected{background:var(--nc-primary);color:#fff;box-shadow:0 7px 14px #2a85ff38}.date-range-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:4px;display:grid}.date-range-shortcuts button{border:1px solid var(--nc-border);background:var(--nc-surface-muted);min-height:32px;color:var(--nc-primary-strong);cursor:pointer;border-radius:8px;font-size:12px;font-weight:900}.date-range-shortcuts button:hover{border-color:var(--nc-primary);background:#eff6ff}@media (width>=1081px){.filter-grid>.date-range-field,.filter-grid.compact>.date-range-field{grid-column:span 2}}@media (width<=620px){.date-range-popover{width:calc(100vw - 56px)}.date-range-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkbox-line{grid-template-columns:none;align-items:center;gap:10px;display:flex}.checkbox-line input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--nc-primary)}.students-filter-grid{grid-template-columns:minmax(260px,1.4fr) minmax(180px,.8fr) minmax(180px,.8fr)}.attendance-filter-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}@media (width<=1080px){.students-filter-grid,.attendance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.students-filter-grid,.attendance-filter-grid{grid-template-columns:1fr}}.field-group,.role-option-list{gap:8px;display:grid}.role-option{border:1px solid var(--nc-border);background:#f8fafc;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px}.role-option input{width:18px;min-height:18px;margin-top:2px}.role-option span{gap:3px;display:grid}.role-option small{color:var(--nc-text-muted);font-weight:700;line-height:1.4}