@import url('/fonts.css');
:root{--blue:#335cff;--blue-dark:#2347da;--ink:#1d2b43;--muted:#7a8597;--line:#e7ebf2;--bg:#f7f9fc;--green:#19956d;--amber:#d99222;--red:#db6471;--radius:15px;--shadow:0 5px 18px #28375004}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:var(--blue);text-decoration:none}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:hover{text-decoration:none;color:var(--blue-dark)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8da4ff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.25;font-weight:650;margin-bottom:9px}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:7px;font-weight:650}h3{font-size:15px;font-weight:650}p{line-height:1.65}small,.small-text{font-size:12px}.muted{color:var(--muted)}.blue-text{color:var(--blue)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px}.full{width:100%}.nowrap{white-space:nowrap}[hidden]{display:none!important}
.sidebar{width:240px;position:fixed;left:0;top:0;height:100dvh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:33px 20px 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:23px;font-weight:750;letter-spacing:-.9px;white-space:nowrap}.brand small{display:block;font-size:7.5px;letter-spacing:1.65px;color:#8d96a6;margin-top:6px;font-weight:600}.brand-symbol{width:39px;height:41px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;box-shadow:0 5px 10px #335cff1c}.brand-symbol .icon{width:27px;height:27px;stroke-width:2}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#a0a8b6;font-weight:700;margin:48px 13px 13px}.main-nav{display:grid;gap:7px}.main-nav a,.nav-button{display:flex;align-items:center;gap:13px;height:45px;border-radius:9px;color:#748096;font-size:12.5px;font-weight:550;padding:0 14px;transition:background .15s}.main-nav a .icon{width:18px;height:18px}.main-nav a:hover,.nav-button:hover{background:#f5f7fc;color:var(--blue)}.main-nav a.selected{color:var(--blue);background:#edf1ff;font-weight:650}.nav-mini{font-size:9px;display:block;margin-left:auto;background:#f1f3f7;color:#7a8597;border-radius:5px;padding:4px 6px}.sidebar-bottom{margin-top:auto;padding-top:26px}.ready-card{padding:18px 16px;background:#f7f9fd;border:1px solid #ecf0f7;border-radius:12px;margin-bottom:18px;position:relative}.ready-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--blue);margin-bottom:11px;background:#eaf0ff;border-radius:8px}.ready-card strong{font-size:14px;line-height:1.5;letter-spacing:-.3px}.ready-card p{font-size:11px;color:#8993a5;margin:8px 0 13px;line-height:1.7}.ready-card a{font-size:10px;font-weight:650;display:flex;gap:9px;align-items:center}.ready-card a .icon{width:14px;height:14px}.nav-button{border:0;background:none;width:100%;text-align:left;font-size:12px}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin:17px -3px 0;padding:20px 0}.user-card strong{display:block;font-size:11px;max-width:115px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-card small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.user-card .icon-button{margin-left:auto;width:25px}.user-card .icon{width:15px;height:15px}.avatar{height:35px;width:35px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px;font-weight:650;color:#6d77a0;background:#edf0fa;flex-shrink:0}.avatar.blue{color:#5570cb;background:#eaf0fe}.avatar.tone-1{background:#ede8ff;color:#8a6cb0}.avatar.tone-2{background:#fff0e2;color:#b48b67}.avatar.tone-3{background:#e3f3ee;color:#58987e}.avatar.tone-4{background:#fce8ef;color:#bd7b94}
.main-shell{margin-left:240px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-school{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550;color:#63718a}.topbar-school>.icon{color:#93a0b6;width:18px}.topbar-right{display:flex;align-items:center;gap:20px;font-size:11px;color:#7b8697}.topbar-divider{height:18px;width:1px;background:var(--line)}.connection{display:flex;align-items:center;gap:7px;font-size:10px}.connection .dot{background:var(--green)}.connection.offline .dot{background:var(--amber)}.school-logo{height:28px;width:28px;object-fit:contain}.demo-label{font-size:8px;letter-spacing:.7px;background:#fff5dd;color:#a17c31;border-radius:4px;padding:4px 6px}.mobile-menu{display:none!important}main{max-width:1560px;margin:0 auto;padding:32px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.page-heading .eyebrow{display:block;margin-bottom:11px;color:#8a95a8;font-size:9px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{border:1px solid #dfe5ef;background:#fff;color:#56647c;font-size:11px;font-weight:600;min-height:39px;padding:10px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;white-space:nowrap}.button .icon{width:16px;height:16px}.button:hover{background:#f5f7fc;color:var(--ink)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 5px #335cff12}.button.primary:hover{background:var(--blue-dark)}.button.small{min-height:32px;font-size:10px;padding:7px 11px}.button.danger{color:#c15360;border-color:#f1d3d7;background:#fff8f9}.button.ghost{border-color:transparent;background:transparent;color:var(--blue);padding:6px 0}.button.disabled{opacity:.4;cursor:default}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:#8a95a9;width:32px;height:32px;border-radius:6px;padding:0}.icon-button:hover{background:#eef2fc;color:var(--blue)}.icon-button .icon{width:18px;height:18px}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;margin-top:28px;color:#9da7b5;font-size:10px}.footer-dot{padding:0 8px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7e8a9d;font-size:11px;font-weight:500}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf2ff;color:#6481e2}.stat-icon.green{background:#eaf8f2;color:#46a888}.stat-icon.amber{background:#fff6e8;color:#d9a148}.stat-icon.red{background:#fff0f1;color:#dc8290}.stat-icon .icon{width:17px;height:17px}.stat-number{font-size:32px;letter-spacing:-1px;line-height:1.3;margin:8px 0 10px;font-weight:650}.stat-note{font-size:10px;color:#9aa3b2}.stat-note strong{font-weight:550;color:var(--green)}.stat-note.amber strong{color:var(--amber)}.stat-note.red strong{color:var(--red)}.stat-note .dot{display:inline-block;vertical-align:middle;margin-right:5px;width:5px;height:5px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:22px}.stack{display:grid;gap:22px;align-content:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 15px;gap:16px}.panel-header h2{font-size:14px;margin:0 0 5px}.panel-header p{font-size:10px;color:#96a0b0;margin:0}.panel-header .button{font-size:10px;min-height:30px;padding:6px 10px}.panel-body{padding:20px 23px}.panel-footer{border-top:1px solid #f0f2f7;padding:13px 23px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#99a3b3}.panel-footer a{font-weight:600;display:flex;gap:8px;align-items:center}.panel-footer .icon{width:13px;height:13px}.tiny-pill{font-size:9px;background:#f5f7fa;border:1px solid #e9edf3;border-radius:6px;color:#7e8a9c;padding:6px 8px;display:inline-flex;align-items:center;gap:6px}.tiny-pill .icon{width:12px;height:12px}.live-label{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--green)}.live-label .dot{width:5px;height:5px;background:var(--green)}
.chart-legend{display:flex;gap:16px;font-size:9px;color:#8591a3;padding:0 23px}.chart-legend span{display:flex;gap:6px;align-items:center}.legend-square{width:7px;height:7px;border-radius:2px;background:#7f9cff}.legend-square.late{background:#bed0ff}.chart{display:flex;padding:22px 24px 14px 18px;gap:13px;height:185px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a1abbb;padding-bottom:24px;width:29px;text-align:right}.chart-plot{display:flex;justify-content:space-around;align-items:flex-end;gap:11px;flex:1;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#f2f4f8 32px,#f2f4f8 33px);background-size:100% calc(100% - 24px);background-repeat:no-repeat;min-width:0}.chart-day{display:flex;flex-direction:column;height:100%;flex:1;align-items:center;justify-content:flex-end;gap:10px}.chart-bars{display:flex;gap:4px;height:calc(100% - 24px);align-items:flex-end;width:65%;max-width:44px}.chart-bar{background:#809bfa;flex:1;border-radius:4px 4px 0 0;min-height:2px}.chart-bar.late{background:#c3d1ff}.chart-day:last-child .chart-bar{background:var(--blue)}.chart-day:last-child .chart-bar.late{background:#a5b9ff}.chart-day-label{height:14px;font-size:9px;color:#919db0}.chart-day:last-child .chart-day-label{font-weight:700;color:var(--blue)}.rate-body{display:flex;align-items:center;justify-content:center;padding:10px 23px 19px;gap:18px}.donut{height:132px;width:132px;border-radius:50%;background:conic-gradient(var(--blue) 0 var(--rate),#eef2fa var(--rate) 100%);display:grid;place-items:center;transform:rotate(-90deg);flex-shrink:0}.donut-center{height:108px;width:108px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg)}.donut-center strong{font-size:25px;letter-spacing:-1px}.donut-center small{font-size:9px;color:#96a0b2;margin-top:5px}.rate-legend{display:grid;gap:15px}.rate-legend p{font-size:9px;color:#8b96a8;margin:0;display:flex;align-items:center;gap:6px}.rate-legend strong{display:block;margin:5px 0 0 13px;font-size:12px;font-weight:600}.rate-legend .dot{background:var(--blue);width:6px;height:6px}.rate-legend .light{background:#dce4f5}.source-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0 23px;padding:14px 0 17px}.source-grid>div{display:flex;align-items:center;gap:9px}.source-grid>div+div{border-left:1px solid var(--line);padding-left:18px}.source-grid .icon{color:#a0aec7;width:18px}.source-grid small{color:#98a3b3;font-size:9px;display:block}.source-grid strong{font-size:15px;font-weight:650;display:block;margin-top:4px}.class-row{margin:0 23px;padding:15px 0;border-top:1px solid #f0f3f8}.class-row-head{display:flex;justify-content:space-between;font-size:11px;align-items:center}.class-row-head strong{font-weight:550}.class-row-head>span{font-size:10px;color:#8491a5}.class-row small{color:#a0aaba;font-size:9px;display:block;margin:5px 0 11px}.progress{height:5px;background:#edf1f8;border-radius:4px;overflow:hidden}.progress>span{display:block;height:100%;background:#7697f1;border-radius:4px}.offline-banner{display:flex;align-items:center;gap:12px;background:#eef4ff;border:1px solid #e0e9fc;padding:16px 20px;border-radius:12px;margin-top:22px}.offline-banner>.icon{color:#6089df}.offline-banner strong{font-size:11px;font-weight:600;display:block}.offline-banner p{font-size:10px;color:#8a9ab5;margin:4px 0 0}.offline-banner .button{margin-left:auto;border-color:#d9e4fb;background:#fff;color:#5e7bbb;font-size:10px;min-height:31px}.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-links a{flex:1;min-width:140px;border:1px solid var(--line);border-radius:9px;padding:14px;font-size:11px;color:#64718a;display:flex;gap:9px;align-items:center}.quick-links .icon{width:17px;color:#8ba0d7}
table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;font-weight:550;color:#98a3b3;background:#fafbfd;padding:12px 18px;border-top:1px solid #f0f3f8;border-bottom:1px solid #f0f3f8;white-space:nowrap}td{padding:14px 18px;border-bottom:1px solid #eff2f7;color:#78869d}tr:last-child td{border-bottom:0}.student-cell{display:flex;align-items:center;gap:10px;min-width:130px}.student-cell strong{font-weight:600;color:#44516a;display:block;font-size:11px}.student-cell small{font-size:9px;color:#a1aabb;display:block;margin-top:4px}.table-wrap{overflow:auto}.recent-table th,.recent-table td{padding-left:20px;padding-right:12px}.recent-table .avatar{width:31px;height:31px;font-size:9px}.recent-table td{font-size:10px}.recent-table .student-cell strong{font-size:10px}.recent-table .student-cell{gap:9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#f0f3f8;color:#7e899d;border-radius:5px;font-size:9px;font-weight:500;white-space:nowrap;line-height:1.3}.dot{height:5px;width:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.present,.badge.active,.badge.synced,.badge.success{background:#eaf8f1;color:#51a083}.badge.late,.badge.pending{background:#fff6e8;color:#d5a34e}.badge.absent,.badge.lost,.badge.failed{background:#fceef0;color:#d1808b}.badge.excused,.badge.replaced{background:#f1edff;color:#9981b7}.method{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#8a9ab2}.method .icon{width:12px;height:12px}.method.nfc{color:#708cc9}
.filters{display:flex;align-items:flex-end;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters label{margin:0;flex:1;min-width:115px;font-size:10px;color:#8792a5}.filters label.search{min-width:200px;flex:1.7}.filters input,.filters select{height:37px;min-height:37px;font-size:11px}.search-input{position:relative}.search-input .icon{position:absolute;top:12px;left:11px;height:15px;width:15px;color:#9ea9ba}.search-input input{padding-left:34px}.filter-tags{display:flex;gap:8px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid var(--line)}.filter-tags a{font-size:10px;border-radius:6px;padding:7px 12px;color:#8591a5;border:1px solid #e9edf4;background:#fff}.filter-tags a.selected{background:#edf2ff;color:var(--blue);border-color:#e0e8ff}.pagination{padding:17px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#929eaf;font-size:10px}.empty-state{text-align:center;padding:50px 24px}.empty-icon{margin:0 auto 16px;display:grid;place-items:center;height:54px;width:54px;border-radius:17px;color:#8ea6e0;background:#f0f4fe}.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:var(--muted);max-width:380px;margin:0 auto 20px}.summary-strip{display:flex;gap:30px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.summary-strip span{font-size:11px;color:#96a1b3}.summary-strip strong{font-size:15px;color:#445777;margin-left:7px;font-weight:600}.table-action{font-size:10px;font-weight:600}
label{display:block;font-size:12px;font-weight:550;color:#67758d;margin-bottom:18px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #e0e6ef;background:#fff;border-radius:8px;padding:11px 12px;color:#40506b;margin-top:8px;min-height:42px;font-size:12px}input::placeholder,textarea::placeholder{color:#a6afbd}textarea{resize:vertical;min-height:90px}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px;flex-shrink:0}.checkbox{display:flex;align-items:center;gap:8px;font-weight:400;margin:0;font-size:11px}.checkbox input{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.form-grid .wide{grid-column:1/-1}.form-panel{padding:28px;max-width:900px}.form-panel h2{margin-bottom:24px}.form-panel label small{display:block;margin-top:8px;font-size:10px;font-weight:400;color:#97a2b3}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:15px;font-size:11px}.form-divider{height:1px;background:var(--line);margin:15px 0 28px}.form-between{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:7px;top:7px}.notice{background:#f4f7fd;border:1px solid #e6ecf8;border-radius:9px;padding:15px 18px;color:#7183a2;font-size:12px;margin:20px 0}.notice strong{color:#526b97;font-size:12px}.notice p{font-size:11px;margin:6px 0 0}.notice code{word-break:break-word;font-size:10px}.alert{padding:14px 18px;display:flex;align-items:flex-start;gap:12px;border-radius:10px;margin-bottom:20px;font-size:12px;line-height:1.6}.alert.success{color:#39816a;background:#eaf7f1;border:1px solid #d5ecdf}.alert.error{color:#b5616b;background:#fdf0f2;border:1px solid #f3dbe0}.alert ul{padding-left:18px;margin:6px 0}.alert .icon{margin-top:2px;width:17px}.toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 40px);padding:15px 21px;background:#233454;color:white;border-radius:10px;box-shadow:0 8px 30px #1c305033;font-size:12px;z-index:100}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs a{padding:0 0 14px;font-size:12px;color:#8d99ac}.tabs a.active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:600}.step-number{display:inline-grid;place-items:center;background:#ecf1ff;border-radius:50%;width:25px;height:25px;font-size:11px;color:var(--blue);margin-right:10px}
dialog{padding:28px;border:1px solid var(--line);border-radius:16px;max-width:520px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #172b5540;color:var(--ink)}dialog::backdrop{background:#17233d66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.dialog-header h2{margin:0}.dialog-header+p{font-size:12px;margin-bottom:22px}.profile-hero{display:flex;align-items:center;gap:18px;padding:25px}.profile-hero>.avatar{width:68px;height:68px;font-size:22px;border-radius:20px}.profile-hero h2{font-size:22px}.profile-hero p{font-size:12px;color:#8d9aae;margin-bottom:8px}.profile-hero>.actions{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;align-items:start}.key-values{display:grid;gap:18px}.key-values>div{display:flex;justify-content:space-between;gap:20px}.key-values dt{font-size:11px;color:#97a2b2}.key-values dd{font-size:11px;margin:0;color:#566780;text-align:right}.token-box{background:#f6f8fd;border:1px solid #e6ecf7;border-radius:9px;padding:14px;font-family:Consolas,monospace;font-size:12px;color:#526c9c;overflow-wrap:anywhere;margin:10px 0 15px}.qr-image{display:block;width:180px;height:180px;margin:0 auto}.instruction-list{counter-reset:steps;list-style:none;padding:0;margin:18px 0}.instruction-list li{font-size:12px;color:#7c8ca5;line-height:1.7;padding:0 0 16px 32px;position:relative;counter-increment:steps}.instruction-list li:before{content:counter(steps);position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;background:#edf2ff;color:#6f8bd2;border-radius:50%;font-size:10px}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 20px 22px;border-left:1px solid #e5eaf3;margin-left:4px;font-size:12px}.timeline li:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#a4b9f0}.timeline small{color:#98a6bb;display:block;font-size:10px;margin-top:5px}.toggle-list{display:grid;gap:20px}.toggle-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #edf1f7}.toggle-row label{margin:0;font-size:12px}.toggle-row small{display:block;font-weight:400;font-size:11px;color:#94a0b4;margin-top:7px;line-height:1.5}.toggle-row input{width:19px;height:19px}.day-checkboxes{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:22px}.audit-values{font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-width:500px}
.guest-body{background:#fff}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{background:#f1f5ff;padding:45px 11%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story>.brand{font-size:25px}.auth-story h1{font-size:47px;line-height:1.18;letter-spacing:-2px;margin-top:25px}.auth-story p{font-size:14px;color:#8290aa;max-width:340px;line-height:1.8}.auth-story>.brand{margin-bottom:50px}.auth-story>small{font-size:10px;color:#90a0be;margin-top:30px}.auth-story .eyebrow{color:#7c95ca;font-size:9px}.attendance-illustration{height:250px;position:relative;display:grid;place-items:center;margin-top:20px}.illustration-orbit{position:absolute;border:1px solid #dce5fb;width:280px;height:280px;border-radius:50%}.orbit-two{width:210px;height:210px}.illustration-card{position:relative;width:225px;height:142px;border-radius:16px;background:var(--blue);color:#fff;padding:20px 23px;box-shadow:5px 20px 35px #335cff25;transform:rotate(-8deg)}.illustration-card>.icon{position:absolute;right:21px;top:20px}.illustration-card>span{font-size:6px;letter-spacing:1.4px}.illustration-card strong{font-size:21px;display:block;margin-top:15px;line-height:1.3;letter-spacing:-.5px}.illustration-check{position:absolute;right:19px;bottom:15px;background:#ffffff20;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.illustration-check .icon{width:15px}.floating-check{position:absolute;bottom:34px;left:22%;background:white;box-shadow:0 5px 20px #29467412;border-radius:8px;display:flex;gap:9px;align-items:center;padding:12px 15px;font-size:10px;color:#799583;transform:rotate(3deg)}.floating-check .icon{width:16px;color:#41aa7c}.auth-form{display:flex;align-items:center;justify-content:center;padding:65px 12%;position:relative}.auth-form-inner{width:100%;max-width:365px}.auth-form-inner h2{font-size:27px;margin:17px 0 10px;letter-spacing:-.8px}.auth-form-inner>p{font-size:12px;margin-bottom:35px}.auth-form-inner form .button{height:45px;font-size:12px}.auth-form-inner form .button .icon{margin-left:auto}.auth-form-inner form .button{justify-content:flex-start;padding-left:18px}.auth-help{font-size:10px!important;text-align:center;color:#9ba6b6;margin:24px 0!important;line-height:1.8}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#a1adbf;font-size:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.auth-security .icon{width:14px;height:14px}.auth-bottom{position:absolute;bottom:25px;font-size:9px;color:#b1b9c8}.setup-container{max-width:920px;margin:40px auto;padding:0 24px}.setup-heading{margin:50px 0 30px}.setup-heading h1{margin:16px 0}.setup-heading p{font-size:13px;max-width:650px}.setup-container .form-panel{margin-bottom:40px}.tap-body{min-height:100dvh;background:#f4f8fd;display:flex;justify-content:center;align-items:center;padding:22px}.tap-card{text-align:center;width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px 26px;box-shadow:0 14px 40px #19395c08}.tap-card .brand{justify-content:center;font-size:20px;margin-bottom:33px}.tap-card .brand-symbol{height:32px;width:32px;border-radius:9px}.tap-card .brand-symbol .icon{width:23px}.tap-result-icon{display:grid;place-items:center;height:82px;width:82px;border-radius:50%;background:#e6f7ee;color:#2d9d72;margin:0 auto 24px}.tap-result-icon .icon{width:43px;height:43px;stroke-width:2}.tap-result-icon.error{color:#cc7480;background:#fff0f2}.tap-result-icon.duplicate{color:#7491dc;background:#eef3ff}.tap-card .eyebrow{color:#5f9b83;font-size:10px;letter-spacing:1.4px}.tap-card h1{font-size:29px;letter-spacing:-.9px;margin:20px 0 10px}.tap-card>p{font-size:12px;color:#91a0b6}.tap-time{border-top:1px solid var(--line);margin:25px 0 20px;padding-top:23px}.tap-time small{font-size:9px;letter-spacing:1.5px;color:#a0adbf}.tap-time strong{display:block;font-size:38px;font-weight:600;letter-spacing:-1px;margin:9px 0}.tap-card .badge{font-size:12px;padding:8px 14px}.tap-date{margin:20px 0 0}.ready-next{font-size:10px;color:#9aabc0;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.tap-card .notice{font-size:11px}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:#fff;padding:15px;border-radius:8px}.skip-link:focus{top:20px}
@media(min-width:1550px){.dashboard-columns{grid-template-columns:2fr 1fr}.chart{height:215px}.rate-body{padding-top:22px;padding-bottom:25px;gap:25px}.donut{width:155px;height:155px}.donut-center{width:130px;height:130px}.panel-header{padding-top:24px}.stat-card{padding:24px}.recent-table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1200px){.sidebar{width:213px;padding-left:15px;padding-right:15px}.main-shell{margin-left:213px}.topbar{padding:0 25px}main{padding:25px 25px 0}.stats-grid{gap:12px}.stat-card{padding:17px}.dashboard-columns{gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr)}.stack{gap:16px}.panel-header{padding-left:18px;padding-right:18px}.rate-body{gap:12px;padding-left:15px;padding-right:15px}.donut{width:115px;height:115px}.donut-center{width:93px;height:93px}.donut-center strong{font-size:22px}.recent-table th,.recent-table td{padding-left:14px;padding-right:9px}.recent-table .hide-medium{display:none}.page-heading h1{font-size:26px}.brand{font-size:21px}.topbar-date{font-size:10px}}
@media(max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.dashboard-columns>.stack:last-child{grid-template-columns:1fr 1fr;align-items:start}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.stat-number{font-size:28px}.stat-note{font-size:9px}.page-heading{align-items:flex-start}.page-heading .actions{justify-content:flex-end}.page-heading .button{font-size:10px;padding:10px}.detail-grid{grid-template-columns:1fr}.auth-story{padding:40px 9%}.auth-story h1{font-size:40px}.auth-form{padding:50px 10%}.auth-form-inner h2{font-size:23px}.topbar-school{font-size:11px}.demo-label{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;padding-top:25px}.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#15294c66;z-index:25}.menu-open .sidebar-backdrop{display:block}.main-shell{margin-left:0}.topbar{height:65px;padding:0 18px;gap:8px}.topbar-school{gap:8px}.topbar-school>span{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-school>.icon{display:none}.topbar-right{gap:10px}.topbar-divider,.topbar-date{display:none}.mobile-menu{display:inline-grid!important}.icon-button{width:38px;height:38px}.page-heading{margin-bottom:22px;gap:15px;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.page-heading .actions{justify-content:flex-start}.page-heading .eyebrow{font-size:8px;margin-bottom:10px}main{padding:25px 18px 0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:17px}.stat-number{font-size:29px}.stat-top{font-size:10px}.stat-note{font-size:9px}.dashboard-columns>.stack:last-child{grid-template-columns:1fr 1fr}.button{min-height:42px}.panel-header{padding:20px 18px 15px}.panel-header h2{font-size:13px}.panel-body{padding:20px 18px}.form-grid{grid-template-columns:1fr;gap:0}.form-panel{padding:22px 19px}.form-grid .wide{grid-column:auto}.form-footer{flex-wrap:wrap;font-size:10px}.form-footer>.button{margin-left:auto}.form-grid label{font-size:11px}input:not([type=checkbox]),select,textarea{font-size:14px;min-height:44px}.filters{padding:18px;gap:12px}.filters label{min-width:calc(50% - 10px)}.filters label.search{min-width:100%}.filters input,.filters select{min-height:42px;height:42px;font-size:12px}.filters>.button{flex:1}.page-footer{font-size:8px;gap:12px}.footer-dot{padding:0 3px}.offline-banner{padding:15px;gap:10px}.offline-banner p{font-size:9px}.offline-banner strong{font-size:10px}.offline-banner .button{font-size:9px;padding:8px;min-height:36px}.pagination{font-size:9px;padding:16px;gap:8px}.pagination .actions{gap:7px}.pagination .button{font-size:9px;padding:8px;min-height:36px}.summary-strip{padding:16px 18px;gap:15px}.summary-strip span{font-size:10px}.summary-strip strong{font-size:13px}.profile-hero{flex-wrap:wrap;padding:20px}.profile-hero h2{font-size:20px}.profile-hero>.avatar{width:55px;height:55px;font-size:18px}.profile-hero>.actions{width:100%;margin:5px 0 0}.tabs{gap:22px}.tabs a{font-size:11px}.auth-shell{display:block}.auth-story{display:none}.auth-form{min-height:100dvh;padding:45px 30px 80px}.auth-form-inner{max-width:380px}.auth-form-inner h2{font-size:28px}.auth-form-inner .eyebrow{font-size:9px}.auth-form-inner label{font-size:12px}.auth-form-inner input{min-height:48px}.auth-form-inner form .button{height:48px}.setup-container{margin-top:30px;padding:0 20px}.setup-heading{margin-top:35px}.setup-heading h1{font-size:27px}.setup-heading p{font-size:12px}.tap-card{padding:28px 23px}.tap-card h1{font-size:26px}.tap-card .brand{margin-bottom:28px}.tap-result-icon{height:70px;width:70px;margin-bottom:20px}.tap-time{margin-top:20px}.tap-time strong{font-size:35px}}
@media(max-width:520px){.dashboard-columns>.stack:last-child{grid-template-columns:1fr}.rate-body{gap:35px}.donut{width:135px;height:135px}.donut-center{width:111px;height:111px}.source-grid{padding-top:17px;padding-bottom:20px}.card-table thead{display:none}.card-table tr{display:block;padding:15px 18px;border-bottom:1px solid var(--line)}.card-table tr:last-child{border-bottom:0}.card-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:6px 0;font-size:11px;text-align:right}.card-table td:before{content:attr(data-label);font-size:10px;color:#9ba7b8;text-align:left;flex-shrink:0}.card-table td:first-child{padding-bottom:12px;margin-bottom:5px;border-bottom:1px solid #f1f4f8;justify-content:flex-start;text-align:left}.card-table td:first-child:before{display:none}.card-table td .student-cell{flex:1}.card-table .student-cell strong{font-size:12px}.card-table .student-cell small{font-size:10px}.card-table .avatar{width:34px;height:34px}.card-table .hide-medium{display:flex}.recent-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:12px 18px}.recent-table td:first-child{grid-column:1/-1}.recent-table td{font-size:10px;padding:5px 0}.recent-table td:before{font-size:9px}.recent-table .hide-medium{display:none}.recent-table td:nth-child(5){grid-column:1/-1}.recent-table td:nth-child(5):before{content:'Method'}.profile-hero>.actions{gap:8px}.detail-grid{gap:16px}.key-values>div{gap:10px}.key-values dd{max-width:65%;overflow-wrap:anywhere}.page-footer span:last-child{display:none}.offline-banner{align-items:flex-start}.offline-banner>.icon{width:18px;height:18px;margin-top:3px}.offline-banner .button{align-self:center}.form-footer .actions{width:100%;justify-content:flex-end}.panel-header .button.ghost{max-width:100px;white-space:normal}.filter-tags{gap:6px;padding:14px 18px}.filter-tags a{font-size:9px;padding:7px 9px}dialog{padding:22px}.topbar-school>span{max-width:155px}.page-heading .actions{width:100%;gap:8px}.page-heading .actions .button{flex:1}.page-heading .actions form{flex:1}.page-heading .actions form .button{width:100%}.notice{font-size:11px}.profile-hero>.actions .button{flex:1}}
@media print{.sidebar,.topbar,.page-heading .actions,.filters,.filter-tags,.page-footer,.pagination,.offline-banner,.no-print,dialog,.toast{display:none!important}.main-shell{margin:0}main{padding:0}.panel{box-shadow:none;border:0}.table-wrap{overflow:visible}body{background:white;font-size:11px}.card-table tr{display:table-row}.card-table td{display:table-cell}.card-table td:before{display:none}.card-table thead{display:table-header-group}.badge{background:none!important}.stats-grid{gap:10px}a{color:inherit}thead{display:table-header-group}tr{break-inside:avoid}@page{size:A4;margin:15mm}}