:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16221d;background:#f4f7f5;font-synthesis:none;--green:#173f31;--green-2:#28664d;--mint:#8ed7ae;--line:#dce5df;--muted:#708078;--white:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7f5}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr;grid-template-rows:66px 1fr}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand,.top-actions,.profile,.reader-title,.panel-title,.page-heading,.toolbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:20px}.brand strong,.profile b{display:block}.brand span,.profile span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{gap:12px}.top-actions select{min-width:230px;border:1px solid #24342d;border-radius:22px;background:#fff;padding:10px 38px 10px 16px;font-weight:700}.icon-button{width:40px;height:40px;border-radius:50%;border:0;background:#f0f4f1;display:grid;place-items:center;cursor:pointer}.profile{gap:12px;text-align:right}.profile i{font-style:normal;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dfeee5;color:var(--green-2);font-weight:800}.mobile-menu{display:none}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;padding:12px 14px;border-radius:13px;display:flex;align-items:center;gap:13px;color:#3c4a44;cursor:pointer;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#e8f2ec;color:var(--green);font-weight:700}.connection{border-radius:16px;background:#eff6f2;padding:16px;display:grid;gap:6px}.connection>span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#456055}.connection b{font-size:13px}.connection small{color:var(--muted);line-height:1.4}.online{color:#20915b}.offline{color:#b87916}.main-content{padding:30px;overflow:auto}.page-heading{justify-content:space-between;margin-bottom:24px}.page-heading h1{font-size:30px;line-height:1.1;margin:5px 0}.page-heading p,.panel-title p{margin:0;color:var(--muted)}.eyebrow{color:var(--green-2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.button{border-radius:12px;padding:11px 17px;border:1px solid var(--green);font-weight:750;cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#fff;color:var(--green)}.button:disabled{opacity:.45;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid #cfdad3;border-radius:16px;padding:18px;box-shadow:0 3px 12px #173f3108}.metric span{color:#5c6e65;font-size:13px;font-weight:700}.metric strong{display:block;font-size:29px;color:var(--green);margin:8px 0}.metric small{color:var(--muted)}.metric.amber strong{color:#c47a00}.metric.red strong{color:#c21f4a}.metric.blue strong{color:#335ce3}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.9fr);gap:20px}.panel{background:#fff;border:1px solid #cfdad3;border-radius:18px;min-height:320px;overflow:hidden}.panel-title{justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.panel h2,.reader-card h2{font-size:18px;margin:0 0 3px}.empty-state{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;color:var(--muted)}.empty-state h3{color:#283831;margin:10px 0 4px}.empty-state p{max-width:430px;margin:0;line-height:1.5}.empty-symbol{font-size:32px;color:#83a996}.reader-card{background:var(--green);color:#fff;border-radius:19px;padding:20px;min-height:540px}.reader-title{justify-content:space-between}.reader-title p{margin:0;color:#bad0c6}.status-pill{padding:7px 12px;border-radius:20px;background:#28694f;color:#9cf1bd;font-size:12px;font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#315747;border-radius:14px;padding:4px;margin:19px 0}.segmented button{padding:11px;border:0;border-radius:11px;background:transparent;color:#bdd0c7;cursor:pointer}.segmented button.active{background:#fff;color:var(--green)}.scan-area{border:1px solid #668174;background:#315446;border-radius:17px;padding:28px;text-align:center}.qr-mark{width:68px;height:68px;border-radius:16px;background:#fff;color:var(--green-2);display:grid;place-items:center;margin:0 auto 14px}.scan-area h3{margin:0}.scan-area p{color:#b8c9c1;font-size:13px}.scan-area input{width:100%;border:1px solid #668174;background:#173a2e;color:#fff;border-radius:13px;padding:14px;text-align:center;margin:10px 0}.reader-action{width:100%;border:0;border-radius:13px;background:var(--mint);color:#143d2f;padding:14px;font-weight:800;cursor:pointer}.reader-ready{display:flex;align-items:center;gap:13px;margin-top:16px;background:#315446;border-radius:15px;padding:13px}.reader-ready>span{width:38px;height:38px;border-radius:50%;background:#367a5e;display:grid;place-items:center}.reader-ready strong,.reader-ready small{display:block}.reader-ready small{color:#afc5bb}.compact-reader{min-height:0}.compact-reader .scan-area{padding:20px}.notice{padding:12px 15px;border-radius:12px;margin-bottom:15px}.notice.error{background:#fff0f1;color:#a92235;border:1px solid #f3c3ca}.notice.neutral{background:#eef3f0;color:#44564d}.closable{display:flex;justify-content:space-between}.closable button{border:0;background:transparent;font-size:20px;color:inherit}.toolbar{justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;border:1px solid #c9d5ce;border-radius:12px;padding:0 12px;min-width:min(600px,75%)}.search input{border:0;outline:0;padding:12px;width:100%;background:transparent}.count-badge{background:#edf4f0;border-radius:20px;padding:8px 12px;color:#456055;font-size:12px;font-weight:700}.student-row,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;align-items:center;border-bottom:1px solid #e6ece8;padding:13px 18px;gap:14px}.student-row span,.table-row span{min-width:0}.student-row b,.student-row small{display:block}.student-row small{color:var(--muted);margin-top:3px}.table-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6e7d75;background:#fafcfb}.active-badge,.pending-badge{font-style:normal;border-radius:20px;padding:6px 10px;font-size:12px}.active-badge{background:#e5f7ed;color:#197449}.pending-badge{background:#fff3d9;color:#946000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10251dbd;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;width:min(800px,100%);max-height:90vh;overflow:auto;border-radius:20px;padding:22px;box-shadow:0 25px 80px #0004}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal h2{margin:5px 0 15px}.upload-zone{border:2px dashed #9db7aa;border-radius:15px;padding:26px;text-align:center;background:#f6faf8;cursor:pointer}.upload-zone strong,.upload-zone span{display:block}.upload-zone span{color:var(--muted);font-size:13px;margin-top:5px}.validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.validation-grid div{border:1px solid var(--line);border-radius:13px;padding:13px}.validation-grid strong,.validation-grid span{display:block}.validation-grid strong{font-size:22px}.validation-grid span{color:var(--muted);font-size:12px}.validation-grid .success strong{color:#197449}.validation-grid .danger strong{color:#bd263e}.preview-table,.error-list{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:14px 0}.preview-table .table-row{grid-template-columns:2fr 1fr 1fr}.error-list{padding:10px 15px;background:#fff6f6;color:#8e2535}.error-list p{margin:7px 0}.field-label{display:grid;gap:6px;font-size:13px;font-weight:700}.field-label input{padding:11px;border:1px solid #bac9c1;border-radius:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.top-actions .profile>div{display:none}}@media(max-width:760px){.app-shell{display:block}.topbar{height:64px;padding:0 14px}.mobile-menu{display:block;border:0;background:transparent;font-size:22px}.brand span,.top-actions .icon-button,.profile{display:none}.top-actions select{min-width:145px;max-width:180px}.sidebar{position:fixed;z-index:30;top:64px;bottom:0;left:-290px;width:270px;transition:.2s;box-shadow:8px 0 30px #0002}.sidebar.open{left:0}.main-content{padding:20px 14px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:25px}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.student-row{grid-template-columns:1.8fr 1fr}.student-row span:nth-child(3),.student-row span:nth-child(4){display:none}.search{min-width:0;width:72%}.validation-grid{grid-template-columns:1fr}.modal{padding:16px}}@media(max-width:460px){.metric-grid,.metric-grid.three{grid-template-columns:1fr}.page-heading{display:grid}.page-heading .button{width:100%}.brand strong{font-size:14px}.top-actions select{max-width:150px}.main-content{padding:16px 10px}}.module-card{min-height:0;margin-bottom:20px}.notice.success{background:#e8f7ee;color:#176b43;border:1px solid #b9e3ca}.notice.warning{background:#fff7de;color:#765600;border:1px solid #ebd383;line-height:1.45}.inline-form,.stack-form,.form-grid label,.stack-form label{display:grid;gap:6px}.inline-form{grid-template-columns:1.2fr 1.5fr 1fr auto;align-items:end;padding:20px;gap:14px}.inline-form input,.inline-form select,.stack-form input,.stack-form select,.stack-form textarea,.form-grid input,.form-grid select,.portal-controls input,.portal-controls select,.data-row select,.period-select select{border:1px solid #bdcbc3;border-radius:10px;padding:10px;background:#fff}.stack-form{padding:20px;gap:13px}.stack-form textarea{min-height:90px;resize:vertical}.data-row{display:grid;grid-template-columns:2fr 1fr .8fr .8fr;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--line)}.data-row b,.data-row small{display:block}.data-row small{color:var(--muted);margin-top:3px}.data-head{font-size:11px;font-weight:800;text-transform:uppercase;color:#6e7d75;background:#fafcfb}.text-button{border:0;background:transparent;color:var(--green-2);font-weight:750;cursor:pointer;padding:6px}.danger-badge,.status-failed,.status-cancelled{font-style:normal;background:#fde8eb;color:#a51e35;border-radius:20px;padding:6px 10px;font-size:12px}.status-queued,.status-sent{display:inline-block;font-style:normal;border-radius:20px;padding:6px 10px;font-size:12px}.status-queued{background:#fff3d9;color:#946000}.status-sent{background:#e5f7ed;color:#197449}.row-button{width:100%;border:0;background:#fff;text-align:left;font:inherit;cursor:pointer}.row-button:hover{background:#f3f8f5}.close-button{border:0;background:#eef3f0;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer}.wide-modal{width:min(980px,100%)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:14px 0}.modal hr{border:0;border-top:1px solid var(--line);margin:24px 0}.guardian-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.guardian-card small{display:block;color:var(--muted);margin-top:4px}.check{display:flex!important;align-items:center;gap:7px;font-size:13px}.compact-form{background:#f7faf8;border-radius:15px;margin-top:18px}.portal-controls{display:flex;gap:13px;align-items:end;padding:18px}.portal-controls label,.period-select{display:grid;gap:5px;flex:1}.admin-setup{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:18px 0}.admin-setup .panel{min-height:0}.module-tabs,.family-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:12px 18px}.module-tabs button,.family-tabs button{border:0;background:transparent;padding:10px 13px;border-radius:9px;font-weight:700;cursor:pointer}.module-tabs button.active,.family-tabs button.active{background:#e4f1e9;color:var(--green)}.period-select{max-width:320px;margin:16px}.teacher-row{display:grid;grid-template-columns:1fr 180px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.teacher-row b,.teacher-row small{display:block}.teacher-row small{color:var(--muted)}.teacher-row input,.teacher-row select{padding:9px;border:1px solid #bdcbc3;border-radius:9px}.page-action{margin:18px}.reader-tools{display:flex;gap:8px;align-items:center}.reader-tools button{background:transparent;color:#fff;border:1px solid #7b9a8b;border-radius:9px;padding:7px;cursor:pointer}.family-shell{min-height:100vh;background:#f3f7f4}.family-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 760px)/2))}.family-top strong,.family-top span{display:block}.family-top span{font-size:12px;color:var(--muted)}.family-top button{border:0;background:transparent;color:var(--green);font-weight:800}.family-shell main{max-width:760px;margin:auto;padding:24px 16px}.family-welcome{background:var(--green);color:#fff;border-radius:22px;padding:25px;margin-bottom:18px}.family-welcome h1{margin:5px 0}.family-welcome p{color:#c5d9cf}.family-welcome .notice{margin-top:15px;margin-bottom:0}.child-picker{display:grid;gap:7px;font-weight:700}.child-picker select{border:1px solid #b8c9c0;border-radius:14px;padding:14px;background:#fff}.family-tabs{overflow:auto;padding-left:0;padding-right:0}.family-feed{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:250px}.family-feed article{display:flex;align-items:center;gap:13px;padding:16px;border-bottom:1px solid var(--line)}.family-feed article>div{flex:1}.family-feed b,.family-feed span{display:block}.family-feed span{color:var(--muted);font-size:13px;margin-top:4px}.family-feed i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e4f4ea;color:#187349;font-style:normal;font-weight:900}.family-feed i.exit{background:#e7ecff;color:#3a59cc}.family-feed em{font-style:normal;color:var(--green-2);font-size:12px}.family-feed .score{font-size:24px}.family-feed article.unread{background:#eff8f3}.family-account{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}@media(max-width:900px){.inline-form{grid-template-columns:1fr 1fr}.admin-setup{grid-template-columns:1fr}.data-row{grid-template-columns:1.6fr 1fr}.guardian-card{grid-template-columns:1fr}.portal-controls{display:grid}.teacher-row{grid-template-columns:1fr 130px}}@media(max-width:560px){.inline-form,.form-grid,.data-row{grid-template-columns:1fr}.data-head{display:none}.family-tabs button{white-space:nowrap}}.family-brand{display:flex;align-items:center;gap:10px;min-width:0}.family-brand img,.snapshot-brand-icon,.auth-brand-icon{display:block;flex-shrink:0;border-radius:12px}.family-brand>div{min-width:0}.family-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,560px)}.family-account-settings{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.family-account-settings summary{cursor:pointer;color:var(--green);font-weight:700;padding:6px 0}.family-account-settings h2{font-size:18px;margin:18px 0 8px}.family-account-settings p{font-size:14px;color:var(--muted)}.family-account-settings .stack-form{padding:12px 0}.auth-brand-icon{margin-bottom:18px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dcefe4 0,transparent 38%),#f4f7f5}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #cfddd5;border-radius:24px;padding:34px;box-shadow:0 24px 70px #173f3117;text-align:center}.auth-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 18px;background:#173f31;color:#fff;font-size:28px}.auth-card h1{margin:7px 0 8px;font-size:30px}.auth-card>p{color:#708078;line-height:1.55;margin:0 0 22px}.auth-card form{display:grid;gap:14px;text-align:left}.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:750}.auth-card input{border:1px solid #b9c9c0;border-radius:12px;padding:13px 14px;outline:none}.auth-card input:focus{border-color:#28664d;box-shadow:0 0 0 3px #28664d18}.auth-card form .button{width:100%}.auth-card>small{display:block;color:#708078;line-height:1.45;margin-top:20px}.auth-success{display:grid;gap:6px;padding:18px;border-radius:14px;background:#eaf6ef;color:#175d3e}.auth-success span{font-size:13px;line-height:1.5}.auth-link{border:0;background:transparent;color:#28664d;font-weight:750;margin-top:15px;cursor:pointer}.auth-loading{min-height:250px;display:flex;flex-direction:column;justify-content:center}.signout-button{border:0;background:transparent;color:#28664d;font-weight:750;cursor:pointer;padding:8px}@media(max-width:760px){.auth-card{padding:27px 20px}.signout-button{display:none}}.school-form-panel{min-height:0;margin-bottom:20px}.school-form{padding:22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:end}.school-form label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#34483e}.school-form label span{font-weight:500;color:#708078}.school-form input{border:1px solid #bac9c1;border-radius:11px;padding:12px 13px;outline:none;background:#fff}.school-form input:focus{border-color:#28664d;box-shadow:0 0 0 3px #28664d18}.school-form input:disabled{background:#f2f5f3;color:#66766e}.school-form-error{grid-column:1/-1;margin:0}.school-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.schools-panel{min-height:0}.school-list{display:grid}.school-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:15px;align-items:center;padding:18px 20px;border-bottom:1px solid #e4ebe7}.school-item:last-child{border-bottom:0}.school-item.selected{background:#f0f7f3}.school-item-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e1efe7;color:#173f31;font-size:20px}.school-item-data strong,.school-item-data span,.school-item-data small{display:block}.school-item-data span{color:#52665c;margin-top:3px}.school-item-data small{color:#819087;margin-top:3px}.school-item .button{min-width:112px}@media(max-width:900px){.school-form{grid-template-columns:1fr 1fr}.school-form label:first-child{grid-column:1/-1}}@media(max-width:650px){.school-form{grid-template-columns:1fr}.school-form label:first-child{grid-column:auto}.school-item{grid-template-columns:44px 1fr}.school-item>.active-badge{justify-self:start}.school-item .button{width:100%}.school-form-actions{grid-column:auto}.school-form-actions .button{flex:1}}.cycle-form-panel{min-height:0}.cycle-form{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cycle-form label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#34483e}.cycle-form input{border:1px solid #bac9c1;border-radius:11px;padding:12px 13px;outline:none;background:#fff}.cycle-form input:focus{border-color:#28664d;box-shadow:0 0 0 3px #28664d18}.cycle-help{grid-column:1/-1;background:#f0f6f2;border-radius:12px;padding:14px;color:#52665c;font-size:13px}.cycle-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.cycle-active{min-height:0;padding:28px;display:flex;align-items:center;gap:20px}.cycle-status{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#dff3e7;color:#197449;font-size:26px;font-weight:800}.cycle-active h2{font-size:27px;margin:5px 0}.cycle-active p{margin:0 0 5px;color:#43584d}.cycle-active small{color:#708078}@media(max-width:700px){.cycle-form{grid-template-columns:1fr}.cycle-help,.cycle-actions{grid-column:auto}.cycle-actions .button{width:100%}}.shifts-panel,.config-panel,.danger-panel{min-height:0;margin-top:20px}.shift-list{display:grid}.shift-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid #e4ebe7}.shift-row strong small{display:block;color:#708078;font-weight:500;margin-top:4px}.shift-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6e7d75;background:#fafcfb}.shift-form,.config-form{padding:20px;display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;gap:14px;align-items:end;background:#f8fbf9}.shift-form label,.config-form label,.pilot-start-form label,.danger-panel label,.edit-grid label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#34483e}.shift-form input,.config-form input,.config-form select,.pilot-start-form input,.danger-panel input,.edit-grid input,.edit-grid select{border:1px solid #bac9c1;border-radius:10px;padding:11px;background:#fff;min-width:0}.shift-form .button,.config-form .button{white-space:nowrap}.config-form{grid-template-columns:1fr 1fr 2fr auto}.config-form .grow{min-width:220px}.config-list{padding:0 20px 14px}.config-list>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e4ebe7}.config-list b,.config-list small{display:block}.config-list small{color:#708078;margin-top:3px}.config-list>p{color:#708078}.pilot-start-panel{min-height:0}.pilot-start-form{display:grid;grid-template-columns:minmax(200px,280px) 1fr auto;align-items:end;gap:20px;padding:22px}.pilot-start-form div{display:grid;gap:5px;color:#708078}.pilot-start-form strong{color:#28664d}.danger-panel{padding:22px;display:grid;grid-template-columns:1fr minmax(280px,420px) auto;gap:20px;align-items:end;border-color:#efb8be}.danger-panel h2{color:#9d2434}.danger-panel p{color:#6f5a5d;margin:5px 0 0}.button.danger{background:#b8273b;color:#fff;border-color:#b8273b}.text-action.danger{color:#b8273b}.shift-edit-modal{max-width:720px}.edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.modal-close{border:0;background:#eef3f0;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer}@media(max-width:1000px){.danger-panel{grid-template-columns:1fr}.pilot-start-form{grid-template-columns:1fr 1fr}.pilot-start-form .button{grid-column:1/-1}.config-form{grid-template-columns:1fr 1fr}.config-form .button{width:100%}.shift-form{grid-template-columns:1fr 1fr}.shift-form .button{width:100%}.shift-row{grid-template-columns:1.4fr repeat(3,1fr)}.shift-row>*:nth-child(5){display:none}}@media(max-width:700px){.pilot-start-form,.config-form,.shift-form,.edit-grid{grid-template-columns:1fr}.pilot-start-form .button{grid-column:auto}.shift-row{grid-template-columns:1.3fr 1fr}.shift-row>*:nth-child(3),.shift-row>*:nth-child(4){display:none}.config-form .grow{min-width:0}.danger-panel{padding:18px}}.import-context{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.import-context div{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border:1px solid #ced9d2;border-radius:14px;background:#f5f8f6}.import-context span{font-size:12px;color:#617067}.import-context strong{font-size:14px;color:#173c2c}.upload-zone.disabled{cursor:not-allowed;opacity:.55}.import-help{margin:-5px 0 15px;color:#647168;font-size:12px;line-height:1.5}.validation-grid{grid-template-columns:repeat(4,1fr)}.validation-grid .warning strong{color:#b46c00}.duplicate-list{border:1px solid #ead7a6;border-radius:13px;padding:13px 15px;margin:14px 0;background:#fff9e9;color:#75520c}.duplicate-list>strong{display:block;margin-bottom:7px}.duplicate-list p{margin:6px 0;font-size:13px}.duplicate-list small{display:block;margin-top:8px;color:#8b6b29}@media(max-width:760px){.validation-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.import-context{grid-template-columns:1fr}}@media(max-width:430px){.validation-grid{grid-template-columns:1fr}}.heading-actions{display:flex;gap:10px}.credential-metrics{margin-bottom:18px}.credentials-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.credentials-panel{min-height:520px}.credential-filters{display:grid;grid-template-columns:minmax(250px,1fr) 180px 190px;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.credential-filters .search{min-width:0;width:100%}.credential-filters select,.bulk-bar select{border:1px solid #c6d2cb;border-radius:11px;background:#fff;padding:10px}.bulk-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f8f6;border-bottom:1px solid var(--line);font-size:13px}.bulk-bar>span{color:var(--muted);margin-right:auto}.credential-table{min-width:780px}.credentials-panel{overflow:auto}.credential-row{display:grid;grid-template-columns:35px 2.1fr .75fr .65fr 1fr 110px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e6ece8;cursor:pointer}.credential-row.active{background:#eef6f1}.credential-row b,.credential-row small{display:block}.credential-row small{color:var(--muted);margin-top:3px}.production-badge,.revoked-badge{display:inline-block;font-style:normal;border-radius:18px;padding:6px 9px;font-size:11px;white-space:nowrap}.production-badge.generated{background:#eef0ff;color:#4c52a8}.production-badge.ready{background:#fff3d9;color:#946000}.production-badge.printed{background:#e7efff;color:#315fb7}.production-badge.delivered{background:#e3f7eb;color:#197449}.revoked-badge{background:#ffe8eb;color:#aa2438}.row-actions{display:flex;gap:5px}.row-actions button{width:30px;height:30px;border:1px solid #b8c8c0;background:#fff;border-radius:8px;cursor:pointer}.credential-side{position:sticky;top:96px;background:var(--green);color:#fff;border-radius:18px;padding:18px;display:grid;gap:10px}.credential-preview{text-align:center}.credential-preview .eyebrow{color:#aee4c4}.credential-preview h3{font-size:17px;margin:8px 0 4px}.credential-preview p{color:#bad0c6;margin:0 0 14px;font-size:13px}.credential-preview img{display:block;width:min(230px,100%);margin:0 auto 10px;border-radius:12px;background:#fff;padding:8px}.credential-preview small{color:#b9cbc3}.credential-empty,.qr-placeholder{min-height:220px;display:grid;place-items:center;text-align:center;color:#bad0c6}.qr-placeholder{border:1px dashed #789387;border-radius:14px}.credential-loading{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1100px){.credentials-layout{grid-template-columns:1fr}.credential-side{position:static;grid-template-columns:1fr auto;align-items:center}.credential-preview{grid-row:span 2}}@media(max-width:800px){.credentials-heading{display:grid}.heading-actions{margin-top:12px;flex-wrap:wrap}.credential-filters{grid-template-columns:1fr}.bulk-bar{flex-wrap:wrap}.bulk-bar>span{margin-right:0}.credential-metrics{grid-template-columns:1fr 1fr}.credential-side{grid-template-columns:1fr}.credential-preview{grid-row:auto}}.scan-result{margin-top:12px;border-radius:12px;padding:12px 14px;display:grid;gap:3px}.scan-result strong{font-size:15px}.scan-result span,.scan-result small{color:inherit}.scan-result.success{background:#dff6e8;color:#155f3b}.scan-result.late,.scan-result.warning{background:#fff1b8;color:#6d4b00;border:2px solid #f0b72d}.scan-result.duplicate{background:#e9eef4;color:#334458}.scan-result.error{background:#ffe0e3;color:#941d31;border:2px solid #e24559}.reader-card.feedback-success{box-shadow:inset 0 0 0 5px #48c77c}.reader-card.feedback-late,.reader-card.feedback-warning{box-shadow:inset 0 0 0 6px #f2bd32}.reader-card.feedback-error{box-shadow:inset 0 0 0 6px #e24559}.reader-card.feedback-duplicate{box-shadow:inset 0 0 0 5px #8190a2}.reader-tools{display:flex;align-items:center;gap:8px}.reader-tools button{border:1px solid #89a899;background:transparent;color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}.reader-device-select{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:15px;font-size:12px;font-weight:700}.reader-device-select select{width:100%;border:1px solid #668174;background:#244c3c;color:#fff;border-radius:10px;padding:10px}.scanner-calibration{margin:16px 0 0;padding:14px 16px;border:2px solid #f2bd32;border-radius:12px;background:#fff1b8;color:#5d4300;display:grid;gap:6px}.scanner-calibration p{margin:0;line-height:1.45}.scanner-calibration a{color:#174d39;font-weight:800}.scanner-calibration span{font-size:13px;font-weight:800}.reader-action:disabled,.scan-area input:disabled{opacity:.65;cursor:wait}@media(min-width:900px){:fullscreen .app-shell{display:block;background:#173f31}.app-shell:fullscreen .topbar,.app-shell:fullscreen .sidebar{display:none}.app-shell:fullscreen .main-content{padding:0}.app-shell:fullscreen .page-heading{display:none}.app-shell:fullscreen .reader-card{min-height:100vh;border-radius:0;display:grid;align-content:center;max-width:none;padding:5vh 8vw}.app-shell:fullscreen .scan-area{padding:6vh}.app-shell:fullscreen .scan-result{font-size:1.5rem;padding:24px}}.scan-rejection{padding:24px!important;min-height:155px}.scan-rejection strong{font-size:clamp(25px,5vw,42px)!important}.reader-card.feedback-error .scan-rejection{background:#a3152e;color:#fff;border:4px solid #fff}.reader-card.feedback-error .scan-rejection small{color:#fff}.reader-tools{flex-wrap:wrap}.photo-preparation{font-size:13px;color:#e1ece6}.scan-rejection span{font-size:18px}.scan-rejection small{line-height:1.5}.scan-busy-warning{background:#a3152e;color:#fff;border:4px solid white;border-radius:16px;font-size:22px;font-weight:800;margin-top:16px}.student-photo-editor{display:flex;align-items:center;gap:20px;margin:8px 0 22px}.student-photo-editor p{color:#647b6d;font-size:13px;line-height:1.5}.student-photo-editor .button{display:inline-block;cursor:pointer;margin-right:10px}.student-photo,.student-photo-placeholder{width:116px;height:140px;object-fit:cover;flex:none;border-radius:12px;border:1px solid #c3d5c8}.student-photo-placeholder{display:grid;place-items:center;background:#edf3ef;color:#607668;font-size:13px}.scan-result .scan-student-photo{width:90px;height:108px;object-fit:cover;border-radius:10px;margin:0 0 8px}.credential-preview .credential-student-photo{width:112px;height:136px;object-fit:cover;padding:0;margin:0 auto 10px;border-radius:10px}@media(max-width:640px){.student-photo-editor{align-items:flex-start}}.attendance-metrics{margin-bottom:18px}.attendance-panel{overflow:auto}.attendance-filters{display:grid;grid-template-columns:155px minmax(240px,1fr) 180px 180px;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.attendance-filters>input,.attendance-filters select,.attendance-modal input,.attendance-modal select,.attendance-modal textarea{border:1px solid #c6d2cb;border-radius:11px;background:#fff;padding:11px 12px;font:inherit;color:var(--text)}.attendance-filters .search{width:100%;min-width:0}.attendance-table{min-width:760px}.attendance-row{display:grid;grid-template-columns:2fr .85fr .85fr .7fr;gap:16px;align-items:center;padding:13px 18px;border-bottom:1px solid #e5ece8}.attendance-row>span{display:block}.attendance-row b,.attendance-row small{display:block}.attendance-row small{color:var(--muted);margin-top:3px}.text-action{display:block;border:0;background:transparent;color:#356f54;padding:3px 0;cursor:pointer;font-size:12px;text-decoration:underline}.daily-badge,.attendance-badge{display:inline-block;font-style:normal;border-radius:20px;padding:6px 10px;font-size:11px;white-space:nowrap}.daily-badge.present,.attendance-badge.on_time{background:#e2f5e9;color:#1c7248}.daily-badge.late,.attendance-badge.late{background:#fff0d5;color:#946000}.daily-badge.absent{background:#ffe6ea;color:#a52238}.attendance-badge.early_exit{background:#e7efff;color:#315fb7}.attendance-badge.unknown{background:#edf0ee;color:#59645e}.attendance-empty{padding:55px 20px;text-align:center;color:var(--muted)}.movement-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) 64px 120px;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #e5ece8}.movement-list b,.movement-list small{display:block}.movement-list small{color:var(--muted);margin-top:2px}.movement-list time{font-weight:700}.movement-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800}.movement-icon.entry{background:#e1f5e9;color:#1e714a}.movement-icon.exit{background:#e7efff;color:#315fb7}.attendance-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0e241b94;display:grid;place-items:center;padding:20px}.attendance-modal{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 22px 70px #00000040}.attendance-modal.small{width:min(480px,100%)}.attendance-modal h2{margin:5px 0 18px}.attendance-modal>p{color:var(--muted)}.attendance-modal label{display:grid;gap:6px;margin:13px 0;font-size:13px;font-weight:700}.attendance-modal textarea{min-height:90px;resize:vertical}.attendance-modal .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attendance-modal .modal-close{position:absolute;right:18px;top:18px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f1;cursor:pointer;font-size:20px}.attendance-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:900px){.attendance-filters{grid-template-columns:1fr 1fr}.movement-list>div{grid-template-columns:38px 1fr 55px}.movement-list .attendance-badge{grid-column:2/4}}@media(max-width:620px){.attendance-filters,.attendance-modal .form-pair{grid-template-columns:1fr}.attendance-metrics{grid-template-columns:1fr 1fr}}.daily-badge.not_required{background:#edf0ee;color:#59645e}.dashboard-reader-row{width:min(520px,100%);margin:18px 0 0 auto}.report-controls{display:grid;grid-template-columns:170px 170px minmax(190px,1fr) auto;gap:12px;align-items:end;padding:18px;margin-bottom:18px}.report-controls label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.report-controls input,.report-controls select{border:1px solid #c6d2cb;border-radius:11px;background:#fff;padding:11px;font:inherit;color:var(--text)}.report-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:4px 0 14px;color:var(--muted);font-size:13px}.report-meta b{color:var(--text);font-size:15px}.report-metrics{margin-bottom:18px}.report-tabs{display:flex;gap:6px;margin-bottom:10px}.report-tabs button{border:1px solid #c6d2cb;background:#fff;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:700}.report-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.report-table-panel{overflow:auto}.report-table{min-width:780px}.report-row{display:grid;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid #e5ece8}.report-table.daily .report-row,.report-table.students .report-row{grid-template-columns:1.7fr repeat(5,.75fr)}.report-table.movements .report-row{grid-template-columns:1fr 2fr .7fr .8fr .9fr}.report-row.head{background:#f6f8f7;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.report-row b,.report-row small{display:block}.report-row small{color:var(--muted);margin-top:3px}.report-empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:850px){.report-controls{grid-template-columns:1fr 1fr}.report-controls button{grid-column:1/3}.report-meta{align-items:flex-start;flex-direction:column;gap:4px}}@media print{.topbar,.sidebar,.no-print,.connection{display:none!important}.main-content{margin:0!important;padding:0!important}.report-print{color:#000}.report-table-panel,.panel{border:1px solid #aaa;box-shadow:none}.metric,.report-row{break-inside:avoid}.report-metrics{grid-template-columns:repeat(4,1fr)}}