:root{--bg:#f3f5f7;--card:#fff;--ink:#1c2b33;--muted:#6b7a83;--line:#dde4e8;--brand:#0e6e5d;--brand-2:#12876f;--danger:#b3362b;--radius:10px;font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}h1,h2,h3{margin:0 0 .4em}.muted{color:var(--muted)}.small{font-size:.85rem}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--brand);font-size:1.15rem;font-weight:800;text-decoration:none}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.95rem}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.btn.primary:hover{background:var(--brand-2)}.btn.small{padding:5px 12px;font-size:.85rem}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.danger{color:var(--danger);border-color:var(--danger)}input[type=text],input[type=number],input[type=date],select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--brand) 30%, transparent);border-color:var(--brand)}textarea{resize:vertical;line-height:1.8}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field-label{font-size:.9rem;font-weight:700}.req{color:var(--danger)}.block-input{margin-bottom:8px}.other-input{margin-top:8px}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 12px;display:grid}.checkbox-item{cursor:pointer;align-items:center;gap:7px;font-size:.9rem;display:flex}.checkbox-item input{accent-color:var(--brand);width:16px;height:16px}.sig-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home{max-width:1000px;margin:0 auto;padding:24px 16px 60px}.home-hero{text-align:center;padding:30px 0 20px}.home-hero h1{color:var(--brand);font-size:2rem}.home-hero p{color:var(--muted)}.cat-title{border-bottom:2px solid var(--brand);margin:26px 0 12px;padding-bottom:6px;font-size:1.2rem}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0e6e5d1f}.card h3{color:var(--brand);font-size:1.05rem}.card p{color:var(--muted);flex:1;margin:0;font-size:.88rem}.card-cta{color:var(--brand-2);font-size:.85rem;font-weight:700}.form-page{grid-template-columns:minmax(380px,46%) 1fr;align-items:start;gap:18px;padding:16px;display:grid}.form-side{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.breadcrumb{color:var(--muted);gap:8px;margin-bottom:12px;font-size:.82rem;display:flex}.breadcrumb a{color:var(--brand);text-decoration:none}.form-title{color:var(--brand);font-size:1.4rem}.group-title{border-bottom:1px solid var(--line);color:var(--brand);margin:18px 0 8px;padding-bottom:5px;font-size:1rem}.form-section{margin-bottom:6px}.fields-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.fields-grid .full{grid-column:1/-1}.fields-grid .half{grid-column:span 1}.instructions{background:#f0f7f5;border:1px solid #cfe5df;border-radius:8px;margin-bottom:14px;padding:10px 14px}.instructions ul{margin:0;padding-inline-start:18px;font-size:.88rem;line-height:1.9}.saved-panel{border:1px dashed var(--line);border-radius:8px;margin-bottom:14px;padding:12px}.saved-panel .group-title{margin-top:0}.saved-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.saved-row select{flex:1;min-width:180px}.save-dialog{background:#f8fafb;border-radius:8px;margin-top:10px;padding:10px}.save-dialog p{margin:0 0 8px;font-size:.88rem}.save-msg{color:var(--brand);margin:8px 0 0;font-size:.85rem;font-weight:700}.evidence-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.evidence-item{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.evidence-item img{object-fit:cover;width:100%;height:100%}.evidence-remove{top:3px;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;width:20px;height:20px;line-height:1;position:absolute;inset-inline-end:3px}.evidence-add{aspect-ratio:1;border:2px dashed var(--line);color:var(--muted);cursor:pointer;background:#fafbfc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:.8rem;display:flex}.evidence-add:hover{border-color:var(--brand);color:var(--brand)}.preview-side{position:sticky;top:70px}.preview-toolbar{justify-content:center;margin-bottom:12px;display:flex}.paper{color:#111;--accent:#0e6e5d;--accent-soft:#e8f3f0;background:#fff;width:100%;max-width:210mm;min-height:297mm;margin:0 auto;padding:12mm 14mm;font-family:Tajawal,sans-serif;font-size:100%;line-height:1.7;box-shadow:0 4px 24px #0000001f}.paper.font-cairo{font-family:Cairo,sans-serif}.paper.theme-gradient{--accent:#4a3b8f;--accent-soft:#eeebf8}.paper.theme-lavender{--accent:#7a4f9e;--accent-soft:#f3ecf8}.paper.ink-saver{--accent:#333;--accent-soft:#fff}.paper-header{color:#fff;background:#17445e;border-top:5px solid #31a37f;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 20px 30px;display:grid}.head-lines{text-align:right;font-size:.78em;font-weight:600;line-height:1.9}.head-lines .school-line{font-size:1.15em;font-weight:800}.head-logo{text-align:center;min-width:90px}.head-logo img{object-fit:contain;max-width:100px;max-height:64px}.head-logo .default-logo{filter:brightness(0)invert();max-width:110px;max-height:78px}.ink-saver .head-logo .default-logo{filter:brightness(0)}.head-side{text-align:left;font-size:.8em;font-weight:600;line-height:1.9}.head-sub-logo{object-fit:contain;max-width:60px;max-height:38px;margin:0 auto 6px 0;display:block}.ink-saver .paper-header{color:#111;background:#fff;border:1.5px solid #333;border-top-width:5px}.report-title{border:1px solid #cfd8dc;border-bottom:3px solid var(--accent);text-align:center;width:fit-content;max-width:85%;color:var(--accent);background:#fff;border-radius:8px;margin:-24px auto 16px;padding:8px 34px 9px;font-size:1.2em;font-weight:800;position:relative;box-shadow:0 3px 10px #00000024}.report-title:before{content:"";background:var(--accent);border-radius:2px;width:58px;height:3px;margin:0 auto 7px;display:block}.ink-saver .report-title{color:#111;box-shadow:none;border:1.5px solid #333}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:16px 0 10px;display:grid}.pbox{border:1.4px solid var(--accent);border-radius:10px;padding:13px 12px 9px;position:relative}.pbox.span-all{grid-column:1/-1}.pbox-label{top:-9px;color:var(--accent);background:#fff;padding:0 7px;font-size:.75em;font-weight:800;line-height:1.4;position:absolute;inset-inline-start:16px}.info-val{text-align:center;font-size:.9em;font-weight:600}.section-box{margin-bottom:10px}.section-text{white-space:pre-wrap;padding:2px 4px 0;font-size:.88em}.aids-line{text-align:center;font-size:.88em;line-height:2}.aid{margin-inline-end:14px;font-weight:600;display:inline-block}.aid:before{content:"✓";color:var(--accent);margin-inline-end:4px;font-weight:800}.aid.off{color:#8a8a8a;font-weight:500}.aid.off:before{content:"◻";color:#b9b9b9}.sec-block{margin-bottom:2px}.ptable{border-collapse:collapse;width:100%;margin-top:2px;font-size:.85em}.ptable th,.ptable td{border:1px solid var(--accent);text-align:center;padding:5px 6px}.ptable th{background:color-mix(in srgb, var(--accent) 10%, #fff);font-weight:800}.ptable .num{width:30px}.ink-saver .ptable th,.ink-saver .ptable td{border-color:#333}.ink-saver .ptable th{background:#fff}.edit-table{border-collapse:collapse;width:100%;font-size:.85rem}.edit-table th,.edit-table td{border:1px solid var(--line);text-align:center;padding:3px}.edit-table th{background:color-mix(in srgb, var(--brand) 8%, #fff);font-size:.8rem;font-weight:700}.edit-table input{text-align:center;background:0 0;border:none!important;padding:5px 6px!important;font-size:.85rem!important}.edit-table .row-num{width:30px;color:var(--muted)}.row-del{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1}.table-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-btn{cursor:pointer;margin:0}.edit-table .cell-checks{text-align:start;min-width:150px}.cell-check{cursor:pointer;align-items:flex-start;gap:5px;padding:1px 2px;font-size:.78rem;font-weight:500;display:flex}.cell-check input{margin-top:3px;width:auto!important}.cell-checks>input[type=text]{margin-top:4px;border:1px dashed var(--line)!important;font-size:.75rem!important}.ptable .cell-opts{text-align:start;font-size:.8em}.ptable .cell-opts div{padding:1px 0}.grade-chip{font-size:.85em;font-weight:700}.grade-chip.up{color:#2f855a}.grade-chip.down{color:#c53030}.gstats{border-top:1px dashed var(--line);flex-wrap:wrap;gap:6px 18px;margin-top:8px;padding-top:8px;font-size:.82em;display:flex}.gbars{gap:4px;margin-top:8px;display:grid}.gbar{align-items:center;gap:8px;font-size:.78em;display:flex}.gbar-label{text-align:start;min-width:74px}.gbar-track{background:#edf2f7;border-radius:5px;flex:1;height:9px;overflow:hidden}.gbar-fill{border-radius:5px;height:100%;transition:width .3s}.gbar-num{min-width:30px;font-weight:700}.ptable .ptable-total td{border-top:2px solid var(--teal);background:#f6fbfa}.ink-saver .gbar-fill{background:#333!important}.ink-saver .grade-chip{color:inherit!important}.anl-top{align-items:stretch;gap:14px;margin-bottom:12px;display:flex}.donut-block{flex-direction:column;align-items:center;gap:6px;min-width:150px;display:flex}.pie{border-radius:50%;flex-shrink:0;width:110px;height:110px}.pie.donut{position:relative}.pie.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22%}.donut-center{z-index:1;flex-direction:column;justify-content:center;align-items:center;font-size:.8em;display:flex;position:absolute;inset:0}.donut-center b{font-size:1.25em}.stat-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid}.stat-grid.five{grid-template-columns:repeat(5,1fr);margin-bottom:12px}.stat-box{border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:8px 6px;display:flex}.stat-box b{color:var(--teal);font-size:1.05em}.stat-box span{color:var(--muted);font-size:.72em}.anl-duo{gap:12px;margin-bottom:12px;display:flex}.anl-duo .anl-card{flex:1}.anl-card{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.anl-sub{color:var(--teal);margin-bottom:8px;font-size:.85em;font-weight:700;display:block}.pie-row{align-items:center;gap:16px;display:flex}.pie-legend{flex-direction:column;gap:4px;font-size:.78em;display:flex}.pie-legend i,.dot{border-radius:50%;width:9px;height:9px;margin-inline-end:5px;display:inline-block}.hbars{flex-direction:column;gap:7px;display:flex}.hbar{align-items:center;gap:8px;font-size:.78em;display:flex}.hbar-label{text-align:start;min-width:60px}.hbar-track{background:#edf2f7;border-radius:5px;flex:1;height:10px;overflow:hidden}.hbar-fill{border-radius:5px;height:100%}.hbar-num{min-width:26px;font-weight:700}.pill{border-radius:999px;padding:1px 10px;font-size:.78em;font-weight:700;display:inline-block}.cmp-up{color:#2f855a}.cmp-down{color:#c53030}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-col>div{border:1px dashed var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.vbars{gap:8px;height:130px;display:flex}.vbar-axis{color:var(--muted);text-align:end;flex-direction:column;justify-content:space-between;padding-bottom:26px;font-size:.65em;display:flex}.vbar-cols{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 24px,#f1f5f9 24px 25px);flex:1;justify-content:center;align-items:flex-end;gap:40px;display:flex}.vbar-col{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.vbar-fill{border-radius:6px 6px 0 0;width:56px;transition:height .3s}.vbar-num{margin-top:3px;font-size:.72em;font-weight:700}.vbar-label{color:var(--muted);font-size:.72em}.ink-saver .pie,.ink-saver .hbar-fill,.ink-saver .vbar-fill{filter:grayscale()}.ink-saver .pill{color:#222!important;background:#eee!important}.ink-saver .cmp-up,.ink-saver .cmp-down{color:#222}.ink-saver .pbox,.ink-saver .pbox-label{border-color:#333}.ink-saver .pbox-label{color:#111}.sig-row{justify-content:space-between;gap:14px;margin-top:22px;margin-bottom:10px;display:flex}.sig-cell{text-align:center;min-width:28%}.sig-role{margin-bottom:22px;font-size:.88em;font-weight:700}.sig-line{color:#333;font-size:.82em}.evidence-print-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.evidence-print-item{border:1px solid #ccc;border-radius:6px;overflow:hidden}.evidence-print-item img{object-fit:cover;width:100%;height:62mm;display:block}.cover-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:170mm;display:flex}.cover-title{color:var(--accent);border:3px double var(--accent);border-radius:10px;padding:16px 34px;font-size:1.9em;font-weight:800}.ink-saver .cover-title{color:#111;border-color:#333}.cover-subtitle{color:#333;font-size:1.2em;font-weight:700}.cover-meta{flex-direction:column;gap:8px;min-width:60%;margin-top:14px;display:flex}.cover-row{border-bottom:1px solid #999;justify-content:space-between;padding-bottom:6px;font-size:.95em;display:flex}.cover-extra{color:#333;margin-top:20px;font-size:.95em;line-height:2}.paper.landscape.cert{background:#f0f2f2;max-width:297mm;min-height:auto;padding:15mm;position:relative;overflow:hidden}.cert-corner{pointer-events:none;position:absolute}.cert-corner.tr{clip-path:polygon(100% 0,0 0,100% 100%);background:repeating-linear-gradient(45deg,#0d6b5f 0 16mm,#b3a064 16mm 24mm,#2c8a78 24mm 32mm,#dde3e2 32mm 48mm);width:78mm;height:78mm;top:0;right:0}.cert-corner.tl{clip-path:polygon(0 0,100% 0,0 100%);background:repeating-linear-gradient(-45deg,#0d6b5f 0 8mm,#dde3e2 8mm 20mm,#b3a064 20mm 26mm,#dde3e2 26mm 40mm);width:46mm;height:46mm;top:0;left:0}.cert-corner.bl{clip-path:polygon(0 0,0 100%,100% 100%);background:repeating-linear-gradient(-45deg,#0d6b5f 0 14mm,#b3a064 14mm 21mm,#2c8a78 21mm 28mm,#dde3e2 28mm 44mm);width:64mm;height:64mm;bottom:0;left:0}.cert-corner.br{clip-path:polygon(100% 0,0 100%,100% 100%);background:repeating-linear-gradient(45deg,#0d6b5f 0 10mm,#b3a064 10mm 16mm,#dde3e2 16mm 36mm);width:52mm;height:52mm;bottom:0;right:0}.cert-frame{outline-offset:4px;text-align:center;background:#fff;border:1.5px solid #b3a064;outline:1px solid #b3a064;flex-direction:column;align-items:center;min-height:160mm;padding:8mm 14mm 6mm;display:flex;position:relative}.cert-logo-cell{position:absolute;top:8mm;right:12mm}.cert-logo{object-fit:contain;max-width:26mm;max-height:18mm}.cert-logo.left{position:absolute;top:8mm;left:12mm}.cert-title-img{width:auto;height:24mm;margin:0 auto 6mm;display:block}.cert-issuer{margin-bottom:2mm;font-size:1.3em;font-weight:700}.cert-appr{margin-bottom:3mm;font-size:1.45em;font-weight:800}.cert-name{color:var(--accent);margin-bottom:4mm;font-size:1.8em;font-weight:800}.cert-body{flex:1;max-width:85%;margin:0 auto;font-size:1.15em;font-weight:600;line-height:2.1}.cert-sigs{justify-content:space-between;width:100%;margin-top:6mm;padding:0 10mm;display:flex}.cert-sig{min-width:24%}.cert-sig-role{font-size:.95em;font-weight:800}.cert-sig-name{color:#333;font-size:.9em}.ink-saver .cert-corner{display:none}.ink-saver.paper.landscape.cert{background:#fff}.ink-saver .cert-frame{border-color:#333;outline-color:#333}.ink-saver .cert-title,.ink-saver .cert-name{color:#111}@media screen{.preview-side .paper.landscape.cert{zoom:.62}}.sig-input-group{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.sig-input-group .field-label.small{color:var(--muted);font-size:.8rem}.modal-backdrop{z-index:100;background:#0f191e73;justify-content:center;align-items:flex-start;padding:30px 14px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border-radius:14px;width:min(560px,100%);padding:20px}.modal-head{justify-content:space-between;align-items:center;display:flex}.seg{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.seg-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:.88rem}.seg-btn.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.logo-row{gap:20px;display:flex}.logo-input-row{align-items:center;gap:8px;margin-top:5px;display:flex}.logo-thumb{object-fit:contain;border:1px solid var(--line);border-radius:8px;width:52px;height:52px}.logo-thumb.empty{color:var(--muted);background:#f6f8f9;justify-content:center;align-items:center;font-size:.7rem;display:flex}.modal-actions{justify-content:flex-end;margin-top:16px;display:flex}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;display:flex}@media (width<=900px){.form-page{grid-template-columns:1fr}.preview-side{position:static}.sig-grid{grid-template-columns:1fr}}@page{size:A4;margin:0}@page cert{size:A4 landscape;margin:0}.paper.landscape.cert{page:cert;break-after:page}.paper.landscape.cert:last-child{break-after:auto}@media print{.no-print,.modal-backdrop{display:none!important}body{background:#fff}.form-page{padding:0;display:block}.preview-side{position:static}.paper{width:100%;max-width:none;min-height:auto;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:10mm}.paper.landscape.cert{padding:23mm}.ink-saver{-webkit-print-color-adjust:economy;print-color-adjust:economy}.pbox,.sig-row,.evidence-print-item{break-inside:avoid}.anl-box{break-inside:auto}.anl-box .anl-card,.anl-box .anl-top,.anl-box .anl-duo,.anl-box .stat-grid{break-inside:avoid}}.auth-page{background:radial-gradient(1200px 500px at 85% -10%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 60%), radial-gradient(900px 420px at 10% 110%, color-mix(in srgb, var(--brand-2) 12%, transparent), transparent 55%), linear-gradient(160deg, #f6f9f8 0%, var(--bg) 55%, #e9f0ee 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:20px;flex-direction:column;gap:.9rem;width:100%;max-width:400px;padding:2.4rem 2.2rem 1.4rem;display:flex;box-shadow:inset 0 1px #fffc,0 20px 55px #0e6e5d21,0 4px 14px #0000000d}.auth-logo{background:linear-gradient(140deg, var(--brand-2), var(--brand));width:68px;height:68px;box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 35%, transparent), 0 1px 0 #ffffff40 inset;border-radius:20px;justify-content:center;align-items:center;margin:0 auto .2rem;display:flex}.auth-title{text-align:center;color:var(--ink);margin:0;font-size:1.7rem}.auth-sub{text-align:center;color:var(--muted);margin:-.4rem 0 .4rem;font-size:.92rem}.auth-field{display:block;position:relative}.auth-field input{width:100%;font:inherit;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:.95rem .9rem;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent);outline:none}.auth-label{top:50%;color:#94a3b8;pointer-events:none;background:0 0;padding:0 .3rem;font-size:.95rem;transition:all .15s;position:absolute;inset-inline-start:.9rem;transform:translateY(-50%)}.auth-field input:focus+.auth-label,.auth-field input:not(:placeholder-shown)+.auth-label{color:var(--brand);background:linear-gradient(#0000 45%,#fff 45%);font-size:.75rem;top:0}.auth-btn{width:100%;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(140deg, var(--brand-2), var(--brand));box-shadow:0 8px 20px color-mix(in srgb, var(--brand) 30%, transparent);border:0;border-radius:12px;margin-top:.3rem;padding:.85rem;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s}.auth-btn:hover:not(:disabled){box-shadow:0 12px 26px color-mix(in srgb, var(--brand) 38%, transparent);transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.65;cursor:default}.auth-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, #fff);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);text-align:center;border-radius:10px;margin:0;padding:.55rem .8rem;font-size:.85rem}.auth-foot{text-align:center;color:#9db4ae;margin:.4rem 0 0;font-size:.75rem}.topbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.topbar-nav{align-items:center;gap:.5rem;display:flex}.user-chip{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:.2rem .6rem;font-size:.8rem;text-decoration:none;display:flex}.role-badge{color:#64748b;font-size:.7rem}.admin-page,.profile-page{max-width:1000px;margin:0 auto;padding:1rem}.admin-tabs{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1.2rem;display:flex}.admin-add{grid-template-columns:1.4fr 1fr .8fr 1fr auto;gap:.5rem;margin-bottom:1rem;display:grid}.admin-add input,.admin-add select,.pw-form input{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .6rem}.admin-table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:right;border:1px solid #e2e8f0;padding:.45rem .6rem}.admin-table th{background:#f1f5f9}.admin-table tr.row-off td{opacity:.55}.admin-actions{white-space:nowrap;gap:.35rem;display:flex}.admin-cat{margin-bottom:1.5rem}.admin-cat-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.vis-cell select{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:.3rem .5rem}.vis-cell select.vis-supervisors{background:#fffbeb;border-color:#d97706}.vis-cell select.vis-admin{background:#fef2f2;border-color:#b91c1c}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.2rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.9rem;display:flex}.stat-card b{font-size:1.5rem}.stat-card span{color:#64748b;font-size:.8rem}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.profile-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:.4rem 0;display:flex}.profile-row:last-child{border-bottom:0}.profile-row span{color:#64748b}.pw-form{grid-template-columns:repeat(3,1fr) auto;gap:.5rem;display:grid}@media (width<=800px){.admin-add,.pw-form{grid-template-columns:1fr}}.ex-row td{background:#f8fafc}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.4rem 1rem;padding:.4rem;display:grid}.ex-item{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.ex-item select{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .4rem;font-size:.8rem}