*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--emerald-950:#022c22;--emerald-900:#064e3b;--emerald-800:#065f46;--emerald-700:#047857;--emerald-600:#059669;--emerald-100:#d1fae5;--emerald-50:#ecfdf5;--amber-500:#f59e0b;--amber-400:#fbbf24;--slate-950:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--surface:#fff;--danger:#dc2626;--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow-md:0 12px 32px rgba(15,23,42,.08);--radius-sm:0.75rem;--radius:1rem;--radius-lg:1.35rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--slate-800);background:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{min-height:2.75rem;border-color:var(--slate-200)!important;background-color:var(--surface);color:var(--slate-800);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}textarea{min-height:7rem;resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--slate-400)}input::placeholder,textarea::placeholder{color:var(--slate-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--emerald-600)!important;box-shadow:0 0 0 3px rgba(5,150,105,.13)}input[type=checkbox],input[type=radio]{width:1.05rem;height:1.05rem;accent-color:var(--emerald-700)}table{border-collapse:separate;border-spacing:0}thead th{color:var(--slate-600);font-size:.72rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:var(--slate-50)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.app-body,.app-shell{min-height:100vh}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-160%);border-radius:.75rem;background:var(--surface);color:var(--emerald-900);padding:.75rem 1rem;font-weight:700;box-shadow:var(--shadow-md)}.skip-link:focus{transform:translateY(0)}.app-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:min(18rem,88vw);min-height:100vh;flex-direction:column;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 0,rgba(16,185,129,.2),transparent 28%),linear-gradient(180deg,var(--emerald-950),#031f19 100%);box-shadow:18px 0 48px rgba(2,44,34,.16);transform:translateX(-105%);transition:transform .22s ease}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;z-index:45;inset:0;visibility:hidden;background:rgba(15,23,42,.55);opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s ease,visibility .2s ease}.sidebar-open .sidebar-overlay{visibility:visible;opacity:1}.sidebar-brand{display:flex;min-height:6.7rem;align-items:center;gap:.8rem;border-bottom:1px solid hsla(0,0%,100%,.1);padding:1.2rem 1rem 1.1rem 1.15rem}.brand-logo{display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid hsla(0,0%,100%,.24);border-radius:1rem;color:var(--emerald-950);background:linear-gradient(145deg,#fde68a,var(--amber-400));font-size:1.05rem;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}.brand-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;padding:.25rem}.brand-copy{min-width:0;flex:1}.brand-copy strong{display:block;overflow:hidden;color:#fff;font-size:.86rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.brand-copy span{display:block;margin-top:.26rem;color:#a7f3d0;font-size:.69rem}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem;scrollbar-color:hsla(0,0%,100%,.18) transparent;scrollbar-width:thin}.nav-section-title{margin:.15rem .7rem .55rem;color:#6ee7b7;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-group summary,.nav-item{display:flex;min-height:2.7rem;align-items:center;gap:.72rem;border:1px solid transparent;border-radius:.78rem;color:#d1fae5;font-size:.8rem;font-weight:600;line-height:1.1;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease}.nav-item{margin-bottom:.2rem;padding:.65rem .78rem;text-decoration:none}.nav-group summary:hover,.nav-item:hover{color:#fff;background:hsla(0,0%,100%,.08)}.nav-item.active{border-color:rgba(251,191,36,.36);color:#fff;background:linear-gradient(90deg,rgba(5,150,105,.86),rgba(4,120,87,.68));box-shadow:inset 3px 0 0 var(--amber-400),0 7px 18px rgba(0,0,0,.12)}.nav-icon,.ui-icon{width:1.15rem;height:1.15rem;flex:0 0 auto}.nav-group{margin:.22rem 0}.nav-group summary{justify-content:space-between;padding:.65rem .78rem;cursor:pointer;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group-label{display:flex;align-items:center;gap:.72rem}.nav-chevron{width:.95rem;height:.95rem;color:#6ee7b7;transition:transform .18s ease}.nav-group[open] .nav-chevron{transform:rotate(90deg)}.nav-submenu{position:relative;margin:.1rem 0 .45rem 1.15rem;padding-left:.62rem}.nav-submenu:before{position:absolute;inset:.18rem auto .4rem 0;width:1px;content:"";background:rgba(167,243,208,.22)}.nav-submenu .nav-item{min-height:2.35rem;padding-block:.5rem;font-size:.75rem}.nav-submenu .nav-icon{width:1rem;height:1rem}.sidebar-footer{display:flex;align-items:center;gap:.65rem;border-top:1px solid hsla(0,0%,100%,.1);padding:.9rem 1.15rem 1.1rem;color:#d1fae5}.status-dot{width:.6rem;height:.6rem;flex:0 0 auto;border:2px solid hsla(0,0%,100%,.46);border-radius:999px;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.sidebar-footer small,.sidebar-footer strong{display:block}.sidebar-footer strong{font-size:.7rem}.sidebar-footer small{margin-top:.16rem;color:#6ee7b7;font-size:.62rem}.app-main{display:flex;min-width:0;min-height:100vh;flex-direction:column}.app-topbar{position:sticky;z-index:35;top:0;min-height:4.65rem;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(226,232,240,.85);background:hsla(0,0%,100%,.88);padding:.7rem 1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-topbar,.topbar-leading,.topbar-user,.user-actions{display:flex;align-items:center}.topbar-leading{min-width:0;gap:.7rem}.topbar-leading h1{margin:.12rem 0 0;color:var(--slate-950);font-size:clamp(1rem,2.2vw,1.22rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}.topbar-eyebrow,.topbar-leading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-eyebrow{margin:0;color:var(--slate-500);font-size:.64rem;font-weight:600}.topbar-user{gap:.62rem}.user-copy{display:none;text-align:right}.user-copy span,.user-copy strong{display:block}.user-copy strong{color:var(--slate-800);font-size:.76rem}.user-copy span{margin-top:.12rem;color:var(--slate-500);font-size:.64rem}.user-avatar{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:3px solid var(--emerald-50);border-radius:.8rem;color:var(--emerald-900);background:var(--emerald-100);font-size:.72rem;font-weight:900}.user-actions{gap:.28rem}.icon-button{display:inline-grid;width:2.45rem;height:2.45rem;flex:0 0 auto;place-items:center;border:1px solid var(--slate-200);border-radius:.8rem;color:var(--slate-600);background:var(--surface);transition:color .15s ease,border-color .15s ease,background-color .15s ease,transform .15s ease}.icon-button:hover{border-color:#a7f3d0;color:var(--emerald-800);background:var(--emerald-50)}.icon-button:active{transform:scale(.96)}.sidebar-close{border-color:hsla(0,0%,100%,.15);color:#fff;background:hsla(0,0%,100%,.08)}.logout-button:hover{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.app-content{width:100%;max-width:100rem;flex:1;margin-inline:auto;padding:1.2rem 1rem 2rem}.app-content h2{color:var(--slate-950);letter-spacing:-.025em}.app-content .bg-white{box-shadow:var(--shadow-sm)}.app-content .border{border-color:var(--slate-200)}.app-content a[class*=bg-],.app-content button[class*=bg-]{transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}.app-content a[class*=bg-]:hover,.app-content button[class*=bg-]:hover{filter:brightness(.96);box-shadow:0 6px 16px rgba(15,23,42,.09)}.app-content a[class*=bg-]:active,.app-content button[class*=bg-]:active{transform:translateY(1px)}.app-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;border-top:1px solid var(--slate-200);color:var(--slate-500);background:hsla(0,0%,100%,.55);padding:.85rem 1rem;font-size:.65rem}.alert{position:relative;display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;border:1px solid;border-radius:var(--radius-sm);padding:.85rem 2.8rem .85rem .95rem;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-sm)}.alert-success{border-color:#a7f3d0;color:#065f46;background:#ecfdf5}.alert-error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.alert-dot{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:999px;background:currentColor;opacity:.7}.alert-close{position:absolute;top:50%;right:.75rem;border:0;color:currentColor;background:transparent;font-size:1.35rem;line-height:1;opacity:.6;transform:translateY(-50%)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent;border-radius:999px;padding:.3rem .58rem;font-size:.68rem;font-weight:800;line-height:1;text-transform:capitalize;white-space:nowrap}.status-badge:before{width:.36rem;height:.36rem;border-radius:999px;content:"";background:currentColor;opacity:.72}.status-aktif,.status-hadir{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.status-terlambat{border-color:#fde68a;color:#b45309;background:#fffbeb}.status-izin{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff}.status-sakit{border-color:#ddd6fe;color:#6d28d9;background:#f5f3ff}.status-alpa,.status-belum-absen,.status-nonaktif{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.status-arsip{border-color:var(--slate-200);color:var(--slate-600);background:var(--slate-100)}.page-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.page-kicker{margin-bottom:.28rem;color:var(--emerald-700);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:850}.page-heading p:not(.page-kicker){margin:.35rem 0 0;color:var(--slate-500);font-size:.82rem}.primary-button,.secondary-button,.soft-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:.8rem;padding:.68rem 1rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.primary-button{color:#fff;background:linear-gradient(135deg,var(--emerald-700),var(--emerald-800));box-shadow:0 8px 20px rgba(4,120,87,.18)}.primary-button:hover{box-shadow:0 10px 24px rgba(4,120,87,.24);transform:translateY(-1px)}.secondary-button{border-color:var(--slate-200);color:var(--slate-700);background:var(--surface)}.soft-button{border-color:#a7f3d0;color:var(--emerald-800);background:var(--emerald-50)}.button-icon{width:1rem;height:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stat-card{position:relative;min-height:8rem;overflow:hidden;border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.stat-card:after{position:absolute;top:-2.8rem;right:-2.8rem;width:6rem;height:6rem;border-radius:999px;content:"";background:var(--stat-glow,var(--emerald-100));opacity:.48}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.stat-icon{display:grid;width:2.3rem;height:2.3rem;place-items:center;border-radius:.75rem;color:var(--stat-color,var(--emerald-700));background:var(--stat-bg,var(--emerald-50))}.stat-icon svg{width:1.12rem;height:1.12rem}.stat-card p{margin:.85rem 0 0;color:var(--slate-500);font-size:.7rem;font-weight:650}.stat-card strong{display:block;margin-top:.15rem;color:var(--slate-950);font-size:clamp(1.45rem,4vw,2rem);font-weight:900;letter-spacing:-.045em}.stat-card small{color:var(--slate-400);font-size:.62rem}.dashboard-grid{display:grid;gap:1rem;margin-top:1rem}.panel-card{overflow:hidden;border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;border-top:1px solid var(--slate-100);color:var(--slate-500);background:#fff;padding:.85rem 1rem;font-size:.68rem}.pagination>div{display:flex;gap:.4rem}.pagination .disabled,.pagination a{display:inline-flex;min-height:2.2rem;align-items:center;border:1px solid var(--slate-200);border-radius:.65rem;padding:.45rem .7rem;font-weight:750;text-decoration:none}.pagination a{color:var(--emerald-800);background:var(--emerald-50)}.pagination .disabled{color:var(--slate-300);background:var(--slate-50)}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--slate-100);padding:1rem 1.1rem}.panel-header h3{margin:0;color:var(--slate-900);font-size:.9rem;font-weight:800}.panel-header p{margin:.2rem 0 0;color:var(--slate-500);font-size:.66rem}.panel-body{padding:1rem}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quick-action{display:flex;min-height:5.4rem;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--slate-200);border-radius:.9rem;color:var(--slate-700);background:var(--slate-50);padding:.85rem;font-size:.72rem;font-weight:750;text-decoration:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease}.quick-action:hover{border-color:#a7f3d0;color:var(--emerald-800);background:var(--emerald-50);transform:translateY(-1px)}.quick-action svg{width:1.25rem;height:1.25rem}.progress-list{display:grid;gap:.85rem}.progress-row{display:grid;grid-template-columns:minmax(3rem,5rem) 1fr auto;align-items:center;gap:.6rem;font-size:.7rem}.progress-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{height:.48rem;overflow:hidden;border-radius:999px;background:var(--slate-100)}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--emerald-600),#34d399)}.empty-state{padding:2.5rem 1rem;color:var(--slate-400);text-align:center}.empty-state svg{width:2.3rem;height:2.3rem;margin:0 auto .7rem;color:var(--slate-300)}.login-page{display:flex;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(16,185,129,.2),transparent 30%),radial-gradient(circle at 90% 86%,rgba(251,191,36,.14),transparent 27%),linear-gradient(145deg,#021f18,#064e3b 58%,#065f46);padding:1rem}.login-shell{display:grid;width:min(62rem,100%);min-height:min(39rem,calc(100vh - 2rem));margin:auto;overflow:hidden;border:1px solid hsla(0,0%,100%,.16);border-radius:1.6rem;background:#fff;box-shadow:0 30px 80px rgba(2,44,34,.35)}.login-brand-panel{position:relative;display:none;overflow:hidden;color:#fff;background:linear-gradient(160deg,rgba(2,44,34,.78),rgba(6,78,59,.94)),radial-gradient(circle at 100% 0,#10b981,transparent 38%);padding:2.5rem}.login-brand-panel:after,.login-brand-panel:before{position:absolute;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;content:""}.login-brand-panel:before{width:18rem;height:18rem;right:-8rem;bottom:-6rem}.login-brand-panel:after{width:12rem;height:12rem;right:-3rem;bottom:-3rem}.login-brand-content,.login-brand-footer,.login-brand-top{position:relative;z-index:1}.login-brand-top{display:flex;align-items:center;gap:.85rem}.login-logo{display:grid;width:4rem;height:4rem;place-items:center;overflow:hidden;border:1px solid hsla(0,0%,100%,.28);border-radius:1.15rem;color:var(--emerald-950);background:linear-gradient(145deg,#fde68a,var(--amber-400));font-size:1.2rem;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.2)}.login-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;padding:.3rem}.login-brand-top span,.login-brand-top strong{display:block}.login-brand-top strong{font-size:.9rem;font-weight:850}.login-brand-top span{margin-top:.18rem;color:#a7f3d0;font-size:.68rem}.login-brand-content{align-self:center}.login-brand-content .eyebrow{color:#6ee7b7;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-brand-content h1{max-width:26rem;margin:.8rem 0 0;font-size:clamp(2.3rem,5vw,3.5rem);font-weight:900;letter-spacing:-.055em;line-height:1.03}.login-brand-content p{max-width:26rem;margin:1rem 0 0;color:#d1fae5;font-size:.86rem;line-height:1.7}.login-points{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.login-points span{border:1px solid rgba(167,243,208,.2);border-radius:999px;color:#d1fae5;background:hsla(0,0%,100%,.07);padding:.42rem .7rem;font-size:.64rem;font-weight:650}.login-brand-footer{align-self:end;color:#6ee7b7;font-size:.63rem}.login-form-panel{display:flex;align-items:center;padding:clamp(1.5rem,5vw,3.8rem)}.login-form-wrap{width:100%;max-width:25rem;margin:auto}.mobile-login-brand{display:flex;align-items:center;gap:.72rem;margin-bottom:2rem}.mobile-login-brand .login-logo{width:3.2rem;height:3.2rem;border-color:var(--slate-200);border-radius:.9rem;box-shadow:none}.mobile-login-brand span,.mobile-login-brand strong{display:block}.mobile-login-brand strong{color:var(--slate-900);font-size:.85rem}.mobile-login-brand span{margin-top:.15rem;color:var(--slate-500);font-size:.66rem}.login-form-wrap h2{margin:0;color:var(--slate-950);font-size:1.65rem;font-weight:900;letter-spacing:-.035em}.login-form-wrap>p{margin:.5rem 0 1.7rem;color:var(--slate-500);font-size:.8rem}.form-field{margin-bottom:1rem}.input-shell{position:relative}.input-shell>svg{position:absolute;z-index:1;top:50%;left:.9rem;width:1rem;height:1rem;color:var(--slate-400);transform:translateY(-50%);pointer-events:none}.input-shell input{width:100%;min-height:3.1rem!important;border:1px solid var(--slate-200);border-radius:.85rem;padding:.72rem 2.8rem .72rem 2.65rem}.password-toggle{position:absolute;top:50%;right:.5rem;display:grid;width:2.1rem;height:2.1rem;place-items:center;border:0;border-radius:.65rem;color:var(--slate-400);background:transparent;transform:translateY(-50%)}.password-toggle:hover{color:var(--emerald-700);background:var(--emerald-50)}.password-toggle svg{width:1rem;height:1rem}.login-button{display:flex;width:100%;min-height:3.1rem;align-items:center;justify-content:center;gap:.55rem;margin-top:1.2rem;border:0;border-radius:.85rem;color:#fff;background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900));font-size:.78rem;font-weight:850;box-shadow:0 12px 24px rgba(4,120,87,.2);transition:transform .15s ease,box-shadow .15s ease}.login-button:hover{box-shadow:0 14px 28px rgba(4,120,87,.27);transform:translateY(-1px)}.login-note{margin-top:1.5rem;color:var(--slate-400);font-size:.64rem;line-height:1.6;text-align:center}.scanner-shell{max-width:46rem;margin-inline:auto}.id-card-stage{display:grid;min-height:31rem;place-items:center;overflow:hidden;border:1px dashed var(--slate-300);border-radius:1.25rem;background:linear-gradient(45deg,var(--slate-50) 25%,transparent 25%) 0 0 /20px 20px,linear-gradient(-45deg,var(--slate-50) 25%,transparent 25%) 0 0 /20px 20px,#fff;padding:2rem 1rem}.student-id-card{position:relative;width:21.25rem;min-height:33.7rem;overflow:hidden;border:1px solid #a7f3d0;border-radius:1.25rem;color:var(--slate-800);background:radial-gradient(circle at 100% 0,rgba(52,211,153,.16),transparent 29%),#fff;box-shadow:0 24px 55px rgba(2,44,34,.18)}.id-card-accent{height:.55rem;background:linear-gradient(90deg,var(--emerald-900),var(--emerald-600) 72%,var(--amber-400) 72%)}.id-card-header{display:flex;align-items:center;gap:.7rem;padding:1.15rem 1.2rem .8rem}.id-card-logo{display:grid;width:3rem;height:3rem;place-items:center;overflow:hidden;border:1px solid #d1fae5;border-radius:.8rem;color:var(--emerald-900);background:#fbbf24;font-weight:900}.id-card-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;padding:.2rem}.id-card-header span,.id-card-header strong{display:block}.id-card-header strong{color:var(--emerald-950);font-size:.8rem;font-weight:900;line-height:1.2}.id-card-header span{margin-top:.18rem;color:var(--slate-500);font-size:.6rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.id-card-qr{display:grid;width:12rem;height:12rem;place-items:center;margin:1.05rem auto;border:1px solid var(--slate-200);border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08)}.id-card-qr canvas,.id-card-qr img{max-width:10.5rem;max-height:10.5rem}.id-card-student{padding:.55rem 1.25rem 1rem;text-align:center}.id-card-photo{width:3.4rem;height:3.4rem;margin:-.15rem auto .55rem;border:3px solid var(--emerald-50);border-radius:.9rem;-o-object-fit:cover;object-fit:cover}.id-card-student h3{margin:0;color:var(--slate-950);font-size:1.15rem;font-weight:900;letter-spacing:-.025em}.id-card-student p{margin:.32rem 0 0;color:var(--slate-500);font-size:.72rem}.id-card-student span{display:inline-flex;margin-top:.65rem;border:1px solid #a7f3d0;border-radius:999px;color:var(--emerald-800);background:var(--emerald-50);padding:.35rem .8rem;font-size:.7rem;font-weight:800}.id-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 1.15rem;border-top:1px dashed var(--slate-200);color:var(--slate-400);padding:.85rem 0 1rem;font-size:.55rem}.id-card-footer strong{color:var(--emerald-800)}.scanner-card{overflow:hidden;border:1px solid var(--slate-200);border-radius:1.4rem;background:var(--surface);box-shadow:var(--shadow-md)}.scanner-statusbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--slate-100);padding:.8rem 1rem}.camera-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--slate-600);font-size:.68rem;font-weight:700}.camera-status span{width:.48rem;height:.48rem;border-radius:999px;background:var(--amber-500);box-shadow:0 0 0 4px rgba(245,158,11,.12)}.camera-status.is-active span{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.13)}.scanner-stage{position:relative;overflow:hidden;background:var(--slate-950);padding:.75rem}.scanner-stage #reader{overflow:hidden;border-radius:1rem;background:#020617}.scanner-stage #reader video{border-radius:1rem}.scanner-result{margin:.9rem;border:1px solid;border-radius:1rem;padding:1rem;text-align:center}.scanner-result h3{margin:0;font-size:1rem;font-weight:850}.scanner-result p{margin:.35rem 0 0;font-size:.72rem}.scanner-result.success{border-color:#a7f3d0;color:#065f46;background:#ecfdf5}.scanner-result.error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.scanner-actions{display:flex;gap:.65rem;padding:0 .9rem .9rem}.scanner-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.scanner-help-item{border:1px solid var(--slate-200);border-radius:.9rem;background:var(--surface);padding:.8rem;text-align:center}.scanner-help-item span,.scanner-help-item strong{display:block}.scanner-help-item strong{color:var(--slate-800);font-size:.68rem}.scanner-help-item span{margin-top:.2rem;color:var(--slate-500);font-size:.59rem;line-height:1.45}.portal-page{min-height:100vh;color:var(--slate-800);background:#f5f8f6}.portal-main table[data-mobile-cards=true]{min-width:0}.portal-header{color:#fff;background:radial-gradient(circle at 85% 0,rgba(52,211,153,.28),transparent 34%),linear-gradient(135deg,var(--emerald-950),var(--emerald-800))}.portal-header-inner,.portal-main{width:min(64rem,calc(100% - 2rem));margin-inline:auto}.portal-header-inner{padding:1.25rem 0 4.4rem}.portal-nav{justify-content:space-between;gap:1rem}.portal-brand,.portal-nav{display:flex;align-items:center}.portal-brand{gap:.65rem}.portal-brand .brand-logo{width:2.55rem;height:2.55rem;border-radius:.8rem}.portal-brand span,.portal-brand strong{display:block}.portal-brand strong{font-size:.78rem}.portal-brand span{margin-top:.12rem;color:#a7f3d0;font-size:.6rem}.portal-logout{border:1px solid hsla(0,0%,100%,.2);border-radius:.7rem;color:#fff;background:hsla(0,0%,100%,.08);padding:.55rem .8rem;font-size:.68rem;font-weight:700;text-decoration:none}.portal-greeting{margin-top:2.2rem}.portal-greeting p{margin:0;color:#a7f3d0;font-size:.72rem}.portal-greeting h1{margin:.4rem 0 0;font-size:clamp(1.55rem,5vw,2.3rem);font-weight:900;letter-spacing:-.04em}.portal-student-heading{display:flex;align-items:center;gap:.85rem;margin-top:.45rem}.portal-student-heading h1{margin:0}.portal-student-heading img{width:3.4rem;height:3.4rem;flex:0 0 auto;border:2px solid hsla(0,0%,100%,.38);border-radius:1rem;background:#fff;-o-object-fit:cover;object-fit:cover;box-shadow:0 10px 24px rgba(2,44,34,.3)}.portal-greeting span{display:inline-block;margin-top:.6rem;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;color:#d1fae5;background:hsla(0,0%,100%,.08);padding:.42rem .75rem;font-size:.65rem;font-weight:650}.portal-main{position:relative;margin-top:-3rem;padding-bottom:2rem}.portal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.portal-summary .stat-card{min-height:7rem}.portal-grid{display:grid;gap:1rem}.notification-list{display:grid;gap:.65rem}.notification-card{display:block;border:1px solid var(--slate-200);border-radius:.9rem;color:var(--slate-700);background:var(--surface);padding:.9rem;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.notification-card:hover{border-color:#a7f3d0;transform:translateY(-1px)}.notification-card.unread{border-color:#fde68a;background:#fffbeb}.notification-card h3{margin:0;color:var(--slate-800);font-size:.78rem;font-weight:800}.notification-card p{margin:.4rem 0;color:var(--slate-600);font-size:.7rem;line-height:1.55}.notification-card small{color:var(--slate-400);font-size:.6rem}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--surface);padding:.8rem;box-shadow:var(--shadow-sm)}.filter-bar input,.filter-bar select{min-width:9.5rem;flex:1 1 10rem;border:1px solid var(--slate-200);border-radius:.75rem;padding:.62rem .75rem}.form-grid{display:grid;gap:1rem}.form-field label{display:block;margin-bottom:.42rem;color:var(--slate-700);font-size:.72rem;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--slate-200);border-radius:.8rem;padding:.7rem .85rem}.field-help{margin:.38rem 0 0;color:var(--slate-400);font-size:.64rem;line-height:1.5}.required-mark{color:var(--danger)}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;border-top:1px solid var(--slate-100);padding:1rem}.sticky-actions{position:sticky;z-index:10;bottom:0;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.danger-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid #fecaca;border-radius:.8rem;color:#fff;background:#b91c1c;padding:.68rem 1rem;font-size:.78rem;font-weight:800}.is-loading,button:disabled{cursor:wait;opacity:.65}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.check-row{display:flex;align-items:center;gap:.55rem;color:var(--slate-600);font-size:.7rem}.student-form-layout{display:grid;gap:1rem;max-width:68rem}.student-photo-card{align-self:start}.student-photo-preview{display:grid;width:10rem;height:12rem;place-items:center;overflow:hidden;margin-inline:auto;border:1px dashed var(--slate-300);border-radius:1rem;color:var(--slate-400);background:var(--slate-50);text-align:center}.student-photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.school-logo-preview{width:10rem;height:10rem}.school-logo-preview img{-o-object-fit:contain;object-fit:contain;padding:.65rem}.student-photo-preview svg{width:2rem;height:2rem}.student-photo-preview span{display:block;margin-top:-3.5rem;font-size:.65rem}.student-cell{display:flex;min-width:10rem;align-items:center;gap:.65rem}.student-cell>img,.student-cell>span{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:.7rem;color:var(--emerald-800);background:var(--emerald-50);-o-object-fit:cover;object-fit:cover;font-weight:850}.scanner-student-photo{width:5.5rem;height:5.5rem;margin:0 auto .75rem;border:4px solid hsla(0,0%,100%,.8);border-radius:1.15rem;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-md)}.bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--slate-100);padding:.9rem 1rem}.bulk-toolbar span,.bulk-toolbar strong{display:block}.bulk-toolbar strong{font-size:.85rem}.bulk-toolbar span{margin-top:.15rem;color:var(--slate-500);font-size:.65rem}.monitor-summary{display:flex;flex-wrap:wrap;gap:.6rem}.monitor-summary span{display:inline-flex;align-items:baseline;gap:.35rem;border:1px solid var(--slate-200);border-radius:999px;color:var(--slate-600);background:#fff;padding:.5rem .75rem;font-size:.68rem}.monitor-summary strong{color:var(--slate-950);font-size:.86rem}.monitor-grid{display:grid;gap:.75rem}.monitor-card{display:flex;min-width:0;align-items:center;gap:.8rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:#fff;padding:.85rem;box-shadow:var(--shadow-sm)}.monitor-avatar{display:grid;width:3.1rem;height:3.1rem;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:.9rem;color:var(--emerald-800);background:var(--emerald-50);font-weight:900}.monitor-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.monitor-info{min-width:0;flex:1}.monitor-info h3{overflow:hidden;margin:0;color:var(--slate-900);font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.monitor-info p,.monitor-info small{display:block;margin:.2rem 0 0;color:var(--slate-500);font-size:.62rem}.audit-action{border-radius:.4rem;color:var(--emerald-800);background:var(--emerald-50);padding:.25rem .4rem;font-size:.65rem}.upgrade-checklist{display:grid;gap:.55rem;color:var(--slate-600);font-size:.76rem}.upgrade-checklist li{position:relative;padding-left:1.15rem}.upgrade-checklist li:before{position:absolute;left:0;color:var(--emerald-600);content:"✓";font-weight:900}.login-shell-compact{max-width:52rem}.static{position:static}.absolute{position:absolute}.relative{position:relative}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem}.mb-4,.my-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-64{min-width:16rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.bg-emerald-950{--tw-bg-opacity:1;background-color:rgb(2 44 34/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.user-copy{display:block}.app-footer,.app-topbar{padding-inline:1.5rem}.app-content{padding:1.5rem 1.5rem 2.5rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.login-page{display:grid;place-items:center}.login-shell{grid-template-columns:minmax(0,1.1fr) minmax(23rem,.9fr)}.login-brand-panel{display:grid}.mobile-login-brand{display:none}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(18rem,.8fr)}.portal-grid{grid-template-columns:minmax(0,1.5fr) minmax(17rem,.7fr)}.form-grid,.student-form-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.student-form-layout{grid-template-columns:14rem minmax(0,1fr)}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.app-sidebar{width:17.5rem;transform:translateX(0)}.app-main{margin-left:17.5rem}.sidebar-overlay{display:none}.app-footer,.app-topbar{padding-inline:2rem}.app-content{padding:1.8rem 2rem 3rem}.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.topbar-user>.user-avatar,.user-actions .icon-button:first-of-type{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-help{grid-template-columns:1fr}.app-content table[data-mobile-cards=true],.portal-main table[data-mobile-cards=true]{display:block;min-width:0!important}.app-content table[data-mobile-cards=true] thead,.portal-main table[data-mobile-cards=true] thead{display:none}.app-content table[data-mobile-cards=true] tbody,.app-content table[data-mobile-cards=true] td,.app-content table[data-mobile-cards=true] tr,.portal-main table[data-mobile-cards=true] tbody,.portal-main table[data-mobile-cards=true] td,.portal-main table[data-mobile-cards=true] tr{display:block;width:100%}.app-content table[data-mobile-cards=true] tbody,.portal-main table[data-mobile-cards=true] tbody{padding:.65rem}.app-content table[data-mobile-cards=true] tr,.portal-main table[data-mobile-cards=true] tr{overflow:hidden;margin-bottom:.65rem;border:1px solid var(--slate-200);border-radius:.85rem;background:#fff}.app-content table[data-mobile-cards=true] tr:last-child,.portal-main table[data-mobile-cards=true] tr:last-child{margin-bottom:0}.app-content table[data-mobile-cards=true] td,.portal-main table[data-mobile-cards=true] td{min-height:2.7rem;border-top:1px solid var(--slate-100);padding:.7rem .8rem!important;text-align:right!important;white-space:normal!important}.app-content table[data-mobile-cards=true] td:first-child,.portal-main table[data-mobile-cards=true] td:first-child{border-top:0}.app-content table[data-mobile-cards=true] td:not([colspan]),.portal-main table[data-mobile-cards=true] td:not([colspan]){display:flex;align-items:center;justify-content:space-between;gap:.8rem}.app-content table[data-mobile-cards=true] td:not([colspan]):before,.portal-main table[data-mobile-cards=true] td:not([colspan]):before{flex:0 0 42%;color:var(--slate-500);content:attr(data-label);font-size:.64rem;font-weight:750;letter-spacing:.025em;text-align:left;text-transform:uppercase}.app-content table[data-mobile-cards=true] td[colspan],.portal-main table[data-mobile-cards=true] td[colspan]{text-align:center!important}.quick-actions{grid-template-columns:1fr 1fr}.filter-bar>*{width:100%;flex-basis:100%}.student-form-layout{grid-template-columns:1fr}.form-actions{align-items:stretch}.form-actions>*{flex:1 1 auto}}@media print{.app-footer,.app-sidebar,.app-topbar,.no-print,.sidebar-overlay{display:none!important}.app-main{margin-left:0!important}.app-content{max-width:none;padding:0}body{color:#000;background:#fff}.id-card-stage{display:block;width:54mm;height:85.6mm;min-height:0;margin:0;border:0;overflow:hidden;background:#fff;padding:0}.student-id-card{width:340px;height:539px;min-height:539px;border-radius:20px;box-shadow:none;transform:scale(.6);transform-origin:top left}.app-content .bg-white,.panel-card,.stat-card{box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}