.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:260px;width:100%;color:#6654dc}.app-loader-art{position:relative;display:block;width:84px;height:84px;flex-shrink:0}.app-loader-halo{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:radial-gradient(circle,#9580ff38,transparent 70%);filter:blur(8px)}.app-loader-tiles{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-12deg)}.app-loader-tiles>span{border-radius:10px;border:1px solid #ffffff85;background:linear-gradient(135deg,#a392ff,#6651db);box-shadow:0 6px 15px #7056df25,inset 0 1px #ffffff70;animation:loader-tile-pulse 1.8s ease-in-out infinite}.app-loader-tiles>span:nth-child(2){background:linear-gradient(135deg,#7ad9db,#249dac);animation-delay:.15s}.app-loader-tiles>span:nth-child(3){background:linear-gradient(135deg,#99bbfa,#5c7ee1);animation-delay:.45s}.app-loader-tiles>span:nth-child(4){background:linear-gradient(135deg,#c5a3f4,#9570d9);animation-delay:.3s}.app-loader-caption{font-size:12px;font-weight:500;letter-spacing:.2px;color:#687893;text-align:center;line-height:1.6}.app-loader-dots{display:flex;gap:5px;margin-top:-7px}.app-loader-dots i{width:4px;height:4px;border-radius:50%;background:#8b7bdd;animation:loader-dot-pulse 1.4s ease-in-out infinite}.app-loader-dots i:nth-child(2){animation-delay:.2s;background:#619ac7}.app-loader-dots i:nth-child(3){animation-delay:.4s;background:#48adad}.app-loader-inline{display:inline-flex;width:auto;min-height:0;gap:0;vertical-align:middle}.app-loader-inline .app-loader-art{width:24px;height:24px}.app-loader-inline .app-loader-tiles{top:1px;right:1px;bottom:1px;left:1px;gap:3px}.app-loader-inline .app-loader-tiles>span{border-radius:3px;box-shadow:none}.app-loader-inline .app-loader-halo{display:none}[data-theme=dark] .app-loader-caption{color:#b9c5dd}[data-theme=dark] .app-loader-halo{background:radial-gradient(circle,#8f6bff40,transparent 70%)}@keyframes loader-tile-pulse{0%,70%,to{transform:translateY(0) scale(1);opacity:.75}35%{transform:translateY(-6px) scale(1.07);opacity:1}}@keyframes loader-dot-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.app-loader *{animation:none!important}}@media print{.app-loader{display:none!important}}.thermal-print-page{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:none;margin:0;padding:22px;background:#eef1f5}.thermal-print-controls{width:min(100%,420px);display:flex;align-items:center;justify-content:space-between;gap:12px}.thermal-print-help{width:min(100%,420px);color:#536477;font-size:12px}.thermal-screen-message{width:min(100%,420px);padding:16px;background:#fff;border:1px solid #dce3eb;border-radius:8px}.thermal-print-notice{width:min(100%,420px);padding:12px 14px;border:1px solid #e2cc8a;border-radius:8px;background:#fff8e7;color:#654d10;font-size:13px}.thermal-print-notice.error{border-color:#e5b2ad;background:#fff0ee;color:#9a3933}.thermal-receipt{box-sizing:border-box;page:thermalreceipt;width:72mm;min-height:0;margin:0;padding:3mm;background:#fff;color:#000;border:1px solid #d5d5d5;box-shadow:0 4px 20px #182a3d20;font-family:Arial,Helvetica,sans-serif;font-size:9pt;line-height:1.3;overflow-wrap:anywhere}.thermal-school{display:flex;flex-direction:column;align-items:center;gap:1.2mm;margin:-3mm -3mm 0;padding:2.5mm 3mm 3mm;text-align:center;background:#fff;color:#000;border-bottom:1px solid #000}.thermal-school img{width:11mm;height:11mm;object-fit:contain;padding:.6mm;border-radius:50%;background:#fff;filter:grayscale(1)}.thermal-school strong{font-size:10pt;line-height:1.2}.thermal-school span{font-size:7pt;line-height:1.2}.thermal-school .thermal-tagline{font-family:Noto Sans Devanagari,Mangal,Arial,sans-serif;font-size:8pt;font-weight:700}.thermal-school b{margin-top:1mm;font-size:12pt;letter-spacing:1pt}.thermal-student{display:grid;padding:3mm 0 0;text-align:center}.thermal-student>strong{font-size:12pt;line-height:1.2}.thermal-qr-section{display:flex;flex-direction:column;align-items:center;gap:1.5mm;padding:3mm 0}.thermal-qr-section img,.thermal-qr-placeholder{display:block;width:38mm;height:38mm;object-fit:contain;background:#fff;image-rendering:pixelated}.thermal-qr-placeholder{display:grid;place-items:center;padding:3mm;border:1px solid #aaa;text-align:center;font-size:8pt}.thermal-pass-id{display:flex;flex-direction:column;align-items:center;gap:1mm;padding-top:2.5mm;border-top:1px dashed #000;text-align:center}.thermal-receipt .thermal-pass-id,.thermal-receipt .thermal-pass-id *{color:#000;opacity:1}.thermal-pass-id span{font-size:7pt;letter-spacing:.5pt}.thermal-pass-id strong{font-size:10pt}.thermal-pass-id small{font-size:7.5pt}@media print{html:has(.thermal-print-page),body:has(.thermal-print-page){width:72mm!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}body:has(.thermal-print-page) *{visibility:hidden!important}body:has(.thermal-print-page) #root,body:has(.thermal-print-page) #root>*,body:has(.thermal-print-page) .thermal-print-page{display:block!important;width:72mm!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body:has(.thermal-print-page) .thermal-print-controls,body:has(.thermal-print-page) .thermal-print-help,body:has(.thermal-print-page) .thermal-screen-message,body:has(.thermal-print-page) .thermal-print-notice{display:none!important}body:has(.thermal-print-page:not(.thermal-print-ready)) .thermal-receipt{display:none!important}body:has(.thermal-print-page.thermal-print-ready) .thermal-receipt{position:absolute!important;top:0!important;left:0!important;display:block!important;visibility:visible!important;width:72mm!important;min-height:0!important;height:auto!important;margin:0!important;padding:3mm!important;border:0!important;box-shadow:none!important;overflow:visible!important;break-inside:avoid;page-break-inside:avoid;color:#000!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body:has(.thermal-print-page.thermal-print-ready) .thermal-receipt *{visibility:visible!important;color:#000!important;background-color:transparent!important}body:has(.thermal-print-page.thermal-print-ready) .thermal-receipt .thermal-school{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body:has(.thermal-print-page.thermal-print-ready) .thermal-receipt .thermal-school *{color:#000!important}body:has(.thermal-print-page.thermal-print-ready) .thermal-receipt .thermal-school img{background:#fff!important}body:has(.thermal-print-page.thermal-print-ready) .thermal-qr-section img{background:#fff!important}}@media(max-width:480px){.thermal-print-page{padding:14px}.thermal-print-controls,.thermal-print-help{width:100%}}.visitor-thermal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;background:#eef1f5}.visitor-thermal-controls{display:flex;justify-content:space-between;gap:12px;width:min(100%,420px);flex-shrink:0}.visitor-thermal-help,.visitor-thermal-error{width:min(100%,420px);font-size:12px;color:#334155}.visitor-thermal-error{color:#9a3933}.visitor-thermal-receipt{flex-shrink:0;page:visitorreceipt}.visitor-thermal-details{margin:0;padding:2.5mm 0 0;display:grid;gap:1.8mm}.visitor-thermal-details>div{display:grid;grid-template-columns:20mm minmax(0,1fr);gap:2mm;align-items:start}.visitor-thermal-details dt,.visitor-thermal-details dd{margin:0;color:#000;font-size:8pt}.visitor-thermal-details dd{text-align:right;font-weight:700;overflow-wrap:anywhere}.thermal-staff-id-badge{display:flex;align-items:center;justify-content:center;gap:2mm;margin:2.5mm auto 0;padding:1mm 3.5mm;font-size:9.5pt;border:1px dashed #000;border-radius:4px;width:fit-content}.thermal-staff-id-badge span{font-size:8pt;font-weight:700;letter-spacing:.5pt;color:#111}.thermal-staff-id-badge strong{font-size:11pt;font-weight:800;color:#000}.visitor-thermal-receipt .thermal-pass-id{display:flex!important}@media print{@page visitorreceipt{size:72mm auto;margin:0}html:has(.visitor-thermal-overlay),body:has(.visitor-thermal-overlay){width:72mm!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;background:#fff!important;overflow:visible!important}body:has(.visitor-thermal-overlay)>:not(.visitor-thermal-overlay){display:none!important}body .visitor-thermal-overlay{position:static!important;display:block!important;width:72mm!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:#fff!important}.visitor-thermal-overlay>:not(.visitor-thermal-receipt){display:none!important}.visitor-thermal-overlay:not(.visitor-thermal-ready) .visitor-thermal-receipt{display:none!important}.visitor-thermal-overlay .visitor-thermal-receipt{width:72mm!important;margin:0!important;border:0!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.visitor-thermal-receipt,.visitor-thermal-receipt *{color:#000!important;opacity:1!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.form-layout.gate-pass-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);width:100%;max-width:1320px;margin:0 auto;align-items:start;gap:clamp(24px,3vw,40px)}.gate-pass-detail-layout>.smart-gate-card{justify-self:start}.gate-pass-detail-layout>aside{width:100%;margin:0}.gate-pass-preview{min-width:0;padding:28px;background:var(--surface,#f4f7fa);border:1px solid #dce4e9;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:20px}.gate-pass-preview-note{font-size:12px;color:#62758a;text-align:center}.gate-operation-details{width:100%;margin:0;padding:20px;border-radius:12px;background:var(--surface,#fff);border:1px solid #dce4e9}.gate-operation-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.gate-operation-details dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.gate-operation-details dl>div{min-width:0}.gate-operation-details dt{font-size:11px;color:#768497}.gate-operation-details dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.smart-gate-card{container-type:inline-size;position:relative;width:min(100%,360px);aspect-ratio:53.98/85.6;flex-shrink:0;isolation:isolate;overflow:hidden;border-radius:5cqw;background:#fff;color:#102e4e;box-shadow:0 12px 30px #102e4e25;line-height:1.2;font-family:Arial,Helvetica,sans-serif;color-scheme:light}.smart-gate-card *{box-sizing:border-box}.smart-card-waves{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.smart-card-header{position:absolute;top:3.8%;left:6%;width:88%;height:14%;display:flex;align-items:flex-start;gap:4cqw;color:#fff}.smart-school-logo{width:18%;aspect-ratio:1;object-fit:contain;border-radius:50%;background:#fff;padding:1cqw}.smart-card-header>div{flex:1;min-width:0;padding-top:1cqw}.smart-gate-card .smart-card-header h2{font-family:Georgia,serif;font-size:6cqw;line-height:1.08;letter-spacing:.1cqw;color:#fff;margin:0;white-space:nowrap}.smart-card-header h2 span{display:block;font:700 3.1cqw/1.8 Arial,sans-serif;letter-spacing:1cqw}.smart-card-header p{font-size:1.9cqw;line-height:1.4;margin:1.2cqw 0 0;color:#fff}.smart-student-photo{position:absolute;top:18.4%;left:32%;width:36%;height:26%;border:1cqw solid #f4c576;border-radius:4cqw;background:#f4f7fa;overflow:hidden;box-shadow:0 0 0 .6cqw #fff}.smart-student-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.smart-photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;color:#69818e}.smart-photo-placeholder svg{width:14cqw;height:14cqw;stroke-width:1}.smart-photo-placeholder span{font-size:2.3cqw;letter-spacing:.3cqw}.smart-pass-title{position:absolute;left:6%;top:28%;font-size:5.5cqw;font-weight:900;line-height:1.05;letter-spacing:.2cqw;color:#10465b}.smart-campus-note{position:absolute;right:3%;top:29%;width:26%;font-size:2.2cqw;line-height:1.5;text-align:center;border-block:.3cqw solid #10465b;padding:2cqw 0;color:#10465b}.smart-name-label{position:absolute;top:46.4%;left:7%;width:86%;text-align:center;font-size:2.5cqw;letter-spacing:.5cqw;color:#617489}.smart-student-name{position:absolute;top:49%;left:7%;width:86%;height:8%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:5.2cqw;line-height:1.08;overflow-wrap:anywhere;font-weight:700;color:#102e4e}.smart-student-fields{position:absolute;left:9%;top:58%;width:82%;height:9%;margin:0;display:flex;flex-direction:column;justify-content:space-between}.smart-student-fields>div{display:flex;gap:2cqw;align-items:center;justify-content:space-between;border-bottom:.25cqw solid #dce3eb;padding-bottom:1.2cqw;min-height:0}.smart-student-fields dt{font-size:2.5cqw;color:#617489;flex-shrink:0}.smart-student-fields dd{margin:0;font-size:3.8cqw;font-weight:700;line-height:1.05;text-align:right;overflow-wrap:anywhere;max-width:60%}.smart-qr{position:absolute;top:69%;left:29.5%;width:41%;aspect-ratio:1;background:#fff;border:.45cqw solid #f4c576;border-radius:2cqw;padding:0;overflow:hidden}.smart-qr img{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain}.smart-qr-pending{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.7cqw;line-height:1.5;color:#617489;background:#f4f7fa}.smart-verify-caption{position:absolute;top:95.2%;transform:translateY(-100%);left:0;width:100%;text-align:center;font-size:2.7cqw;font-weight:700;letter-spacing:.55cqw;color:#10465b}.smart-card-footer{position:absolute;bottom:0;left:0;width:100%;height:4.2%;background:#10465b;color:#fff;border-top:.4cqw solid #f4c576;display:flex;justify-content:center;align-items:center;gap:2cqw;font-size:1.6cqw;letter-spacing:.25cqw;white-space:nowrap}.smart-card-footer span{width:6%;height:.35cqw;background:#f4c576}.gate-pass-printout{display:none}@media(max-width:1050px){.form-layout.gate-pass-detail-layout{grid-template-columns:minmax(0,1fr)}.gate-pass-detail-layout>aside{width:100%}.gate-pass-preview{padding:20px}}@media(max-width:450px){.gate-pass-preview{padding:14px}.gate-operation-details dl{grid-template-columns:1fr}}@media print{@page gatepass{size:A4 landscape;margin:8mm}html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:#fff!important}body:has(.smart-gate-card){page:gatepass}body:has(.smart-gate-card) #root,body:has(.smart-gate-card) .app-shell,body:has(.smart-gate-card) .main-shell,body:has(.smart-gate-card) main,body:has(.smart-gate-card) .gate-pass-detail-layout{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important}body:has(.smart-gate-card) .sidebar,body:has(.smart-gate-card) .topbar,body:has(.smart-gate-card) .main-shell>footer,body:has(.smart-gate-card) .page-title,body:has(.smart-gate-card) .no-print,body:has(.smart-gate-card) .smart-gate-card{display:none!important}body:has(.smart-gate-card) .gate-pass-printout{display:flex!important;flex-direction:column;width:100%;height:194mm;max-height:194mm;padding:9mm 10mm 5mm;border:1px solid #d5dde4;border-top:2.5mm solid #10465b;border-radius:3mm;background:#fff;color:#102e4e;font-family:Arial,Helvetica,sans-serif;overflow:hidden;break-inside:avoid;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.printout-header{display:grid;grid-template-columns:24mm minmax(0,1fr) 65mm;align-items:center;gap:6mm;padding-bottom:6mm;border-bottom:1px solid #dce3e9}.printout-header>img{width:21mm;height:21mm;object-fit:contain}.printout-school h1{font:700 21pt/1.15 Georgia,Times New Roman,serif;letter-spacing:.5pt;color:#10465b}.printout-school p{margin:2mm 0;font:10pt/1.35 Arial,sans-serif;color:#53677b}.printout-school span,.printout-label,.printout-facts span,.printout-security span{font:700 7.5pt/1.3 Arial,sans-serif;letter-spacing:1pt;color:#75869a}.printout-reference{display:flex;flex-direction:column;gap:2mm;padding-left:5mm;border-left:1px solid #dce3e9}.printout-reference span{font:700 8pt/1.2 Arial,sans-serif;letter-spacing:1.3pt;color:#75869a}.printout-reference strong{font:700 13pt/1.2 Arial,sans-serif;color:#102e4e;overflow-wrap:anywhere}.printout-reference small{font:9pt/1.3 Arial,sans-serif;color:#66798c}.printout-title{display:flex;align-items:center;justify-content:space-between;gap:8mm;padding:6mm 0 5mm}.printout-title h2{font:700 16pt/1.2 Arial,sans-serif;letter-spacing:1.6pt;color:#102e4e}.printout-status{padding:2.5mm 4mm;border:1px solid #e2c98d;border-radius:2mm;background:#fff8e9;color:#835d17;font:700 8pt/1.2 Arial,sans-serif;letter-spacing:.6pt}.printout-status.ready{background:#eaf6f0;border-color:#b4ddc6;color:#236c49}.printout-body{display:grid;grid-template-columns:minmax(0,1fr) 63mm;gap:9mm;flex:1;min-height:0}.printout-student{display:flex;min-width:0;min-height:0;flex-direction:column}.printout-identity{display:grid;grid-template-columns:32mm minmax(0,1fr);align-items:center;gap:6mm;padding:4mm 0;border-bottom:1px solid #e0e6eb}.printout-photo{width:26mm;height:28mm;border:1px solid #d4dde5;border-radius:2mm;background:#f3f6f8;overflow:hidden}.printout-photo img{display:block;width:100%;height:100%;object-fit:cover}.printout-identity h3{margin:1.5mm 0 2mm;font:700 18pt/1.15 Arial,sans-serif;color:#102e4e}.printout-identity p{margin:1.2mm 0;font:10pt/1.4 Arial,sans-serif;color:#53677b}.printout-identity p strong{color:#102e4e}.printout-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:8mm;row-gap:2mm;flex:1;min-height:0;align-content:space-between;padding:3mm 0}.printout-facts>div{min-width:0;padding-bottom:1.5mm;border-bottom:1px solid #edf0f3}.printout-facts span,.printout-facts strong{display:block}.printout-facts strong{margin-top:1.3mm;font:600 10pt/1.35 Arial,sans-serif;color:#243c54;overflow-wrap:anywhere}.printout-facts .printout-reason{grid-column:1/-1;min-height:15mm}.printout-verification{display:flex;flex-direction:column;align-items:center;padding:5mm;border:1px solid #d8e0e6;border-radius:2mm;background:#f8fafb}.printout-verification-title{display:flex;align-items:center;justify-content:space-between;gap:3mm;width:100%;padding-bottom:4mm;border-bottom:1px solid #dce3e9}.printout-verification-title strong{font:700 8pt/1.3 Arial,sans-serif;letter-spacing:.5pt;color:#102e4e}.printout-verification-title span{font:700 7pt/1.3 Arial,sans-serif;color:#236c49}.printout-qr{width:39mm;height:39mm;margin:8mm 0 4mm;object-fit:contain;background:#fff}.printout-qr-placeholder{display:flex;align-items:center;justify-content:center;width:39mm;height:39mm;margin:8mm 0 4mm;padding:3mm;background:#fff;text-align:center;font:700 8pt/1.5 Arial,sans-serif;color:#75869a}.printout-verification>p{max-width:48mm;margin:0;text-align:center;font:9pt/1.45 Arial,sans-serif;color:#66798c}.printout-security{display:grid;grid-template-columns:1fr;gap:1.5mm;width:100%;margin-top:auto;padding-top:5mm;border-top:1px solid #dce3e9}.printout-security strong{font:600 9pt/1.3 Arial,sans-serif;color:#243c54}.printout-footer{display:block!important;margin-top:1mm}.printout-signatures{display:grid;grid-template-columns:repeat(4,1fr);gap:8mm}.printout-signatures span{padding-top:1.5mm;border-top:1px solid #77899a;text-align:center;font:8pt/1.3 Arial,sans-serif;color:#53677b}.printout-notice{display:flex;gap:3mm;margin-top:1mm;padding:1mm 4mm;background:#f0f4f7;color:#53677b}.printout-notice strong{flex-shrink:0;font:700 7pt/1.4 Arial,sans-serif;letter-spacing:.6pt;color:#10465b}.printout-notice span{font:7pt/1.4 Arial,sans-serif}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.inline{display:inline}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#24334b;font-synthesis:none;--blue:#173762;--muted:#8290a5;--line:#e9edf3;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,box-shadow .16s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;color:#172944;font-size:29px;font-weight:650;line-height:1.3}h2{color:#23364f;letter-spacing:-.2px;font-size:16px;font-weight:650}h3{font-size:14px;font-weight:600}p{line-height:1.65}small{font-size:11px}input,textarea,select{color:#26364e;background:#fff;border:1px solid #dde3ec;border-radius:7px;outline:none;width:100%;min-width:0;padding:11px 13px}input:focus,textarea:focus,select:focus{border-color:#6482b8;box-shadow:0 0 0 3px #e9eff9}input::placeholder,textarea::placeholder{color:#99a3b1}textarea{resize:vertical}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d5ab46}button{color:inherit;background:0 0;border:0}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:550;display:inline-flex}.primary{color:#fff;background:#173762;box-shadow:0 3px 6px #17376215}.primary:hover{background:#254c81}.secondary{color:#485974;background:#fff;border:1px solid #dfe5ee}.secondary:hover{background:#f0f4fa}.danger{color:#b44e42;background:#fff0ee;border:1px solid #f4d4cf}.full{width:100%}.small{font-size:11px}.button.small{min-height:30px;padding:6px 10px}.muted{color:var(--muted)}.text-link{color:#335a96;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.icon-button{color:#8290a5;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{color:var(--blue);background:#edf2f8}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:235px;padding:29px 16px 16px;display:flex;position:fixed;top:0;bottom:0}.brand{align-items:center;gap:10px;display:flex}.brand strong{letter-spacing:1.7px;color:#19355b;font-family:Georgia,serif;font-size:17px;display:block}.brand small{letter-spacing:3px;color:#737f8d;margin-top:4px;font-size:9px;display:block}.crest{color:#e2bc65;background:#1b3a64;border:2px solid #d9b763;border-radius:5px 5px 17px 17px;flex-direction:column;justify-content:center;align-items:center;width:43px;height:51px;display:flex}.crest span{letter-spacing:2px;font-size:8px;font-weight:700}.brand-link{padding-left:7px}.workspace-label{letter-spacing:1.6px;color:#7e8b9e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:24px -1px 20px;padding:18px 8px;font-size:9px;display:flex}.workspace-label span{letter-spacing:1px;background:#f0f3f9;border-radius:3px;padding:3px 5px;font-size:8px}.nav-label{letter-spacing:1.5px;color:#a1aaba;padding:0 12px 12px;font-size:9px;font-weight:650}.sidebar nav{scrollbar-width:thin;overflow-y:auto}.sidebar nav a{color:#6e7c91;border-radius:6px;align-items:center;gap:12px;min-height:39px;margin:2px 0;padding:11px 13px;font-size:12px;display:flex}.sidebar nav a:hover{color:#24446e;background:#f4f6fa}.sidebar nav a.active{color:#254d86;background:#eaf0f9;font-weight:650}.nav-plus{margin-left:auto;font-size:17px}.sidebar-bottom{margin-top:auto;padding-top:18px}.safety-note{color:#7e91ae;background:#f6f8fc;border:1px solid #edf0f6;border-radius:8px;padding:15px 12px}.safety-note strong{color:#485f7d;margin:8px 0 4px;font-size:10px;display:block}.safety-note p{font-size:10px;line-height:1.5}.logout{color:#718098;align-items:center;gap:12px;padding:17px 12px;font-size:12px;display:flex}.version{color:#acb4c0;letter-spacing:1.2px;padding-left:12px;font-size:8px;display:block}.main-shell{flex-direction:column;width:calc(100% - 235px);min-height:100vh;margin-left:235px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:30px;height:78px;padding:0 31px;display:flex}.breadcrumb{color:#8b96a7;white-space:nowrap;font-size:11px}.breadcrumb span{color:#c7ced8;margin:0 10px}.breadcrumb strong{color:#5c6c83;font-weight:500}.global-search{color:#98a4b5;flex:1;align-items:center;gap:8px;max-width:295px;margin-left:auto;display:flex}.global-search input{background:#f8f9fc;border:0;padding:10px;font-size:11px}.global-search kbd{color:#aeb8c5;border:1px solid #e7ecf2;border-radius:4px;padding:2px 4px;font-size:10px}.topbar-right{align-items:center;gap:12px;display:flex}.campus-dot{background:#58a38c;border-radius:50%;width:6px;height:6px}.campus-label{color:#839185;white-space:nowrap;font-size:10px}.profile{border-left:1px solid var(--line);align-items:center;gap:9px;padding-left:16px;display:flex}.profile strong{font-size:11px;font-weight:600;display:block}.profile small{color:#939db0;margin-top:4px;font-size:9px;display:block}.avatar{object-fit:cover;color:#55729c;background:#e9edf8;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:650;display:inline-flex}.avatar.large{border-radius:14px;width:76px;height:76px;font-size:23px}main{flex:1;width:100%;max-width:1800px;margin:auto;padding:29px 31px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;display:flex}.eyebrow{letter-spacing:1.8px;color:#8795aa;margin-bottom:8px;font-size:9px;font-weight:650}.page-title p{color:#8995a7;margin-top:7px;font-size:12px}.title-actions{align-items:center;gap:10px;display:flex}.date-chip{color:#77869c;white-space:nowrap;background:#fff;border:1px solid #e1e6ee;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:inline-flex}.welcome-banner{color:#fff;background:#18365d;border-radius:10px;align-items:center;gap:16px;margin-bottom:23px;padding:22px 25px;display:flex;position:relative;overflow:hidden}.banner-icon{color:#eccb81;background:#ffffff0a;border:1px solid #ffffff20;border-radius:10px;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.welcome-banner strong{font-size:15px;font-weight:550}.welcome-banner p{color:#a9bad0;margin-top:5px;font-size:11px}.welcome-banner a{color:#e5d49f;z-index:1;border:1px solid #ffffff30;border-radius:5px;align-items:center;gap:9px;margin-left:auto;padding:9px 12px;font-size:10px;display:flex}.banner-circles{pointer-events:none;border:1px solid #ffffff0c;border-radius:50%;width:250px;height:250px;position:absolute;top:-90px;right:90px;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff03}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px;display:grid}.stat-card{background:#fff;border:1px solid #e7ebf2;border-radius:9px;padding:17px 18px 16px;box-shadow:0 2px 3px #263c5c02}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-top>span{color:#7b889a;font-size:11px;font-weight:500}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.blue{color:#5c7abd;background:#eaf0fc}.orange{color:#cb926c;background:#fff1e8}.green{color:#5b9b88;background:#eaf5f0}.gold{color:#c0a04f;background:#fcf5de}.red{color:#c4807d;background:#fcefed}.purple{color:#9982b9;background:#f1ecf9}.stat-number{letter-spacing:-1px;color:#28394f;margin:7px 0 11px;font-size:30px;font-weight:650;line-height:1}.stat-card small{color:#9aa4b3;align-items:center;gap:6px;font-size:9px;display:flex}.dot{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.card{background:#fff;border:1px solid #e5eaf2;border-radius:10px;margin-bottom:23px;padding:23px;box-shadow:0 2px 4px #17365c02}.section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.section-head p{color:#98a3b4;margin-top:5px;font-size:10px}.chart-grid{grid-template-columns:1.6fr 1fr;gap:21px;display:grid}.chart-card{min-height:330px}.chart-card .empty{min-height:210px}.recharts-cartesian-axis-tick-value{fill:#97a2b3;font-size:10px}.legend{color:#8794a8;grid-template-columns:1fr 1fr;gap:9px;font-size:9px;display:grid}.legend span{justify-content:space-between;gap:6px;display:flex}.legend strong{color:#63738b}.table-card{padding:0;overflow:hidden}.table-card>.section-head{padding:21px 23px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8f9bad;letter-spacing:.6px;background:#f9fafc;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;padding:12px 20px;font-size:9px;font-weight:550}td{color:#697b93;border-bottom:1px solid #eff2f6;padding:14px 20px;font-size:11px}tr:last-child td{border-bottom:0}td strong{color:#3b4e68;font-size:11px;font-weight:550}td small{color:#a0aaba;margin-top:5px;font-size:9px;display:block}.person{align-items:center;gap:10px;display:flex}.person small{color:#9aa6b7;margin-top:4px;font-size:10px;display:block}.mono{color:#8390a4;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.badge{color:#7f8da3;white-space:nowrap;background:#f0f3f8;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:550;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.badge-READY_FOR_EXIT,.badge-APPROVED,.badge-VERIFIED,.badge-ACTIVE,.badge-SENT,.badge-RETURNED,.badge-CHECKED_OUT{color:#538f7a;background:#eaf5ef}.badge-EXITED,.badge-CHECKED_IN{color:#6081b2;background:#edf2fc}.badge-PARENT_VERIFICATION_PENDING,.badge-ADMIN_APPROVAL_PENDING,.badge-REQUESTED{color:#b19a5c;background:#fcf7e8}.badge-REJECTED,.badge-FAILED,.badge-OVERDUE,.badge-EXPIRED{color:#bb7772;background:#fff0ef}.badge-EMERGENCY_OVERRIDE{color:#b98a57;background:#fff2e7}.rank-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;font-size:11px;display:flex}.rank-row:last-child{border:0}.rank-row>span:first-child{color:#a7b1be}.rank-row>span:last-child{color:#8b9bb3;margin-left:auto}.rank-row strong{font-weight:500}.empty{text-align:center;color:#b4becc;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:35px 20px;display:flex}.empty h3,.empty h2{color:#8493a9;font-size:13px}.empty p{color:#a4aebc;max-width:340px;font-size:11px}.loading{color:#7c8ba2;justify-content:center;align-items:center;gap:10px;padding:50px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:#a7443e;background:#fff0ee;border:1px solid #f5d7d3;border-radius:7px;margin:12px 0;padding:14px;font-size:12px}.error-box button{font-weight:600;text-decoration:underline}.filter-bar{flex-wrap:wrap;align-items:center;gap:13px;padding:18px 21px;display:flex}.search-input{color:#96a3b5;background:#fff;border:1px solid #dfe5ee;border-radius:7px;flex:1;align-items:center;gap:9px;min-width:220px;padding:0 12px;display:flex}.search-input input{box-shadow:none;background:0 0;border:0;padding:11px 0;font-size:11px}.filter-bar select,.compact-input{width:170px;font-size:11px}.pager{border-top:1px solid var(--line);color:#9aa5b6;justify-content:space-between;align-items:center;padding:14px 20px;font-size:10px;display:flex}.pager>div{gap:8px;display:flex}.field{margin-bottom:17px;display:block}.field>span{color:#6a7b92;margin-bottom:8px;font-size:11px;font-weight:550;display:block}.field-error{color:#bb5548}.form-grid{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin-top:16px;padding-top:20px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#11213b70;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#fff;border-radius:12px;width:min(690px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 20px 80px #102a4540}.student-summary{align-items:center;gap:18px;margin-bottom:10px;padding:22px 0;display:flex}.student-summary p{color:#8a9bb1;margin:6px 0;font-size:12px}.student-summary small{color:#899ab0;font-size:11px}.photo-upload{align-items:center;gap:15px;margin-bottom:23px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}dl{margin:20px 0}dt{color:#98a3b4;margin-top:14px;margin-bottom:5px;font-size:10px}dd{color:#4d607c;margin:0;font-size:12px;line-height:1.6}.form-layout{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:23px;display:grid}.help-card{box-shadow:none;background:#f8fafd}.help-card>svg{color:#b99b58;margin-bottom:16px}.help-card p{color:#8c9bb0;margin:12px 0;font-size:12px}.help-card ol{color:#7e8fa7;padding-left:20px;font-size:12px;line-height:2.3}.note{color:#7a8da8;background:#f2f5fa;border-radius:7px;margin:18px 0;padding:15px;font-size:11px;line-height:1.7}.note svg{vertical-align:middle;margin-right:6px}.steps{color:#a0acbd;gap:40px;margin-bottom:26px;font-size:12px;display:flex}.steps>div{align-items:center;gap:10px;display:flex}.steps span{background:#e9edf4;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;display:flex}.steps .active{color:#3c5e8b}.steps .active span{color:#fff;background:#224674}.large-input input{padding:16px 0;font-size:13px}.student-results{max-height:310px;margin:13px 0;overflow:auto}.student-results button{text-align:left;border:1px solid var(--line);border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px;display:flex}.student-results button.selected{background:#f3f6fb;border-color:#6483b4}.student-results strong{font-size:12px;display:block}.student-results small{color:#97a5b8;margin-top:4px;display:block}.student-results button>span:last-child{color:#7292c0;margin-left:auto;font-size:10px}.selected-student{background:#f7f9fc;border-radius:8px;margin:0 0 25px;padding:15px}.checkbox{color:#79899f;align-items:center;gap:10px;margin:8px 0 23px;font-size:12px;display:flex}.checkbox input{accent-color:#294f86;width:15px;height:15px}.warning-box{color:#9f7b41;background:#fff7eb;border:1px solid #f0d8b6;border-radius:8px;margin:20px 0;padding:18px;font-size:12px}.warning-box p{margin:10px 0 15px}.pass-school{color:#34527a;border-bottom:2px solid #d4b56b;align-items:center;gap:12px;padding-bottom:22px;display:flex}.pass-school p{color:#8c9bae;margin-top:5px;font-size:9px}.pass-school>strong{letter-spacing:1px;margin-left:auto;font-size:11px}.pass-number{color:#8b98ac;justify-content:space-between;align-items:center;margin-top:19px;font-family:monospace;font-size:12px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:5px 20px;display:grid}.detail-grid dd{font-size:12px}.qr-section{border-top:1px dashed #dce3ee;align-items:center;gap:20px;margin-top:25px;padding-top:20px;display:flex}.qr-section img{width:120px}.qr-section p{color:#8c9bb1;margin-top:7px;font-size:10px}.pass-foot{letter-spacing:.3px;color:#a3acb9;text-align:center;margin-top:23px;font-size:8px}.action-stack{flex-direction:column;gap:12px;margin:20px 0;display:flex}.or{color:#a5afbd;letter-spacing:1px;align-items:center;gap:12px;margin:20px 0;font-size:9px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.outside-grid{grid-template-columns:1fr 1fr;gap:18px;padding:20px;display:grid}.outside-card{border:1px solid var(--line);border-radius:8px;padding:20px}.outside-card .mono{margin-top:14px}.outside-card.overdue{background:snow;border-color:#efc7c2}.outside-card .badge{margin-left:auto}.guard-layout{grid-template-columns:360px 1fr;align-items:start;gap:24px;max-width:1050px;display:grid}.scanner-panel{text-align:center}.scanner-panel>.field{text-align:left;margin-top:20px}.scanner-emblem{color:#466a9d;background:#f6f9fc;border:1px dashed #becce0;border-radius:17px;justify-content:center;align-items:center;width:90px;height:90px;margin:10px auto 20px;display:flex}.scanner-panel>p{color:#93a1b4;margin:12px 0 22px;font-size:12px}.scan-button{letter-spacing:.4px;width:100%;min-height:56px;font-size:14px}.scanner-panel form{text-align:left}.guard-result{min-height:400px}.guard-result>.empty{min-height:345px}.verification-banner{border-radius:8px;align-items:center;gap:14px;padding:20px;display:flex}.verification-banner.valid{color:#46896e;background:#e9f5ee}.verification-banner.invalid{color:#af6b61;background:#fff0ed}.verification-banner strong{font-size:13px;display:block}.verification-banner small{margin-top:7px;font-size:10px;display:block}.guard-person{text-align:center;margin:26px 0}.guard-person h2{margin-top:15px;font-size:23px}.guard-person p{color:#94a3b7;margin:7px 0 13px;font-size:12px}.guard-result dl{border-top:1px solid var(--line);grid-template-columns:1fr 1.7fr;align-items:center;gap:16px;padding-top:20px;display:grid}.guard-result dt{margin:0}.report-filters{grid-template-columns:repeat(4,1fr);gap:0 17px;display:grid}.settings-card{max-width:800px}.settings-card h2{margin-bottom:20px}.visitor-print{text-align:center;padding:20px}.visitor-print>p{color:#8392a8;margin:10px 0;font-size:12px}.public-page{max-width:580px;margin:50px auto;padding:0 20px}.public-page>.brand{justify-content:center;margin-bottom:35px}.public-page .card{padding:35px}.public-page h1{margin:12px 0 25px;font-size:24px}.public-page h2{margin-top:15px}.public-page p{color:#8392a6;margin:10px 0 20px;font-size:13px}.auth-page{background:#fff;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-story{color:#fff;background:#142e51;flex-direction:column;justify-content:space-between;min-height:100vh;padding:55px 65px;display:flex;position:relative;overflow:hidden}.auth-story .brand strong{color:#fff}.auth-story .brand small{color:#b5c3d4}.auth-story>div:nth-child(2){z-index:1;margin:60px 0;position:relative}.auth-story h1{letter-spacing:-2px;color:#fff;margin:22px 0;font-size:clamp(36px,4vw,61px);line-height:1.18}.auth-story h1 em{color:#e5c682;font-family:Georgia,serif;font-weight:400}.auth-story .eyebrow{color:#c5ad73}.auth-story>small{color:#91a9c8;z-index:1;letter-spacing:.5px;font-size:10px}.auth-features{color:#bbcada;flex-wrap:wrap;gap:25px;margin-top:36px;font-size:10px;display:flex}.auth-features span{align-items:center;gap:8px;display:flex}.auth-features svg{color:#d7bc7a;width:17px}.orbit{pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;right:-180px;box-shadow:0 0 0 55px #ffffff02,0 0 0 110px #ffffff02}.auth-form{justify-content:center;align-items:center;padding:45px;display:flex}.login-card{width:100%;max-width:365px}.pill{letter-spacing:1.6px;color:#6f88aa;background:#edf2f9;border-radius:4px;margin-bottom:24px;padding:8px 11px;font-size:9px;font-weight:600;display:inline-flex}.login-card h2{letter-spacing:-1px;font-size:31px}.login-card>p{color:#96a3b6;margin:12px 0 32px;font-size:13px}.login-card form .button{min-height:45px;margin-top:10px}.login-card .small{margin:22px 0;font-size:11px}.login-footer{border-top:1px solid var(--line);color:#a3afbf;justify-content:center;align-items:center;gap:8px;padding-top:23px;font-size:10px;display:flex}.mobile-menu,.mobile-close{display:none}footer{color:#a7b1bf;justify-content:space-between;padding:10px 31px 25px;font-size:9px;display:flex}footer span{align-items:center;gap:5px;display:flex}.nav-overlay{display:none}@media(min-width:1550px){main{padding:35px 45px}.stat-card{padding:23px}.stats-grid{gap:22px}.sidebar{width:250px}.main-shell{width:calc(100% - 250px);margin-left:250px}}@media(max-width:1200px){.campus-label,.campus-dot,.breadcrumb{display:none}.global-search{margin-left:0}.topbar-right{margin-left:auto}.topbar{gap:15px}.title-actions .date-chip{display:none}.page-title{align-items:flex-start}h1{font-size:25px}.stat-card{padding:15px 13px}.stat-top>span{font-size:10px}.stat-icon{width:27px;height:27px}.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 210px);margin-left:210px}main{padding:25px}.brand strong{font-size:15px}.form-layout{grid-template-columns:1.65fr 1fr}.guard-layout{grid-template-columns:310px 1fr}.report-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.sidebar{width:195px}.main-shell{width:calc(100% - 195px);margin-left:195px}.brand strong{font-size:13px}.brand small{font-size:8px}.sidebar nav a{gap:9px;padding:10px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.chart-grid.lower{grid-template-columns:1fr 1fr}.page-title{flex-direction:column;gap:15px}.form-layout,.guard-layout{grid-template-columns:1fr}.help-card{display:none}.auth-story{padding:40px}.auth-form{padding:30px}.auth-story h1{font-size:39px}.guard-layout{max-width:650px;margin:auto}.report-filters{grid-template-columns:repeat(2,1fr)}.outside-grid{grid-template-columns:1fr}.welcome-banner a{padding:8px;font-size:0}.welcome-banner a svg{width:20px}.steps{gap:20px;font-size:10px}}@media(max-width:720px){.sidebar{width:240px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-shell{width:100%;margin:0}.mobile-menu{display:inline-flex}.mobile-close{display:inline-flex;position:absolute;top:5px;right:7px}.nav-overlay{z-index:25;background:#10274660;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.topbar{gap:10px;height:65px;padding:0 15px}.profile{padding-left:8px}.profile>div{display:none}.global-search{max-width:none}.global-search input{font-size:10px}.global-search kbd{display:none}.topbar-right{gap:3px}.topbar-right>.icon-button{display:none}main{padding:24px 16px}.page-title{margin-bottom:22px}h1{font-size:25px}.eyebrow{font-size:8px}.title-actions{flex-wrap:wrap}.welcome-banner{gap:12px;padding:18px 15px}.welcome-banner strong{font-size:12px}.welcome-banner p{font-size:9px}.banner-icon{flex-shrink:0;width:36px;height:36px}.banner-icon svg{width:23px}.welcome-banner a{display:none}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-number{margin-top:13px;font-size:29px}.stat-top>span{font-size:10px}.stat-card small{font-size:8px}.chart-grid.lower{grid-template-columns:1fr}.card{margin-bottom:18px;padding:19px}.table-card{padding:0}.table-card>.section-head{padding:18px 16px 0}.section-head h2{font-size:14px}.section-head .text-link{font-size:10px}.chart-card{min-height:290px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:13px}.modal{max-height:93vh;padding:22px 18px}.steps{gap:14px;font-size:9px}.steps>div{gap:6px}.steps span{flex-shrink:0;width:23px;height:23px}.filter-bar{padding:15px}.search-input{flex-basis:100%;min-width:100%}.filter-bar select,.compact-input{flex:1;width:120px}.detail-grid{gap:5px 12px}.pass-school{gap:10px}.pass-school h2{font-size:13px}.pass-school>strong{font-size:9px}.pass-school>svg{width:25px}.pass-school p{font-size:8px}.pass-number{gap:5px;font-size:10px}.pass-number .badge{font-size:8px}.student-summary{gap:14px}.student-summary h2{font-size:17px}.student-summary p{font-size:10px}.qr-section{gap:10px}.qr-section img{width:105px}.qr-section h3{font-size:11px}.qr-section p{font-size:9px}.auth-page{display:block}.auth-story{min-height:0;padding:28px}.auth-story>div:nth-child(2){margin:25px 0 5px}.auth-story h1{letter-spacing:-1px;margin:12px 0;font-size:30px}.auth-story h1 br{display:none}.auth-story h1 em:before{content:" "}.auth-story p,.auth-features,.auth-story>small{display:none}.auth-story .eyebrow{font-size:8px}.auth-form{padding:38px 28px}.login-card{max-width:420px}.login-card h2{font-size:28px}.auth-story .brand strong{font-size:15px}.report-filters{grid-template-columns:1fr 1fr;gap:0 12px}.public-page{margin:30px auto}.public-page .card{padding:24px}footer{padding:10px 16px 20px;font-size:8px}footer span{display:none}.outside-grid{padding:14px}.outside-card{padding:15px}.outside-card .badge{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{@page{size:A5;margin:10mm}body{background:#fff}.sidebar,.topbar,footer,.page-title,.no-print,.steps,.modal>.section-head{display:none!important}.main-shell{width:100%;margin:0}main{padding:0}.form-layout{display:block}.digital-pass{box-shadow:none;border:0;padding:0}.modal-backdrop{background:#fff;padding:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.modal{width:100%;max-height:none;box-shadow:none;border:0;overflow:visible}.app-shell:has(~.modal-backdrop){display:none}.visitor-print{padding:0}.card{break-inside:avoid}.badge,.pass-school{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qr-section img{width:120px}}.gate-pass-layout{grid-template-columns:minmax(0,1fr);max-width:1320px;margin:auto}.gate-pass-layout>aside{justify-self:end;width:100%;max-width:600px}.gate-document{--gate-navy:#082b50;--gate-gold:#c7983e;color:var(--gate-navy);border:3px solid var(--gate-gold);outline:6px solid var(--gate-navy);background:#fff;border-radius:18px;margin:6px;padding:25px 26px 0;overflow:hidden;box-shadow:0 12px 35px #082b5010}.gate-document-header{border-bottom:1px solid #dbc89e;justify-content:space-between;gap:25px;padding-bottom:20px;display:flex}.gate-school-identity{align-items:center;gap:20px;min-width:0;display:flex}.gate-crest{color:#efcc81;background:var(--gate-navy);border:3px double var(--gate-gold);border-radius:12px 12px 40px 40px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:83px;height:103px;display:flex}.gate-crest b{letter-spacing:3px;font-size:12px}.gate-logo .avatar{object-fit:contain;background:#fff;border-radius:0;width:84px;height:100px}.gate-school-name h2{letter-spacing:1px;text-transform:uppercase;max-width:630px;color:var(--gate-navy);overflow-wrap:anywhere;font:700 clamp(24px,3vw,40px)/1.12 Georgia,serif}.gate-school-name p{letter-spacing:3px;color:var(--gate-navy);margin:10px 0;font-size:11px;font-weight:700}.gate-school-name>span{background:var(--gate-navy);color:#fff;letter-spacing:1.5px;padding:6px 12px;font-size:8px;display:inline-block}.gate-document-reference{border-left:1px dashed #9aabbb;flex-direction:column;justify-content:center;gap:6px;min-width:200px;padding-left:20px;display:flex}.gate-document-reference>span{letter-spacing:1px;font-size:9px;font-weight:700}.gate-document-reference strong{overflow-wrap:anywhere;border:1px solid #bdc9d6;border-radius:5px;margin-bottom:5px;padding:7px;font:600 13px/1.4 monospace}.gate-document-reference>b{font-size:12px}.gate-title-ribbon{justify-content:center;align-items:center;gap:14px;margin:16px 0 12px;display:flex}.gate-title-ribbon h3{background:var(--gate-navy);border-block:2px solid var(--gate-gold);color:#fff;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);letter-spacing:7px;margin:0;padding:7px 62px;font:700 32px/1.1 Georgia,serif}.gate-title-ribbon>span{background:var(--gate-gold);width:60px;height:2px}.gate-document-status{justify-content:space-between;align-items:center;gap:10px;padding:0 0 15px;display:flex}.gate-document-status>span:first-child{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700}.gate-document-body{grid-template-columns:minmax(0,1fr) 275px;gap:24px;display:grid}.gate-document-fields{flex-direction:column;justify-content:space-between;gap:12px;margin:0;display:flex}.gate-document-field{grid-template-columns:156px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.gate-document-field dt{color:var(--gate-navy);text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:10px;font-weight:750;line-height:1.5;display:flex}.gate-document-field dt svg{color:var(--gate-navy);flex-shrink:0;align-self:center}.gate-document-field dd{overflow-wrap:anywhere;color:#19334e;border-bottom:1px solid #b8c2cb;margin:0;padding:0 0 7px;font-size:13px;line-height:1.6}.gate-document-field:first-child dd{font-size:17px;font-weight:700}.gate-security-panel{border:1.5px solid var(--gate-navy);border-radius:10px;align-self:start;padding:7px 12px 12px}.gate-security-panel h4{background:var(--gate-navy);color:#fff;text-align:center;letter-spacing:1px;border-radius:4px;margin:0 -5px 12px;padding:9px 5px;font-size:11px}.gate-security-person{align-items:center;gap:10px;margin:8px 0 14px;display:flex}.gate-security-person .avatar{border-radius:6px;flex-shrink:0;width:48px;height:56px;font-size:17px}.gate-security-person strong{font-size:11px;line-height:1.5;display:block}.gate-security-person small{color:#54687a;margin-top:3px;font-size:10px;line-height:1.5;display:block}.gate-secure-qr{border-block:1px solid #e5d9c1;align-items:center;gap:10px;padding:9px 0;display:flex}.gate-secure-qr img{flex-shrink:0;width:113px;height:113px}.gate-secure-qr strong{margin-top:5px;font-size:11px;display:block}.gate-secure-qr p,.gate-qr-pending p{color:#536779;margin:5px 0 0;font-size:10px;line-height:1.6}.gate-qr-pending{text-align:center;background:#f5f7fa;border:1px dashed #becbd6;flex-direction:column;align-items:center;gap:6px;padding:15px;font-size:11px;display:flex}.gate-remarks{letter-spacing:1px;margin-top:16px;font-size:9px;font-weight:700}.gate-remarks>div{border-bottom:1px solid #abb9c5;height:24px}.gate-movement-record{background:#f2f5f8;border-block:1px solid #d9e1e8;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px;padding:12px 15px;display:grid}.gate-movement-record span{text-transform:uppercase;letter-spacing:1px;color:#52697c;margin-bottom:5px;font-size:8px;display:block}.gate-movement-record strong{overflow-wrap:anywhere;font-size:10px;line-height:1.5;display:block}.gate-signatures{text-align:center;grid-template-columns:repeat(4,1fr);margin:32px 0 20px;display:grid}.gate-signatures>div{border-right:1px solid #d8b875;padding:0 15px}.gate-signatures>div:last-child{border:0}.gate-signatures span{border-top:1px solid #46627e;margin-bottom:8px;display:block}.gate-signatures strong{text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block}.gate-signatures small{color:#556d82;margin-top:4px;font-size:8px;display:block}.gate-document-footer{background:var(--gate-navy);color:#fff;border-top:3px solid var(--gate-gold);align-items:center;gap:10px;margin:0 -26px;padding:14px 24px;font-size:10px;line-height:1.6;display:flex}.gate-document-footer svg{color:#efcc81;flex-shrink:0}.gate-document-footer b{letter-spacing:1px;color:#efcc81;margin-left:auto;font-size:8px}.gate-print-notice{text-align:center;color:#536477;background:#f8f5ed;margin:0 -26px;padding:7px 18px;font-size:8px;line-height:1.5}.gate-document-alert{border-left:3px solid var(--gate-gold);overflow-wrap:anywhere;background:#fff4dc;margin-top:15px;padding:10px;font-size:11px;line-height:1.6}@media(min-width:1850px){.gate-pass-layout{grid-template-columns:minmax(0,1fr) 330px;max-width:none}.gate-document-header{gap:16px}.gate-school-name h2{font-size:32px}}@media(max-width:1050px){.gate-document-body{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.gate-document-field{grid-template-columns:124px minmax(0,1fr)}.gate-document-field dt{font-size:9px}.gate-crest{width:62px;height:85px}.gate-school-identity{gap:12px}.gate-document-reference{min-width:180px}.gate-school-name p{letter-spacing:1px}.gate-secure-qr img{width:90px;height:90px}}@media(max-width:650px){.gate-document{border-radius:12px;padding:18px 14px 0}.gate-document-header{flex-direction:column;gap:15px;padding-bottom:15px}.gate-school-name h2{font-size:22px}.gate-school-name>span{letter-spacing:.8px;font-size:6px}.gate-school-name p{font-size:8px}.gate-document-reference{border-top:1px dashed #c7d0d8;border-left:0;min-width:0;padding:12px 0 0}.gate-title-ribbon h3{letter-spacing:3px;padding:9px 34px;font-size:23px}.gate-title-ribbon>span{width:15px}.gate-document-body{grid-template-columns:1fr}.gate-document-field{grid-template-columns:112px minmax(0,1fr);gap:8px}.gate-document-field dd{font-size:12px}.gate-document-field:first-child dd{font-size:15px}.gate-document-status{flex-wrap:wrap}.gate-document-status .badge{font-size:8px}.gate-security-panel{margin-top:6px}.gate-secure-qr img{width:114px;height:114px}.gate-movement-record{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-signatures{grid-template-columns:repeat(2,1fr);row-gap:30px}.gate-signatures>div:nth-child(2){border:0}.gate-document-footer{flex-wrap:wrap;margin-inline:-14px;padding:12px 14px}.gate-document-footer span{flex:1}.gate-document-footer b{width:100%;margin-left:27px}.gate-print-notice{margin-inline:-14px}}@media print{@page gatepass{size:A4 landscape;margin:8mm}body:has(.gate-document){page:gatepass}.gate-document{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none;break-inside:avoid;border-width:2px;border-radius:12px;outline-width:3px;margin:3px;padding:15px 20px 0}.gate-document-header{flex-direction:row;gap:18px;padding-bottom:10px}.gate-school-name h2{max-width:580px;font-size:30px}.gate-crest{width:65px;height:80px}.gate-document-reference{border-top:0;border-left:1px dashed #9aabbb;min-width:210px;padding:0 0 0 15px}.gate-title-ribbon{margin:10px 0}.gate-title-ribbon h3{padding:5px 65px;font-size:28px}.gate-document-status{padding-bottom:10px}.gate-document-body{grid-template-columns:minmax(0,1fr) 255px;gap:22px}.gate-document-fields{gap:8px}.gate-document-field{grid-template-columns:145px minmax(0,1fr)}.gate-document-field dd{padding-bottom:4px;font-size:11px;line-height:1.4}.gate-document-field:first-child dd{font-size:15px}.gate-security-panel{margin:0}.gate-secure-qr img{width:95px;height:95px}.gate-remarks>div{height:18px}.gate-movement-record{grid-template-columns:repeat(4,1fr);margin-top:14px;padding:8px 12px}.gate-signatures{grid-template-columns:repeat(4,1fr);margin:25px 0 13px}.gate-signatures>div:nth-child(2){border-right:1px solid #d8b875}.gate-document-footer{flex-wrap:nowrap;margin-inline:-20px;padding:9px 20px}.gate-document-footer b{width:auto;margin-left:auto}.gate-print-notice{margin-inline:-20px;padding:5px 15px}.gate-pass-layout>aside{display:none!important}}.pass-created-summary{gap:10px;padding:8px 0;display:grid}.pass-created-icon{color:#25845c}.pass-created-summary p{overflow-wrap:anywhere}.pass-created-summary .muted{margin-top:5px;font-size:12px}.auth-page{background:#f6f8fb}.auth-story{background:linear-gradient(145deg,#102c50,#173d68);padding:clamp(32px,5vw,72px)}.auth-story .brand{z-index:1;position:relative}.auth-story .brand-crest{object-fit:contain;background:#fff;border-radius:10px;width:52px;height:52px;padding:4px;box-shadow:0 8px 22px #071a3038}.auth-story>div:nth-child(2){z-index:1;max-width:560px;position:relative}.auth-story h1{letter-spacing:-2.4px;font-size:clamp(40px,4.2vw,68px);line-height:1.06}.auth-story p{color:#c4d3e5;max-width:430px;font-size:14px}.auth-form{background:#fff;padding:clamp(24px,6vw,80px)}.login-card{max-width:420px}.login-card h2{letter-spacing:-1px;margin-top:18px;font-size:clamp(26px,3vw,34px)}.login-card>p{color:#8493a8}.login-card form{margin-top:30px}.login-card .field{margin-bottom:17px}.login-card input,.login-card .button{min-height:48px}.login-footer{margin-top:24px}@media(max-width:980px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:340px;padding:32px 40px 42px}.auth-story h1{font-size:clamp(36px,7vw,54px)}.auth-story p{display:block}.auth-features{display:flex}.auth-form{padding:48px 40px 64px}}@media(max-width:560px){.auth-story{min-height:0;padding:22px 20px 34px}.auth-story .brand-crest{width:44px;height:44px}.auth-story h1{letter-spacing:-1.5px;margin-top:34px;font-size:38px}.auth-story h1 br{display:block}.auth-story p{margin-top:16px;font-size:13px;line-height:1.55}.auth-features{display:none}.auth-story>small{margin-top:30px;font-size:9px;display:block}.auth-form{align-items:flex-start;padding:34px 20px 42px}.login-card h2{font-size:28px}.login-card form{margin-top:24px}.login-card .muted.small{font-size:10px;line-height:1.5}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@media screen{.app-shell{--blue: #5046d9;--muted: #66758c;--line: #dfe5f080;background:radial-gradient(ellipse at 95% 0%,#d8f5f0 0,transparent 35%),radial-gradient(ellipse at 35% 15%,#e5defb 0,transparent 42%),linear-gradient(135deg,#f0f3fc,#f7f9fd 55%,#edf4fc);color:#28344f}.brand-crest{width:46px;height:54px;flex:0 0 46px;object-fit:contain}.app-shell .sidebar{width:244px;padding:26px 17px 16px;background:#ffffffb8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid #fff;box-shadow:8px 0 40px #454b8210}.app-shell .brand-link{padding:0 4px;flex-shrink:0}.app-shell .brand{gap:11px;min-width:0}.app-shell .brand strong{font-size:16px;letter-spacing:1px;white-space:nowrap;color:#243458}.app-shell .brand small{font-size:8px;letter-spacing:2.2px}.app-shell .workspace-label{margin:22px 0 20px;padding:15px 8px;color:#68758d;flex-shrink:0}.app-shell .workspace-label span{background:#e9e5ff;color:#6253c7;border-radius:6px;padding:4px 7px}.app-shell .nav-label{color:#7e88a1;font-size:9px}.app-shell .sidebar nav{min-height:80px;flex:1}.app-shell .sidebar nav a{min-height:42px;margin:4px 0;border-radius:11px;color:#596680;font-size:12px;gap:11px}.app-shell .sidebar nav a svg{color:#8391ad;flex-shrink:0}.app-shell .sidebar nav a:hover{background:#eeebff;color:#5143bc}.app-shell .sidebar nav a.active{background:linear-gradient(110deg,#6554e8,#4a65dd);color:#fff;box-shadow:0 6px 16px #6554e830}.app-shell .sidebar nav a.active svg{color:#fff}.app-shell .sidebar-bottom{padding-top:16px;flex-shrink:0}.app-shell .safety-note{background:linear-gradient(130deg,#e9e5fcbd,#e4f3f6bd);border:1px solid #fff;border-radius:15px;color:#7465c4}.app-shell .safety-note strong{color:#475475}.app-shell .safety-note p{color:#69788c}.app-shell .logout{padding-block:14px}.app-shell .version{color:#77859c}.app-shell .main-shell{margin-left:244px;width:calc(100% - 244px);min-width:0}.app-shell .topbar{height:82px;padding-inline:32px;gap:22px;background:#ffffff80;border-bottom:1px solid #ffffffdc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-shell .breadcrumb{color:#738098}.app-shell .breadcrumb strong{color:#46536d}.app-shell .global-search{background:#ffffffa6;border:1px solid #ffffff;border-radius:12px;padding:0 10px;max-width:340px}.app-shell .global-search input{background:transparent;min-height:40px}.app-shell .campus-label{color:#568071}.app-shell .campus-dot{background:#21ad8c;box-shadow:0 0 0 4px #21ad8c12}.app-shell .profile .avatar{background:linear-gradient(135deg,#e6defd,#dbe8fc);color:#6650b6;width:39px;height:39px}.app-shell main{padding:32px}.app-shell h1{font-size:clamp(25px,2.4vw,34px);letter-spacing:-1.2px;color:#23304e;font-weight:700}.app-shell .eyebrow{color:#7563bd;font-size:9px;letter-spacing:2px}.app-shell .page-title{margin-bottom:28px}.app-shell .page-title p{color:#6f7b92;font-size:13px}.app-shell .button{border-radius:10px;min-height:42px;padding-inline:17px}.app-shell .primary{background:linear-gradient(115deg,#6550df,#4864d8);box-shadow:0 5px 14px #6550df26}.app-shell .primary:hover{background:linear-gradient(115deg,#5842d2,#3555cb);box-shadow:0 7px 18px #6550df3b}.app-shell .secondary,.app-shell .date-chip{background:#ffffffb8;border-color:#fff;box-shadow:0 3px 12px #4f5d8710;color:#54607c;border-radius:10px}.app-shell .welcome-banner{padding:27px;border-radius:20px;background:linear-gradient(115deg,#333278,#5652bd 55%,#268caa);box-shadow:0 12px 30px #4c47a825;border:1px solid #ffffff70}.app-shell .welcome-banner strong{font-size:19px;font-weight:600;letter-spacing:-.3px}.app-shell .welcome-banner p{color:#e0e2fb;font-size:12px}.app-shell .banner-icon{background:#ffffff18;border-color:#ffffff35;color:#b4f0e4;width:52px;height:52px;border-radius:15px;flex-shrink:0}.app-shell .welcome-banner a{background:#ffffff16;border-color:#ffffff45;color:#fff;font-size:11px;border-radius:10px}.app-shell .banner-circles{border-color:#ffffff20;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.app-shell .card,.app-shell .stat-card{background:#ffffffb8;border:1px solid #ffffff;border-radius:18px;box-shadow:0 7px 25px #45598708,inset 0 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-shell .stat-card{position:relative;overflow:hidden;padding:20px;background:linear-gradient(125deg,#fffffff0,var(--stat-tint, #eeebff))}.app-shell .stat-card:has(.blue){--stat-tint: #e9edff;--stat-color: #5765d9}.app-shell .stat-card:has(.orange){--stat-tint: #fff0e2;--stat-color: #c36b33}.app-shell .stat-card:has(.green){--stat-tint: #e0f5ef;--stat-color: #218870}.app-shell .stat-card:has(.gold){--stat-tint: #fff4d8;--stat-color: #a07c1b}.app-shell .stat-card:has(.red){--stat-tint: #fce5ed;--stat-color: #c15579}.app-shell .stat-card:has(.purple){--stat-tint: #eee4fc;--stat-color: #8a55c1}.app-shell .stat-card:before{content:"";position:absolute;top:22px;left:0;width:3px;height:32px;background:var(--stat-color);border-radius:0 4px 4px 0}.app-shell .stat-top>span{color:#59657d;font-size:12px}.app-shell .stat-icon{width:37px;height:37px;border-radius:12px;background:#ffffffb0;color:var(--stat-color);box-shadow:0 3px 9px #36456508}.app-shell .stat-number{font-size:34px;color:#293853;margin-block:12px}.app-shell .stat-card small{color:#67758c;font-size:10px}.app-shell .section-head p{color:#748198;font-size:11px}.app-shell .table-card{padding:0}.app-shell .filter-bar{background:#ffffff40;padding:20px;gap:12px}.app-shell input,.app-shell select,.app-shell textarea{border-color:#dce1f0;background-color:#ffffffbd;border-radius:10px}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:#9381e3;box-shadow:0 0 0 3px #8270dd15}.app-shell input::placeholder{color:#7a879d}.app-shell th{background:#eeeff98c;color:#64708b;font-size:10px;letter-spacing:.8px;padding-block:15px;border-color:#e4e7f280}.app-shell td{padding-block:18px;font-size:12px;color:#627089;border-color:#e5e8f280}.app-shell td strong{font-size:12px;color:#344360;font-weight:600}.app-shell tbody tr:hover{background:#f1efff80}.app-shell .badge{border-radius:7px;font-size:10px;padding:6px 9px}.app-shell .badge-ACTIVE,.app-shell .badge-APPROVED,.app-shell .badge-RETURNED{color:#247760;background:#ddf3e9}.app-shell .pager{color:#71809a}.app-shell .icon-button:hover{color:#6550cc;background:#e9e4fc}.app-shell footer{color:#79869c}@media(max-height:800px)and (min-width:721px){.app-shell .safety-note{display:none}}@media(max-width:1200px){.app-shell .sidebar{width:220px;padding-inline:13px}.app-shell .main-shell{margin-left:220px;width:calc(100% - 220px)}.app-shell .brand strong{font-size:14px}.app-shell .topbar{padding-inline:24px;gap:14px}.app-shell main{padding:26px}.app-shell .stat-card{padding:17px}}@media(max-width:720px){.app-shell .sidebar{width:244px;background:#f7f8ffed}.app-shell .main-shell{width:100%;margin-left:0}.app-shell .topbar{height:68px;padding-inline:14px;gap:8px}.app-shell .global-search{min-width:0;padding-inline:6px}.app-shell .global-search input{min-width:0;width:100%}.app-shell main{padding:24px 16px}.app-shell .welcome-banner{padding:20px 16px;border-radius:16px}.app-shell .welcome-banner strong{font-size:15px}.app-shell .welcome-banner p{font-size:11px}.app-shell .stat-card{padding:16px 13px;border-radius:15px}.app-shell .stat-top>span{font-size:11px}.app-shell .stat-icon{width:30px;height:30px;flex-shrink:0}.app-shell .stat-card small{font-size:9px}.app-shell .filter-bar{padding:16px}.app-shell .title-actions{width:100%;gap:8px}.app-shell .button{padding-inline:13px}}}@media screen{.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:40px;padding:9px 12px;border:1px solid #dcdff0;border-radius:11px;background:#ffffffb8;color:#5d50ba;font-size:11px;font-weight:600;flex-shrink:0}.theme-toggle:hover{background:#ede8ff}.app-shell[data-theme=dark]{color-scheme:dark;--blue: #aaa2ff;--muted: #a6b2c9;--line: #35425e;color:#e3e9f7;background:radial-gradient(ellipse at 95% 0%,#14343e 0,transparent 40%),radial-gradient(ellipse at 35% 15%,#282345 0,transparent 45%),#101827}[data-theme=dark] .sidebar,[data-theme=dark] .topbar{background:#151e30d9;border-color:#35415a}[data-theme=dark] .brand-crest{background:#fff;border-radius:8px;padding:3px}[data-theme=dark] .brand strong,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] td strong,[data-theme=dark] .stat-number{color:#edf1ff}[data-theme=dark] .brand small,[data-theme=dark] .workspace-label,[data-theme=dark] .nav-label,[data-theme=dark] .breadcrumb,[data-theme=dark] .profile small,[data-theme=dark] .version,[data-theme=dark] footer{color:#9caac3}[data-theme=dark] .breadcrumb strong,[data-theme=dark] .sidebar nav a,[data-theme=dark] .logout{color:#bfcae0}[data-theme=dark] .sidebar nav a:hover{background:#2c2c4c;color:#e2dcff}[data-theme=dark] .sidebar nav a.active{color:#fff}[data-theme=dark] .safety-note{background:linear-gradient(125deg,#30294c,#1d3542);border-color:#40435f}[data-theme=dark] .safety-note strong{color:#dddaf7}[data-theme=dark] .safety-note p,[data-theme=dark] .page-title p,[data-theme=dark] .section-head p,[data-theme=dark] .stat-card small,[data-theme=dark] .empty p,[data-theme=dark] .pager,[data-theme=dark] td,[data-theme=dark] .mono,[data-theme=dark] dt,[data-theme=dark] .field>span{color:#acb9d1}[data-theme=dark] .eyebrow{color:#b5a4f2}[data-theme=dark] .global-search,[data-theme=dark] .secondary,[data-theme=dark] .date-chip,[data-theme=dark] .theme-toggle{background:#202b42;color:#cfc8ff;border-color:#3b4563}[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .secondary:hover{background:#303653}[data-theme=dark] .card,[data-theme=dark] .modal{background:#1c273bef;border-color:#35435d;box-shadow:0 8px 28px #00000018,inset 0 1px #ffffff05}[data-theme=dark] .stat-card{background:linear-gradient(125deg,#222d43,#263149);border-color:#3a4660;box-shadow:0 8px 25px #00000015}[data-theme=dark] .stat-top>span{color:#c2cce0}[data-theme=dark] .stat-icon{background:var(--stat-tint)}[data-theme=dark] .filter-bar{background:#ffffff03}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#152136;border-color:#40506e;color:#e4eafb}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a4bf}[data-theme=dark] .global-search input{background:transparent}[data-theme=dark] th{background:#263149;color:#b7c3dc;border-color:#37435b}[data-theme=dark] td{border-color:#344159}[data-theme=dark] tbody tr:hover{background:#30314d80}[data-theme=dark] .icon-button{color:#a8b8d2}[data-theme=dark] .icon-button:hover{background:#393254;color:#d8cbff}[data-theme=dark] .text-link{color:#b5a9ff}[data-theme=dark] .legend,[data-theme=dark] .legend strong{color:#b9c6dd}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:#afbdd4}[data-theme=dark] .recharts-cartesian-grid line{stroke:#39465d}[data-theme=dark] .recharts-default-tooltip{background-color:#202b42!important;border-color:#59627d!important;color:#e4eafb;border-radius:10px}[data-theme=dark] .recharts-tooltip-label{color:#e4eafb}[data-theme=dark] .outside-card,[data-theme=dark] .help-card{background:#243149;border-color:#3b4a63}[data-theme=dark] .modal-backdrop{background:#060b16b8}[data-theme=dark] .gate-document{color-scheme:light}[data-theme=dark] .gate-document h2,[data-theme=dark] .gate-document dt{color:var(--gate-navy)}[data-theme=dark] .gate-document h3{color:#fff}@media(max-width:1200px){.theme-toggle span{display:none}}@media(max-width:720px){.theme-toggle{padding:8px;min-width:40px}}}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 16px;margin:16px 0}.permission-grid .checkbox{align-items:flex-start;margin:0;padding:8px}.permission-grid input{flex-shrink:0;margin-top:3px}@media screen{.app-shell{--depth-surface:#eaf0f5;--depth-light:#ffffff;--depth-shadow:#c7d1dc;--depth-ink:#263b55;--depth-muted:#526781;background:var(--depth-surface);color:var(--depth-ink)}.app-shell[data-theme=dark]{--depth-surface:#202d40;--depth-light:#2c3d54;--depth-shadow:#131d2c;--depth-ink:#eef5ff;--depth-muted:#b5c6db}.app-shell .sidebar{background:var(--depth-surface);border-right:1px solid var(--depth-light);box-shadow:8px 0 24px var(--depth-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .topbar{background:var(--depth-surface);border-bottom:1px solid var(--depth-light);box-shadow:0 5px 16px color-mix(in srgb,var(--depth-shadow) 65%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .sidebar nav a{border:1px solid transparent;transition:background .22s,box-shadow .22s,translate .22s;color:var(--depth-muted)}.app-shell .sidebar nav a.active{background:linear-gradient(115deg,#2abeb6,#1674ed);color:#fff;border-color:#ffffff40;box-shadow:5px 5px 10px var(--depth-shadow),-4px -4px 10px var(--depth-light)}.app-shell .global-search{background:var(--depth-surface);border:1px solid var(--depth-light);border-radius:30px;box-shadow:inset 4px 4px 8px var(--depth-shadow),inset -4px -4px 8px var(--depth-light);padding-inline:16px;transition:box-shadow .2s}.app-shell .global-search:focus-within{outline:2px solid #168cda;outline-offset:3px}.app-shell .global-search input{box-shadow:none;background:transparent;color:var(--depth-ink)}.app-shell .theme-toggle,.app-shell .profile .avatar,.app-shell .safety-note{background:var(--depth-surface);border:1px solid var(--depth-light);box-shadow:4px 4px 9px var(--depth-shadow),-4px -4px 9px var(--depth-light);color:var(--depth-ink)}.app-shell{--lift-shadow:10px 10px 22px var(--depth-shadow),-10px -10px 22px var(--depth-light)}.app-shell h1,.app-shell h2,.app-shell .stat-number{color:var(--depth-ink)}.app-shell .eyebrow{color:#1688ae}.app-shell .page-title p,.app-shell .section-head p,.app-shell .stat-top>span,.app-shell .stat-card small{color:var(--depth-muted)}.app-shell .stats-grid{gap:22px;margin-block:28px}.app-shell .card,.app-shell .stat-card{background:var(--depth-surface);border:1px solid color-mix(in srgb,var(--depth-light) 75%,transparent);border-radius:24px;box-shadow:var(--lift-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .25s,translate .25s,border-color .25s}.app-shell .stat-card{padding:23px;overflow:hidden}.app-shell .stat-card:before,.app-shell .stat-card:after{display:none}.app-shell .stat-number{font-size:36px;letter-spacing:-1.5px;margin:18px 0 12px;text-shadow:1px 2px 0 var(--depth-light)}.app-shell .stat-icon{width:46px;height:46px;border-radius:16px;background:var(--depth-surface);color:var(--stat-color);border:1px solid var(--depth-light);box-shadow:5px 5px 10px var(--depth-shadow),-5px -5px 10px var(--depth-light);transition:rotate .3s,scale .3s}.app-shell .welcome-banner{border-radius:26px;background:linear-gradient(115deg,#169eaa,#197de0 68%,#2563c6);box-shadow:8px 10px 20px var(--depth-shadow),-8px -8px 20px var(--depth-light);padding:28px;border:1px solid #ffffff60}.app-shell .banner-icon{border-radius:50%;width:62px;height:62px;box-shadow:inset 2px 2px 4px #ffffff40,5px 5px 12px #07579560;color:#fff}.app-shell .welcome-banner a{border-radius:18px;box-shadow:3px 4px 10px #055f8b50,inset 1px 1px #ffffff40;transition:translate .2s,background .2s}.app-shell .button,.app-shell .date-chip{border-radius:24px;box-shadow:5px 5px 12px var(--depth-shadow),-5px -5px 12px var(--depth-light);border:1px solid var(--depth-light);transition:translate .2s,box-shadow .2s,filter .2s}.app-shell .button.primary{background:linear-gradient(110deg,#2dbdb4,#1676ef);color:#fff;border-color:#ffffff50}.app-shell .date-chip,.app-shell .button.secondary{background:var(--depth-surface);color:var(--depth-muted)}.app-shell .chart-grid{gap:26px;margin-bottom:28px}.app-shell .chart-card .recharts-wrapper{border-radius:16px}.app-shell .recharts-default-tooltip{border-radius:14px!important;background:var(--depth-surface)!important;border:1px solid var(--depth-light)!important;box-shadow:6px 6px 18px var(--depth-shadow);color:var(--depth-ink)!important}.app-shell .recharts-cartesian-axis-tick text{fill:var(--depth-muted)}.app-shell .table-card{margin-bottom:28px;overflow:hidden}.app-shell th{background:color-mix(in srgb,var(--depth-shadow) 25%,var(--depth-surface));color:var(--depth-muted)}.app-shell td{border-bottom-color:var(--depth-shadow)}.app-shell tbody tr{transition:background .2s}.app-shell .rank-row{border-bottom-color:var(--depth-shadow)}.app-shell .avatar{box-shadow:3px 3px 6px var(--depth-shadow),-3px -3px 6px var(--depth-light)}.app-shell .badge{border-radius:10px;box-shadow:inset 1px 1px 2px #ffffff80,2px 2px 4px var(--depth-shadow)}.app-shell .text-link{color:#1477c3;transition:color .2s,translate .2s}.app-shell[data-theme=dark] .text-link,.app-shell[data-theme=dark] .eyebrow{color:#66d1f0}.app-shell :is(a,button,input):focus-visible{outline:2px solid #168cda;outline-offset:4px}@media(hover:hover)and (pointer:fine){.app-shell .stat-card:hover{translate:0 -5px;box-shadow:14px 16px 26px var(--depth-shadow),-10px -10px 24px var(--depth-light);border-color:#61bbd4}.app-shell .stat-card:hover .stat-icon{rotate:-7deg;scale:1.06}.app-shell .card:hover{box-shadow:12px 12px 26px var(--depth-shadow),-10px -10px 24px var(--depth-light)}.app-shell .button:hover,.app-shell .welcome-banner a:hover{translate:0 -3px;filter:brightness(1.04)}.app-shell .sidebar nav a:not(.active):hover{background:var(--depth-surface);box-shadow:inset 3px 3px 7px var(--depth-shadow),inset -3px -3px 7px var(--depth-light);translate:2px 0}.app-shell tbody tr:hover{background:color-mix(in srgb,#1b9ed2 9%,var(--depth-surface))}.app-shell .text-link:hover{translate:2px 0}}.app-shell .button:active{translate:0 1px;box-shadow:inset 3px 3px 7px #163d7950,inset -2px -2px 5px #ffffff50}@media(max-width:640px){.app-shell .stats-grid{gap:16px}.app-shell .stat-card{padding:17px}.app-shell .stat-icon{width:36px;height:36px;border-radius:12px}.app-shell .welcome-banner{padding:20px}.app-shell .card{border-radius:19px}}@media(prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.app-shell .stat-card:hover,.app-shell .button:hover,.app-shell .text-link:hover,.app-shell .welcome-banner a:hover{translate:none}.app-shell .stat-card:hover .stat-icon{rotate:none;scale:none}}}@media screen{:root{--depth-surface:#eaf0f5;--depth-light:#fff;--depth-shadow:#c7d1dc;--depth-ink:#263b55;--depth-muted:#526781}body:has(.app-shell[data-theme=dark]){--depth-surface:#202d40;--depth-light:#2c3d54;--depth-shadow:#131d2c;--depth-ink:#eef5ff;--depth-muted:#b5c6db}:is(.app-shell,.auth-page,.public-page,.modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){background-color:var(--depth-surface);color:var(--depth-ink);border:1px solid var(--depth-light);border-radius:16px;box-shadow:inset 4px 4px 8px var(--depth-shadow),inset -4px -4px 8px var(--depth-light);transition:box-shadow .2s,outline-color .2s}:is(.app-shell,.auth-page,.public-page,.modal) :is(input,textarea)::placeholder{color:var(--depth-muted);opacity:.85}:is(.app-shell,.auth-page,.public-page,.modal) :is(input,select,textarea):focus-visible{outline:2px solid #168cda;outline-offset:3px}:is(.app-shell,.auth-page,.public-page,.modal) :is(input[type=checkbox],input[type=radio]){accent-color:#1687cf}.app-shell .global-search input,.app-shell .search-input input{box-shadow:none;border:0;background:transparent;border-radius:8px}.app-shell .search-input{background:var(--depth-surface);border:1px solid var(--depth-light);border-radius:18px;box-shadow:inset 3px 3px 7px var(--depth-shadow),inset -3px -3px 7px var(--depth-light)}.app-shell .filter-bar{background:transparent;gap:16px}.app-shell :is(.help-card,.outside-card,.safety-note,.note,.student-preview){background:var(--depth-surface);border:1px solid var(--depth-light);border-radius:18px;box-shadow:5px 5px 12px var(--depth-shadow),-5px -5px 12px var(--depth-light);color:var(--depth-ink)}.app-shell :is(.outside-card.overdue,.warning-box){border:1px solid #dba55e;background:#fff3d9;color:#6c451a;border-radius:16px;box-shadow:3px 3px 8px var(--depth-shadow)}.app-shell .icon-button,.app-shell .logout{border-radius:12px;transition:box-shadow .2s,background .2s,translate .2s}.app-shell .steps{gap:12px}.app-shell .steps>div{border-radius:14px}.app-shell .student-results>button{border-radius:16px;transition:box-shadow .2s,background .2s}.app-shell .student-results>button.selected{background:var(--depth-surface);box-shadow:inset 3px 3px 8px var(--depth-shadow),inset -3px -3px 8px var(--depth-light);outline:2px solid #168cda}.modal-backdrop{background:#192d4c70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-backdrop .modal{background:var(--depth-surface);color:var(--depth-ink);border:1px solid var(--depth-light);border-radius:26px;box-shadow:18px 20px 55px #0c203b40,inset 1px 1px 0 var(--depth-light);animation:depth-dialog-in .2s ease-out}.modal :is(h2,h3,dt,.field>span){color:var(--depth-ink)}.modal .muted{color:var(--depth-muted)}:is(.modal,.auth-page,.public-page) .button{border-radius:22px;border:1px solid var(--depth-light);box-shadow:5px 5px 12px var(--depth-shadow),-5px -5px 12px var(--depth-light);transition:translate .2s,filter .2s,box-shadow .2s}:is(.modal,.auth-page,.public-page) .button.primary{background:linear-gradient(110deg,#2dbdb4,#1676ef);color:#fff;border-color:#ffffff50}:is(.modal,.auth-page,.public-page) .button.secondary{background:var(--depth-surface);color:var(--depth-ink)}:is(.app-shell,.modal,.auth-page,.public-page) .button.danger{background:#b63245;color:#fff;border-color:#b63245}:is(.app-shell,.modal,.auth-page,.public-page) button:disabled{opacity:.5;cursor:not-allowed;translate:none;filter:none}.auth-page{background:var(--depth-surface)}.auth-page .auth-story{background:linear-gradient(145deg,#157b91,#176cbe 65%,#224f92)}.auth-page .auth-form{background:var(--depth-surface);padding:42px}.auth-page .login-card{max-width:440px;padding:34px;border:1px solid var(--depth-light);border-radius:30px;box-shadow:14px 14px 30px var(--depth-shadow),-14px -14px 30px var(--depth-light)}.auth-page .login-card :is(h2,.field>span){color:var(--depth-ink)}.auth-page .login-card p,.auth-page .login-footer{color:var(--depth-muted)}.auth-page .pill{background:var(--depth-surface);color:#1476ae;border-radius:14px;box-shadow:4px 4px 9px var(--depth-shadow),-4px -4px 9px var(--depth-light)}body:has(.public-page){background:var(--depth-surface)}.public-page>.card{background:var(--depth-surface);border:1px solid var(--depth-light);border-radius:26px;box-shadow:12px 12px 26px var(--depth-shadow),-12px -12px 26px var(--depth-light)}.public-page :is(h1,h2,h3){color:var(--depth-ink)}.public-page p{color:var(--depth-muted)}:is(.thermal-print-controls,.visitor-thermal-controls) .button{border-radius:20px;box-shadow:5px 5px 12px #c7d1dc,-5px -5px 12px #fff;transition:translate .2s}:is(.thermal-print-controls,.visitor-thermal-controls) .primary{background:linear-gradient(110deg,#2dbdb4,#1676ef)}@keyframes depth-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover)and (pointer:fine){:is(.modal,.auth-page,.public-page) .button:not(:disabled):hover{translate:0 -2px;filter:brightness(1.04)}.app-shell :is(.icon-button,.logout):hover{background:var(--depth-surface);box-shadow:3px 3px 8px var(--depth-shadow),-3px -3px 8px var(--depth-light)}}:is(.modal,.auth-page,.public-page) .button:not(:disabled):active{translate:0 1px;box-shadow:inset 3px 3px 7px #163d7930}@media(max-width:640px){.auth-page .auth-form{padding:24px 16px}.auth-page .login-card{padding:26px 20px;border-radius:24px}.modal-backdrop .modal{border-radius:20px}.app-shell .filter-bar{gap:12px}}@media(prefers-reduced-motion:reduce){:is(.app-shell,.modal,.auth-page,.public-page) *{animation:none!important;transition:none!important;translate:none!important}}}@media screen{.staff-directory-card .section-head h2{display:flex;align-items:center;gap:10px}.staff-directory-card .filter-bar{flex-wrap:wrap}.staff-directory-card .filter-bar .search-input{flex:1 1 300px}.staff-directory-card .filter-bar>select{width:auto;flex:0 1 180px}.staff-directory-card .person .avatar{width:46px;height:46px;flex-shrink:0}@media(max-width:640px){.staff-directory-card .filter-bar>select{flex:1 1 130px}}}@media screen{.app-shell .button.status-deactivate{background:#b42335;color:#fff;border-color:#b42335}.app-shell .button.status-activate{background:#157347;color:#fff;border-color:#157347}.app-shell .button.status-deactivate:not(:disabled):hover{background:#961c2c}.app-shell .button.status-activate:not(:disabled):hover{background:#105c38}}body,body *{font-weight:700!important}body :is(h1,h2,h3,h4,h5,h6,strong,b){font-weight:800!important}input::placeholder,textarea::placeholder{font-weight:700!important}html,body{max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%}.app-shell{max-width:100vw;overflow-x:hidden;min-height:100dvh}img,svg,video,canvas{max-width:100%;height:auto}.table-scroll::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.student-results::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.student-results::-webkit-scrollbar-thumb,.sidebar nav::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#8ca0be66;border-radius:4px}.table-scroll::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.student-results::-webkit-scrollbar-track,.sidebar nav::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:transparent}button,a,input,select,textarea,label{touch-action:manipulation}@media(min-width:1400px){.app-shell .sidebar{width:255px}.app-shell .main-shell{margin-left:255px;width:calc(100% - 255px)}.app-shell main{max-width:1600px;padding:34px 44px}.app-shell .stats-grid{grid-template-columns:repeat(4,1fr);gap:22px}.app-shell .chart-grid{grid-template-columns:1.65fr 1fr;gap:24px}.app-shell .form-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:28px}}@media(min-width:1025px)and (max-width:1399px){.app-shell .sidebar{width:235px}.app-shell .main-shell{margin-left:235px;width:calc(100% - 235px)}.app-shell main{padding:28px 30px}.app-shell .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}.app-shell .chart-grid{grid-template-columns:1.5fr 1fr;gap:20px}.mobile-menu,.mobile-close{display:none!important}}@media(min-width:901px)and (max-width:1024px){.app-shell .sidebar{width:215px;padding-inline:12px}.app-shell .main-shell{margin-left:215px;width:calc(100% - 215px)}.app-shell .topbar{padding:0 20px;gap:14px;height:70px}.app-shell .breadcrumb,.campus-dot,.campus-label{display:none}.app-shell main{padding:24px 20px}.app-shell .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.app-shell .chart-grid{grid-template-columns:1fr;gap:20px}.app-shell .chart-grid.lower{grid-template-columns:1fr 1fr}.app-shell .form-layout{grid-template-columns:1fr;gap:20px}.mobile-menu,.mobile-close{display:none!important}}@media(max-width:900px){.app-shell .sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:280px!important;max-width:82vw!important;height:100%!important;height:100dvh!important;transform:translate(-100%)!important;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease!important;z-index:1000!important;border-right:1px solid var(--line)!important;box-shadow:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.app-shell .sidebar.open{transform:translate(0)!important;box-shadow:12px 0 45px #00000059!important}.mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:10px!important;cursor:pointer!important;flex-shrink:0!important}.mobile-close{display:inline-flex!important;position:absolute!important;top:14px!important;right:14px!important;width:38px!important;height:38px!important;z-index:10!important;cursor:pointer!important;border-radius:8px!important}.nav-overlay{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0c182c94!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;z-index:990!important;opacity:0!important;pointer-events:none!important;transition:opacity .25s ease!important}.app-shell .sidebar.open~.nav-overlay,.app-shell:has(.sidebar.open) .nav-overlay{opacity:1!important;pointer-events:auto!important}.app-shell .main-shell{margin-left:0!important;width:100%!important;min-height:100dvh!important}.app-shell .topbar{height:64px!important;padding:0 16px!important;gap:12px!important;position:sticky!important;top:0!important;z-index:80!important}.app-shell .breadcrumb,.campus-dot,.campus-label{display:none!important}.app-shell .global-search{max-width:240px!important;min-width:0!important}.app-shell .global-search kbd{display:none!important}.app-shell main{padding:22px 18px!important}.app-shell .chart-grid,.app-shell .chart-grid.lower,.app-shell .form-layout,.app-shell .guard-layout{grid-template-columns:1fr!important;gap:20px!important}.gate-pass-detail-layout>.smart-gate-card{justify-self:center!important;margin-inline:auto!important}.outside-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important}#qr-reader{width:100%!important;max-width:320px!important;margin:12px auto!important;border-radius:16px!important;overflow:hidden!important}#qr-reader video{border-radius:14px!important;object-fit:cover!important}.app-shell .guard-layout{max-width:650px!important;margin:0 auto!important}.app-shell .help-card{display:none!important}.app-shell .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.auth-page{display:flex!important;flex-direction:column!important;min-height:100dvh!important;background:var(--depth-surface)!important}.auth-story{min-height:auto!important;padding:32px 24px 28px!important;border-radius:0 0 24px 24px!important;flex:0 0 auto!important}.auth-story .brand{justify-content:center!important}.auth-story>div:nth-child(2){margin:18px auto 6px!important;text-align:center!important;max-width:480px!important}.auth-story h1{font-size:clamp(26px,5.5vw,42px)!important;margin:12px 0 10px!important;line-height:1.2!important;letter-spacing:-1px!important}.auth-story h1 br{display:none!important}.auth-story p{font-size:13px!important;margin:0 auto!important;max-width:420px!important;text-align:center!important}.auth-features{display:flex!important;justify-content:center!important;gap:16px!important;margin-top:18px!important;font-size:11px!important}.auth-story>small,.auth-story .orbit{display:none!important}.auth-form{padding:30px 20px 45px!important;flex:1 1 auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.login-card{max-width:430px!important;width:100%!important;padding:28px 22px!important;border-radius:22px!important;margin:0 auto!important}.login-card h2{font-size:26px!important}}@media(max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:44px!important;padding:10px 14px!important;border-radius:12px!important}.app-shell .topbar{height:58px!important;padding:0 12px!important;gap:8px!important}.app-shell .global-search{max-width:170px!important;padding-inline:10px!important}.app-shell .global-search input{font-size:14px!important;padding:8px 4px!important;min-height:36px!important}.app-shell .topbar-right{gap:5px!important}.app-shell .theme-toggle{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important;border-radius:10px!important}.app-shell .theme-toggle span{display:none!important}.app-shell .profile{padding-left:4px!important;border-left:0!important}.app-shell .profile>div{display:none!important}.app-shell .profile .avatar{width:33px!important;height:33px!important}.app-shell main{padding:18px 12px!important}.app-shell .page-title{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:18px!important}.app-shell .page-title h1{font-size:22px!important;line-height:1.25!important;letter-spacing:-.6px!important}.app-shell .page-title .eyebrow{font-size:9px!important;letter-spacing:1.2px!important}.app-shell .page-title p{font-size:12px!important;margin-top:4px!important}.app-shell .title-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.app-shell .title-actions .button,.app-shell .title-actions label.button{flex:1 1 calc(50% - 4px)!important;min-height:42px!important;font-size:12px!important;padding:9px 12px!important;justify-content:center!important;text-align:center!important}.app-shell .title-actions .date-chip{display:none!important}.app-shell .welcome-banner{padding:18px 14px!important;border-radius:18px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}.app-shell .welcome-banner strong{font-size:15px!important}.app-shell .welcome-banner p{font-size:11px!important}.app-shell .welcome-banner a{display:inline-flex!important;width:100%!important;justify-content:center!important;margin-left:0!important;padding:10px 14px!important;font-size:12px!important;min-height:38px!important;border-radius:12px!important}.app-shell .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-block:16px!important}.app-shell .stat-card{padding:14px 12px!important;border-radius:16px!important}.app-shell .stat-top>span{font-size:11px!important;line-height:1.2!important}.app-shell .stat-icon{width:32px!important;height:32px!important;border-radius:10px!important}.app-shell .stat-number{font-size:26px!important;margin:8px 0 6px!important}.app-shell .stat-card small{font-size:9px!important}.app-shell .chart-card{min-height:250px!important;padding:16px 12px!important;border-radius:18px!important}.app-shell .legend{grid-template-columns:1fr 1fr!important;gap:6px!important;font-size:10px!important}.app-shell .table-card{border-radius:16px!important;margin-bottom:20px!important;overflow:hidden!important}.app-shell .table-card>.section-head{padding:16px 14px 12px!important;flex-wrap:wrap!important;gap:8px!important}.app-shell .table-scroll,.app-shell .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;padding-bottom:4px!important}.outside-grid{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}.permission-grid{grid-template-columns:1fr!important}.report-filters{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.app-shell table{min-width:620px!important;font-size:12px!important}.app-shell th{padding:10px 12px!important;font-size:10px!important}.app-shell td{padding:10px 12px!important;font-size:12px!important}.app-shell td strong{font-size:12px!important}.app-shell .person{min-width:130px!important;gap:8px!important}.app-shell .avatar{width:30px!important;height:30px!important;font-size:10px!important}.app-shell .actions{gap:4px!important;flex-wrap:nowrap!important}.app-shell .actions .icon-button{padding:6px!important;min-width:32px!important;min-height:32px!important}.app-shell .pager{padding:12px 14px!important;flex-wrap:wrap!important;gap:10px!important;font-size:11px!important;justify-content:space-between!important}.app-shell .filter-bar{padding:12px 14px!important;gap:8px!important;flex-wrap:wrap!important}.app-shell .filter-bar[role=group]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;gap:6px!important;padding:10px 14px 6px!important;scrollbar-width:none!important}.app-shell .filter-bar[role=group]::-webkit-scrollbar{display:none!important}.app-shell .filter-bar[role=group] .button{flex-shrink:0!important;white-space:nowrap!important;padding:8px 14px!important;font-size:11px!important;min-height:34px!important;border-radius:12px!important}.app-shell .search-input{width:100%!important;flex:1 1 100%!important;min-width:100%!important;border-radius:12px!important;min-height:42px!important}.app-shell .filter-bar select,.app-shell .filter-bar .compact-input{flex:1 1 calc(50% - 4px)!important;min-width:120px!important;width:auto!important;min-height:42px!important;border-radius:12px!important}.app-shell .filter-bar .field{margin-bottom:0!important;flex:1 1 calc(50% - 4px)!important;min-width:120px!important}.app-shell .filter-bar .field>span{font-size:10px!important;margin-bottom:4px!important}.modal-backdrop{padding:8px!important;align-items:center!important;z-index:1000!important}.modal-backdrop .modal{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:20px!important;padding:18px 16px!important;margin:auto!important}.modal .section-head{margin-bottom:14px!important}.modal h2{font-size:18px!important}.modal .form-grid{grid-template-columns:1fr!important;gap:12px!important}.modal .form-footer{flex-direction:column-reverse!important;gap:8px!important;padding-top:14px!important;margin-top:14px!important}.modal .form-footer button,.modal .form-footer .button{width:100%!important;min-height:44px!important;justify-content:center!important;font-size:13px!important;border-radius:14px!important}.app-shell .steps{gap:8px!important;margin-bottom:16px!important;font-size:10px!important;justify-content:space-between!important;width:100%!important}.app-shell .steps>div{flex-direction:column!important;text-align:center!important;gap:4px!important;flex:1!important;font-size:9px!important}.app-shell .steps span{width:24px!important;height:24px!important;font-size:10px!important;margin:0 auto!important}.public-page{margin:18px auto!important;padding:0 12px!important;max-width:100%!important}.public-page>.card{padding:20px 16px!important;border-radius:20px!important}.public-page h1{font-size:20px!important;margin:10px 0 18px!important}.public-page .qr-section{flex-direction:column!important;text-align:center!important;gap:12px!important;margin-top:16px!important;padding-top:16px!important}.public-page .qr-section img{width:140px!important;height:140px!important}.scanner-panel .scanner-emblem{width:72px!important;height:72px!important;margin-bottom:14px!important}.scanner-panel h2{font-size:18px!important}.scan-button{min-height:50px!important;font-size:14px!important;border-radius:14px!important}.guard-person{margin:18px 0!important}.guard-person h2{font-size:19px!important}.app-shell footer{padding:14px 16px 24px!important;font-size:10px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important}.app-shell footer span{display:inline-flex!important}}@media(max-width:520px){.report-filters{grid-template-columns:1fr!important;gap:10px!important}.app-shell .actions{flex-wrap:wrap!important}.thermal-print-page{padding:14px 10px!important}.thermal-receipt{max-width:100%!important;margin:0 auto!important}}@media(max-width:380px){.app-shell .stats-grid{grid-template-columns:1fr!important;gap:8px!important}.app-shell .global-search{max-width:130px!important}.app-shell .title-actions .button,.app-shell .title-actions label.button,.app-shell .filter-bar select,.app-shell .filter-bar .compact-input,.app-shell .filter-bar .field{flex:1 1 100%!important;width:100%!important}.app-shell .page-title h1{font-size:20px!important}}