.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;right:16px;z-index:2000;background:#0d503f;color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
@media screen{
:root{--green:#146451;--dark:#183d34;--olive:#8a784b;--ink:#253e37;--muted:#6c7e77;--line:#dde7e1;--background:#f4f7f5;--paper:#fff;scroll-padding-top:115px}
body{font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;background:radial-gradient(ellipse at 95% 0,#e4eee7 0,transparent 38%),#f4f7f5;color:var(--ink);overflow-wrap:break-word}
*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:inherit}a{color:var(--green)}button,a,input,select,textarea{touch-action:manipulation}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #b69252}main:focus{outline:none}[hidden]{display:none!important}
.site-header.app-header{position:sticky;top:0;z-index:1000;display:block;min-height:0;padding:0!important;background:#fffffffa;border-bottom:1px solid #dce6df;box-shadow:0 4px 22px #123c2d08;backdrop-filter:blur(14px)}
.header-inner{max-width:1540px;margin:auto;min-height:94px;padding:12px 28px;display:flex;align-items:center;gap:20px}.app-brand{flex-shrink:0;text-decoration:none;display:flex;align-items:center;gap:12px!important;color:var(--dark)}.app-brand img{width:52px!important;height:52px!important;object-fit:contain}.app-brand .eyebrow{display:block;font:15px/1.5 Amiri,serif;color:var(--olive)}.app-brand strong{display:block;font:700 23px/1.4 Amiri,serif;white-space:nowrap}
.site-header .app-nav{display:flex;align-items:center;align-self:center;gap:3px;margin-inline-start:auto;flex-wrap:nowrap}.site-header .app-nav .nav-link{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:9px;text-decoration:none;font:13px/1.5 Tahoma,Arial,sans-serif;white-space:nowrap;color:#566c62;background:transparent;transition:background .15s,color .15s}.site-header .app-nav .nav-link:hover{background:#f0f5f1;color:#146451}.site-header .app-nav .nav-link.selected{background:#e7f2eb;color:#14583f;border-color:#d0e4d7;font-weight:bold}.release-label{font-size:10px;color:#71857a;white-space:nowrap;border-inline-start:1px solid var(--line);padding-inline-start:12px}.menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #d8e4dc;border-radius:10px;padding:8px 12px;background:white;color:#14583f;font-size:14px;min-height:44px}
.shell,.admin-shell{width:100%;max-width:1440px;margin:30px auto 0;padding:0 32px}.shell{grid-template-columns:minmax(0,1fr) 278px;gap:24px}.shell>main,.admin-shell>*{min-width:0}.manage-shell{width:100%;max-width:1080px;padding:0 28px}.sidebar{top:115px}.page-heading{margin:0 0 22px}.page-heading p{font-size:12px;color:var(--olive);margin:0 0 2px}.page-heading h1{font:700 34px/1.4 Amiri,serif;margin:0;color:var(--dark)}.page-intro h2,.admin-intro h2{font-family:Amiri,serif;font-size:34px}.page-intro p:last-child,.admin-intro p{font-size:15px}.admin-card,.manage-card,.registry-card,.record-card,.form-panel,.image-control,.local-card{background:white;border:1px solid #dce6df;border-radius:16px;box-shadow:0 5px 22px #153c2605}.admin-card,.manage-card{padding:26px;margin-bottom:22px}.form-panel{padding:26px}.admin-card h2,.admin-card h3,.manage-card h2,.group-title,.registry-card h3{font-family:Amiri,serif;font-size:25px;color:var(--dark)}.admin-card h2:first-child{margin-top:0}.admin-card h3{margin-bottom:16px}.registry-card{padding:22px}.registry-card p,.registry-card p.small-note,.record-card p{font-size:14px}.sidebar-foot{font-size:14px}.sidebar-foot span{font-size:12px}.total strong{font-family:Amiri,serif}.local-card{margin:32px auto;padding:30px}.local-card h1{font-family:Amiri,serif}
label,.field label,.admin-panel .field label,.student-picker label,.report-controls label{font-size:14px;color:#425c50}input,select,textarea,.admin-panel .field input,.admin-panel .field select,.admin-panel .field textarea,.local-card input,.manage-card input{font-size:16px;min-height:46px;border:1px solid #d7e3da;background:#fbfdfb;border-radius:10px;padding:9px 12px;max-width:100%;width:100%;color:#233f31;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#5d9a7c;box-shadow:0 0 0 3px #e4f0e7;background:white}input[type=checkbox],input[type=radio]{width:18px!important;min-height:18px;height:18px;accent-color:var(--green)}input[type=file]{font-size:13px}input[type=file]::file-selector-button{border:0;border-radius:7px;background:#e8f1eb;color:#18573c;padding:7px 10px;margin-inline-end:10px;cursor:pointer}textarea{min-height:100px}.fields-grid{gap:18px 22px}.admin-card form>.fields-grid{margin-bottom:18px}.admin-card>label{display:block;margin:12px 0}.help,.muted,.media-help,.media-message,.small-note{font-size:14px}.notice{font-size:15px;border-radius:10px}.button,.button-row .button{font-size:15px;border-radius:10px;min-height:44px;padding:8px 17px}.button.primary{background:#146451}.button.primary:hover{background:#0d4c3b}.button.secondary{background:white;border-color:#d4e1d7}.button.secondary:hover{background:#eef5f0}.admin-card>button{margin-block:6px;margin-inline-end:5px}.text-button{font-size:14px}.form-actions{gap:12px}.form-actions>span{font-size:13px}.step-nav{border-radius:13px;border-color:#d7e3d9;background:white}.step{font-size:14px;gap:9px;padding:15px 8px}.step.active{background:#e8f2eb;color:#146451}.step.active b{background:#146451}.step b{font-size:13px}.admin-tabs{overflow-x:auto;gap:8px;border:0;padding:4px 0 12px}.admin-tabs button{flex-shrink:0;font-size:15px;border:1px solid #dce5de;border-radius:10px;padding:10px 18px;background:white}.admin-tabs button.active{background:#146451;color:white;border-color:#146451}.admin-summary>div{border-radius:14px;border-color:#dce6df;box-shadow:0 4px 16px #123c2a04}.admin-summary span{font-size:14px}.admin-summary strong{font-size:30px;font-weight:bold}.admin-table,.records-table{font-size:14px;min-width:650px}.admin-table th,.records-table th{font-size:13px;background:#edf4ef;color:#2c5f45;padding:13px 15px}.admin-table td,.records-table td{padding:13px 15px;border-color:#e7eee9}.admin-table tr:hover td,.records-table tr:hover td{background:#fafcf9}.admin-table button{font-family:inherit;font-size:13px}.table-scroll,.table-wrap{border-radius:10px;border:1px solid #e0e9e2;background:white;overflow-x:auto;overscroll-behavior-inline:contain;max-width:100%}.teacher-table input,.teacher-table select{font-size:14px}.teacher-toolbar .group-title{font-size:24px}.teacher-table th{font-size:14px}.teacher-hint{font-size:13px}.site-footer{font-size:13px;padding:22px 0;margin-top:35px}.connection,.records-table td:first-child,.records-table td:nth-child(4){font-size:12px}.check-field{font-size:14px}.records-toolbar,.page-intro,.admin-intro,.card-heading{flex-wrap:wrap}.search{min-width:0}.student-money b{font-size:24px}.student-money span{font-size:13px}.form-panel .group-title{font-size:25px}
@media(max-width:1360px) and (min-width:1351px){.header-inner{gap:12px;padding-inline:20px}.site-header .app-nav .nav-link{padding-inline:8px;font-size:12px}.release-label{display:none}.app-brand strong{font-size:22px}}
@media(max-width:1350px){.header-inner{min-height:80px;flex-wrap:wrap;justify-content:space-between;padding:10px 24px;gap:0}.menu-toggle{display:flex;margin-inline-start:auto}.release-label{margin-inline-start:12px}.site-header .app-nav{display:none;flex-basis:100%;width:100%;margin:10px 0 0;padding:12px 0 4px;border-top:1px solid #e3eae4;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:70dvh;overflow-y:auto}.site-header.menu-open .app-nav{display:grid}.site-header .app-nav .nav-link{justify-content:flex-start;font-size:14px;padding:12px}.sidebar{top:100px}.auth-header .release-label{margin-inline-start:auto}}
@media(max-width:900px){.shell{display:block}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:0;margin-top:24px}.registry-card{grid-row:span 2}.record-card{margin:0}.sidebar-foot{margin:10px 0}.two-cards{display:block}.admin-shell,.shell{padding-inline:22px}.admin-intro{gap:14px}}
@media(max-width:650px){:root{scroll-padding-top:90px}.header-inner{min-height:76px;padding:10px 16px}.app-brand img{width:44px!important;height:44px!important}.app-brand strong{font-size:21px}.app-brand .eyebrow{font-size:13px}.release-label{display:none}.site-header .app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toggle{padding:7px 10px;font-size:13px}.shell,.admin-shell,.manage-shell{padding:0 14px;margin-top:22px}.admin-card,.manage-card,.form-panel{padding:19px 16px;border-radius:13px}.fields-grid{grid-template-columns:1fr;gap:15px}.field.wide{grid-column:auto}.page-heading h1,.page-intro h2,.admin-intro h2{font-size:29px}.page-intro{gap:12px}.page-intro .button{font-size:14px}.admin-summary{grid-template-columns:1fr 1fr;gap:10px}.admin-summary>div{padding:16px}.admin-summary strong{font-size:25px}.admin-tabs{display:flex}.admin-tabs button{font-size:14px;padding:9px 14px}.button-row{gap:8px}.button-row .button{flex:1 1 auto;white-space:normal;font-size:14px}.step{font-size:12px;padding:13px 5px;flex-direction:column;min-height:80px}.sidebar{display:block}.record-card{margin-top:14px}.sidebar-foot{margin:18px 0}.form-actions{flex-wrap:wrap}.form-actions>span{order:3;width:100%;text-align:center;margin-top:4px}.form-actions .button{flex:1}.records-toolbar{flex-direction:column}.local-card{margin:22px 14px;padding:24px 20px}.card-heading{display:block}.card-heading .button-row{margin-top:14px}.report-controls{display:block}.report-controls label{display:block;margin-bottom:12px}.network-links a{font-size:14px}.access-screen{margin:35px auto;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
}
@media print{.skip-link,.menu-toggle,.app-nav,.release-label{display:none!important}.app-header{position:static!important;box-shadow:none!important}.header-inner{display:block;padding:0}.app-brand{color:inherit;text-decoration:none}.app-brand strong{font:700 22px Amiri,serif}body{font-family:Amiri,serif}}

.developer-credit .app-version{display:block;font:13px/1.8 Tahoma,Arial,sans-serif;color:#6c7e77;margin:4px 0 9px;letter-spacing:0}.app-developer-credit{text-align:center;margin:28px auto 20px;padding:20px;color:#6c7e77;font:14px/1.8 Tahoma,Arial,sans-serif}.app-developer-credit p{margin:0}.app-developer-credit .developer-logo{display:block;width:60px;height:auto;max-height:70px;object-fit:contain;margin:10px auto 0}@media print{.app-developer-credit{display:none!important}}

.attendance-choices{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;min-width:280px}.attendance-choices legend{padding:0}.attendance-choices label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 9px;border:1px solid #dde6df;border-radius:8px;background:white;font-size:13px;white-space:nowrap;min-height:38px}.attendance-choices label.is-checked{background:#e5f2e9;border-color:#79ab8f;color:#14583f}.attendance-choices input{margin:0;width:18px!important;height:18px;min-height:18px;accent-color:#146451}.attendance-choices label:focus-within{outline:2px solid #b69252;outline-offset:2px}

#imageArea img{width:100%;height:auto;max-height:520px;object-fit:contain;border:1px solid var(--line)}

.narjis-office{text-align:center}.narjis-office p{margin:.2em 0}.narjis-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:.4em 1em}.narjis-contact a{display:inline-flex;align-items:center;gap:.35em;direction:ltr}.narjis-contact svg{flex:none}