:root{--ink:#18342d;--muted:#71817b;--line:#e0e9e5;--green:#0c705e;--green2:#075347;--mint:#e4f3ed;--cream:#f5f5ef;--white:#fff;--red:#a9473f;--gold:#b0791e;--blue:#356d9f;--shadow:0 14px 42px #173c3412}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.18s}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:#fff;border-right:1px solid var(--line);padding:25px 18px 17px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 23px}.brand>span,.parent-brand>span{width:41px;height:41px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 23px Georgia,serif}.brand b{display:block;font-size:20px}.brand b em{font-style:normal;color:var(--green)}.brand small,.school-chip small,.sidebar-status small,.profile small,td small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mobile-close{display:none;margin-left:auto;border:0;background:transparent;font-size:23px}.school-chip{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe9e4;background:#f4f8f6;border-radius:13px;margin-bottom:17px}.school-chip>span{width:34px;height:34px;border-radius:9px;background:#d9ece4;color:var(--green);display:grid;place-items:center;font-weight:800}.school-chip b{display:block;font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{flex:1;overflow:auto;padding-right:2px}.sidebar nav p{font-size:9px;color:#99a59f;letter-spacing:1.2px;font-weight:800;margin:16px 10px 8px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;margin:2px 0;text-decoration:none;border-radius:10px;color:#53645e;font-size:12px}.sidebar nav a i{font-style:normal;font-size:16px;width:20px;text-align:center}.sidebar nav a:hover{background:#f3f7f5}.sidebar nav a.active{background:var(--green);color:#fff;font-weight:750;box-shadow:0 7px 17px #0c705e24}.sidebar nav a em{margin-left:auto;font-style:normal;font-size:8px;color:#14715b;background:#d9f0e6;padding:3px 6px;border-radius:20px}.sidebar nav a.active em{color:#fff;background:#ffffff26}.sidebar-status{border-top:1px solid var(--line);padding:17px 7px 0;display:flex;gap:10px;align-items:center}.sidebar-status>i{width:9px;height:9px;border-radius:50%;background:#35b57d;box-shadow:0 0 0 4px #e4f6ee}.sidebar-status b{display:block;font-size:9px}.main{margin-left:268px;min-height:100vh}.topbar{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.topbar>div:first-of-type{flex:1}.topbar p,.eyebrow{margin:0 0 4px;color:#91a09a;font-size:9px;letter-spacing:1.25px;font-weight:800}.topbar h1{margin:0;font-size:20px}.menu-button{display:none;border:0;background:#f0f5f2;border-radius:9px;padding:8px 10px}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:37px;height:37px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.profile b{display:block;font-size:11px}.profile>a{text-decoration:none;border-left:1px solid var(--line);padding-left:14px;color:var(--muted);font-size:17px}.content{padding:27px 30px 40px;max-width:1540px;margin:auto}.app-footer{padding:16px 30px 25px;color:#88968f;font-size:9px;display:flex;justify-content:space-between}.app-footer b{color:#4d655c}.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px;font-size:12px;border:1px solid}.alert.success{background:#e5f5ed;color:#14654f;border-color:#cce8dc}.alert.error{background:#fff0ee;color:#9c443b;border-color:#f1d1cc}.welcome{background:linear-gradient(115deg,#0b6959,#0d7b67);border-radius:18px;padding:27px 30px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;box-shadow:0 13px 30px #0c705e20}.welcome>div>span{display:inline-block;background:#ffffff1c;border:1px solid #ffffff1a;color:#f2d99c;padding:5px 9px;border-radius:99px;font-size:9px;font-weight:750}.welcome h2{margin:13px 0 5px;font-size:24px}.welcome p{margin:0;color:#d4e8e3;font-size:12px}.welcome>b{font:100px Georgia,serif;opacity:.12;line-height:.8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:13px;align-items:center}.stats article>i{font-style:normal;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:800}.teal{background:#ddf1eb;color:#0c705e}.gold{background:#fcf0d7;color:#a16f1a}.blue{background:#e6f0fa;color:#3a70a4}.purple{background:#eee7f6;color:#76539c}.stats span,.stats small{display:block;color:var(--muted);font-size:9px}.stats b{display:block;font-size:22px;margin:2px 0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 12px #173c3405}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.card-head h3{margin:0;font-size:16px}.card-head>a:not(.btn),.link{font-size:10px;color:var(--green);font-weight:750;text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.72fr);gap:16px}.two-col.form-first{grid-template-columns:minmax(310px,.65fr) minmax(0,1.35fr)}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.development-grid{display:grid;grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);gap:15px}.form-card{margin-top:15px}.two-col+.form-card{margin-top:15px}.narrow{max-width:950px;margin:0 auto}.timeline article{display:grid;grid-template-columns:42px 11px 1fr;gap:10px;min-height:52px;position:relative}.timeline time{font-size:10px;font-weight:800}.timeline article>i{width:8px;height:8px;background:var(--green);border-radius:50%;margin-top:2px;box-shadow:0 0 0 3px #e5f1ed}.timeline article>i:after{content:"";position:absolute;left:57px;top:12px;width:1px;height:34px;background:#e2e9e5}.timeline article:last-child>i:after{display:none}.timeline b,.timeline span{display:block;font-size:10px}.timeline span{color:var(--muted);font-size:9px;margin-top:3px}.activity article{display:flex;gap:10px;padding:11px 2px;border-top:1px solid #edf1ef}.activity article>span{width:35px;height:35px;border-radius:10px;background:#e0f0ea;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.activity b{font-size:10px}.activity p{font-size:10px;margin:3px 0;color:#53615c}.activity small{color:var(--muted);font-size:8px}.empty{padding:26px 12px;text-align:center;color:var(--muted);font-size:11px;background:#f6f8f7;border-radius:10px}.btn{display:inline-block;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer;background:#fff;color:var(--ink)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green2)}.btn.outline{background:#fff}.btn.gold{background:#a8751f;border-color:#a8751f;color:#fff}.btn.danger{background:#fff0ee;border-color:#ebcbc7;color:var(--red)}.btn.wide{width:100%;text-align:center;margin-top:12px}.badge{display:inline-block;width:max-content;border:1px solid #d4e4dc;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800}.badge.green{background:#e4f4ec;color:#176950;border-color:#cae5d9}.badge.blue{background:#e9f2fb;color:#346b9c;border-color:#d3e4f2}.badge.red{background:#fff0ee;color:#a34a42;border-color:#f0d2ce}.badge.amber{background:#fff5df;color:#98691b;border-color:#f0dfb8}.badge.gold{background:#fff2d2;color:#8d631d;border-color:#efd8a2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}th{padding:10px;color:#8b9993;font-size:8px;letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid #edf1ef;vertical-align:middle}td b{font-size:10px}td small{max-width:220px}.id-preview{align-self:start}.identity-card{background:linear-gradient(145deg,#0d6d5d,#074d43);border-radius:15px;color:#fff;padding:17px;box-shadow:0 16px 27px #153d3520;position:relative;overflow:hidden}.identity-card.teacher{background:linear-gradient(145deg,#30493f,#183129)}.identity-card header{display:flex;align-items:center;gap:9px}.identity-card header>b{width:29px;height:29px;border-radius:8px;background:#fff;color:var(--green);display:grid;place-items:center;font:700 16px Georgia}.identity-card header strong,.identity-card header span{display:block;font-size:8px}.identity-card header span{font-size:7px;color:#c3ddd6;margin-top:2px}.identity-body{display:flex;align-items:center;gap:11px;margin:16px 0 12px}.identity-body>div{width:58px;height:66px;border:2px solid #ffffff55;border-radius:10px;background:#dcefe8;color:#1c715e;display:grid;place-items:center;font-weight:800}.identity-body small{font-size:6px;color:#b8d7cf;letter-spacing:.8px}.identity-body h4{margin:2px 0;font-size:13px}.identity-body p,.identity-body span{margin:0;display:block;font-size:8px;color:#d1e6e0}.identity-card footer{display:flex;justify-content:space-between;font-size:6px;color:#bdd6d0;margin-top:7px}.identity-card footer b{color:#fff}.barcode-svg{display:block;width:100%;height:54px;background:#fff;fill:#111;border-radius:5px;padding:3px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid label,.login-form label{display:block;font-size:10px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.filter-form input,.login-form input{display:block;width:100%;border:1px solid #dce6e1;border-radius:9px;padding:10px 11px;margin-top:6px;background:#fff;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-form input:focus,.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0c705e12}.form-grid textarea{min-height:82px;resize:vertical}.form-grid .check{display:flex;align-items:center;gap:8px;font-weight:600}.form-grid .check input{width:auto;margin:0}.span-2{grid-column:1/-1}.form-card form>.btn{margin-top:16px}.inline-form{display:grid;grid-template-columns:.8fr 1.2fr .8fr auto;gap:7px}.inline-form input{margin:0}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.chip-list span{padding:5px 8px;border-radius:99px;background:#f0f5f2;font-size:8px;color:#52645d}.scan-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;max-width:1050px;margin:auto}.scan-box{text-align:center;padding:34px}.scan-icon{width:145px;height:145px;border:3px solid #d9eee7;border-radius:24px;margin:18px auto;display:grid;place-items:center;background:#eff7f4;color:var(--green);font-size:52px;box-shadow:inset 0 0 0 13px #fff}.scan-box h2{font-size:21px;margin:8px}.scan-box>p{max-width:560px;margin:0 auto 17px;color:var(--muted);font-size:11px;line-height:1.6}.scan-box form{display:flex;gap:8px;max-width:560px;margin:auto}.scan-input{flex:1;border:1px solid #dbe5e0;border-radius:9px;padding:11px;outline:none}.scan-box>small{display:block;color:var(--muted);font-size:8px;margin-top:10px}.filter-form{display:flex;gap:7px;align-items:center}.filter-form input{margin:0;padding:8px}.progress{display:flex;align-items:center;gap:8px;min-width:120px}.progress>span{width:76px;height:6px;background:#e9efec;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.progress b{font-size:8px}.note-stream article{display:flex;gap:11px;padding:13px 2px;border-top:1px solid #edf1ef}.note-stream article>i{font-style:normal;width:32px;height:32px;border-radius:9px;background:#e2f1ec;color:var(--green);display:grid;place-items:center;flex:0 0 auto}.note-stream b{font-size:10px}.note-stream p{font-size:10px;line-height:1.5;margin:5px 0;color:#4d5f58}.note-stream small{font-size:8px;color:var(--muted)}.info-banner,.cron-box{margin-top:15px;border:1px solid #d9e7e1;background:#f0f6f3;border-radius:12px;padding:14px}.info-banner b,.info-banner span,.cron-box b,.cron-box small{display:block;font-size:10px}.info-banner span,.cron-box small{color:var(--muted);margin-top:4px}.button-link{border:0;background:transparent;padding:0}.update-hero{background:linear-gradient(120deg,#0b6758,#15473f);color:#fff;border-radius:18px;padding:27px 30px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.update-hero h2{font-size:35px;margin:11px 0 5px}.update-hero p{max-width:680px;color:#cfe2dd;font-size:11px;line-height:1.6}.update-actions{display:flex;gap:8px;flex-wrap:wrap}.update-actions form{margin:0}.cron-box code{display:block;margin:8px 0;background:#173d35;color:#d8eee7;padding:10px;border-radius:8px;font-size:8px;word-break:break-all}.manifest-box{background:#f2f7f5;border-radius:11px;padding:14px;margin-bottom:15px}.manifest-box b,.manifest-box span{display:block;font-size:10px;margin-bottom:5px}.manifest-box p{font-size:9px;color:var(--muted)}.security-list{display:grid;gap:8px;margin-top:15px}.security-list span{font-size:9px;color:#486158}.menu-overlay{display:none}.login-body{min-height:100vh;background:#eaf0ed;display:grid;place-items:center;padding:22px}.login-shell{width:min(1010px,100%);min-height:620px;background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 30px 90px #173c3425}.login-panel{background:linear-gradient(135deg,#0b6b5a,#073d35);color:#fff;padding:45px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-panel:after{content:"۞";position:absolute;right:-40px;bottom:-80px;font:260px Georgia;color:#ffffff08}.login-brand{display:flex;align-items:center;gap:11px}.login-brand>span{width:43px;height:43px;border-radius:12px;background:#fff;color:var(--green);display:grid;place-items:center;font:700 22px Georgia}.login-brand h1,.login-brand p{margin:0}.login-brand h1{font-size:17px}.login-brand p{font-size:9px;color:#cce0da;margin-top:3px}.login-copy{margin:auto 0}.login-copy h2{font-size:33px;line-height:1.15;margin:16px 0 10px;max-width:420px}.login-copy p{font-size:12px;line-height:1.7;color:#d1e4df;max-width:440px}.feature-pills{display:flex;flex-wrap:wrap;gap:7px}.feature-pills span{font-size:8px;padding:6px 8px;border:1px solid #ffffff1f;background:#ffffff0f;border-radius:99px}.login-form{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:25px;margin:4px 0}.login-form>div>p:last-child{font-size:11px;color:var(--muted);margin-bottom:24px}.login-form label{margin-bottom:14px}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:7px;top:12px;border:0;background:#eef4f1;border-radius:6px;font-size:8px;padding:6px 8px}.demo-box{margin-top:18px;background:#f4f7f6;border-radius:11px;padding:12px}.demo-box b,.demo-box span,.demo-box small{display:block;font-size:8px;margin:3px 0}.demo-box small{color:#9a6b1c}.login-form footer{margin-top:20px;font-size:8px;color:var(--muted)}.parent-body{background:#f4f5ef}.parent-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.parent-brand,.parent-user{display:flex;gap:10px;align-items:center}.parent-brand>span{width:36px;height:36px}.parent-brand b,.parent-brand small,.parent-user b,.parent-user small{display:block}.parent-brand small,.parent-user small{font-size:8px;color:var(--muted)}.parent-user a{margin-left:9px;border-left:1px solid var(--line);padding-left:14px;font-size:9px;color:var(--green);text-decoration:none;font-weight:750}.parent-main{max-width:1180px;margin:auto;padding:26px 22px 40px}.parent-hero{background:linear-gradient(118deg,#0b6758,#103f39);border-radius:18px;padding:28px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.parent-hero h1{font-size:24px;margin:13px 0 5px}.parent-hero p{font-size:11px;color:#cfe2dd}.child-card{display:flex;align-items:center;gap:10px;min-width:230px;border:1px solid #ffffff24;background:#ffffff12;border-radius:13px;padding:11px}.child-card>span{width:38px;height:38px;border-radius:10px;background:#dcefe8;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.child-card b,.child-card small{display:block}.child-card b{font-size:10px}.child-card small{font-size:8px;color:#cce0db;margin-top:3px}.parent-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin:15px 0;padding:18px}.parent-stats article{padding:0 18px;border-right:1px solid var(--line)}.parent-stats article:last-child{border:0}.parent-stats span,.parent-stats b,.parent-stats small{display:block}.parent-stats span,.parent-stats small{font-size:8px;color:var(--muted)}.parent-stats b{font-size:20px;margin:4px 0}.parent-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.grade-list article{display:grid;grid-template-columns:1fr 38px auto;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #edf1ef}.grade-list b,.grade-list small{display:block}.grade-list b{font-size:10px}.grade-list small{font-size:8px;color:var(--muted);margin-top:3px}.grade-list strong{font-size:16px}.parent-footer{max-width:1180px;margin:auto;padding:0 22px 24px;font-size:8px;color:var(--muted)}
@media print{.sidebar,.topbar,.app-footer,.btn,.parent-top,.parent-footer,.alert,.form-card{display:none!important}.main{margin:0}.content{padding:0}.card{border:0;box-shadow:none}.two-col{display:block}.two-col>.card:first-child{display:none}.identity-card{max-width:420px;margin:auto;break-inside:avoid}.parent-main{padding:0}.parent-hero{color:#000;background:#fff;border:1px solid #ddd}.parent-stats,.parent-grid{break-inside:avoid}}
@media(max-width:1080px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.two-col,.two-col.form-first,.scan-layout,.development-grid,.parent-grid{grid-template-columns:1fr}.id-preview{max-width:450px}.master-grid{grid-template-columns:1fr}.parent-stats{grid-template-columns:1fr 1fr;gap:18px}.parent-stats article:nth-child(2){border:0}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.22s;width:275px;box-shadow:12px 0 40px #173c3430}.sidebar.open{transform:translateX(0)}.mobile-close{display:block}.menu-overlay.show{display:block;position:fixed;inset:0;background:#102c266b;border:0;z-index:35}.main{margin-left:0}.topbar{height:68px;padding:0 16px}.menu-button{display:block;margin-right:11px}.topbar p{display:none}.topbar h1{font-size:16px}.profile>div{display:none}.content{padding:17px}.stats{gap:9px}.stats article{padding:13px}.welcome{padding:22px}.welcome h2{font-size:19px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.inline-form{grid-template-columns:1fr}.scan-box{padding:24px 15px}.scan-box form{flex-direction:column}.update-hero{display:block;padding:22px}.update-actions{margin-top:15px}.app-footer{display:block;padding:14px 18px}.app-footer span{display:block;margin-top:5px}.login-shell{grid-template-columns:1fr}.login-panel{display:none}.login-form{padding:28px}.parent-top{padding:0 16px}.parent-user>div{display:none}.parent-main{padding:17px}.parent-hero{display:block;padding:22px}.child-card{margin-top:17px}.parent-stats{padding:13px;gap:13px}.parent-stats article{padding:0 8px}.parent-stats article:nth-child(2){border:0}.card{padding:16px}.card-head{align-items:flex-start}.filter-form{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:440px){.stats,.parent-stats{grid-template-columns:1fr}.parent-stats article{border:0;border-bottom:1px solid var(--line)!important;padding-bottom:10px}.parent-stats article:last-child{border:0!important}.profile>span{width:34px;height:34px}.topbar{padding:0 12px}}