*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype")}:root{--font-sans:"IBM Plex Sans Arabic",system-ui,sans-serif;--color-primary:#574F47;--color-primary-hover:#443d37;--color-bronze:#A9834F;--color-bronze-hover:#7a5a30;--color-bg:#F5F0E8;--color-surface:#FFFFFF;--color-text:#2b2620;--color-muted:#625a4e;--color-border:#d3c7b1;--color-ghost-text:#574F47;--color-success:#1F5C3D;--color-danger:#a1231d;--color-soft:#efe9e2;--color-warn-bg:#fdf0d5;--color-ok-bg:#e8f0ea;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius:8px;--radius-lg:16px;--radius-full:999px;--text-xs:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--shadow-card:0 1px 3px rgba(60,50,40,.08),0 1px 2px rgba(60,50,40,.05)}:root[data-theme=dark]{--color-primary:#c9beb0;--color-primary-hover:#ddd3c6;--color-bronze:#c79a5f;--color-bronze-hover:#d8ad72;--color-bg:#1b1916;--color-surface:#26231f;--color-text:#ece7de;--color-muted:#b8afa0;--color-border:#4c463c;--color-ghost-text:#e8dfd0;--color-success:#5fbf8f;--color-danger:#e0736c;--color-soft:#322d26;--color-warn-bg:#3a3320;--color-ok-bg:#22322a;--shadow-card:0 1px 3px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.appshell{display:flex;min-height:100dvh;align-items:stretch}.appshell-aside{width:264px;flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto}.appshell-main{flex:1;min-width:0}.appshell-backdrop,.appshell-menubtn{display:none}@media (max-width:820px){.appshell-aside{position:fixed;top:0;right:0;height:100dvh;z-index:50;transform:translateX(100%);transition:transform .2s ease;box-shadow:-2px 0 12px rgba(60,50,40,.15)}.appshell-aside.open{transform:translateX(0)}.appshell-menubtn{display:inline-flex}.appshell-backdrop.open{display:block;position:fixed;inset:0;background:rgba(43,38,32,.35);z-index:40}}@keyframes albrrak-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dtable-wrap{overflow-x:auto}@media (max-width:820px){.dtable-wrap{overflow-x:visible;border:none;background:transparent}.dtable thead{display:none}.dtable,.dtable tbody,.dtable td,.dtable tr{display:block;width:100%}.dtable tr{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);padding:4px 0;margin-bottom:12px}.dtable td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:none!important;padding:6px 16px!important;text-align:end}.dtable td:before{content:attr(data-label);font-size:14px;font-weight:600;color:var(--color-muted);text-align:start;flex-shrink:0}.dtable td[data-label=""]:before{content:none}}:root{--gold:#C29A3B;--gold-d:#A57E27;--gold-l:#F4E9CC;--olive:#333829;--olive-2:#3f4533;--olive-3:#4b513d;--ink:#2A2E22;--cream:#FAF6EE;--canvas:#F4EEE1;--white:#ffffff;--surface:#FFFDF8;--green:#2E7D45;--green-d:#246438;--green-l:#E4F1E7;--red:#C1443A;--red-l:#FAE7E4;--amber:#D8992A;--amber-l:#FBF0D9;--blue:#3C6EA5;--blue-l:#E7EFF8;--line:#EAE2D2;--line-2:#E0D7C4;--muted:#8B8571;--muted-2:#A39C86;--shadow-xs:0 1px 2px rgba(51,56,41,.06);--shadow:0 2px 10px rgba(51,56,41,.07),0 1px 3px rgba(51,56,41,.05);--shadow-md:0 8px 24px rgba(51,56,41,.10),0 2px 6px rgba(51,56,41,.06);--shadow-lg:0 18px 50px rgba(51,56,41,.18),0 6px 16px rgba(51,56,41,.08);--ring:0 0 0 3px rgba(194,154,59,.28);--r-sm:9px;--r:13px;--r-md:16px;--r-lg:20px;--r-xl:26px;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.15s;--t:.22s;--t-slow:.4s;--pattern-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg fill='none' stroke='%23C29A3B' stroke-opacity='0.09' stroke-width='1'%3E%3Crect x='15' y='15' width='24' height='24' rx='2'/%3E%3Crect x='15' y='15' width='24' height='24' rx='2' transform='rotate(45 27 27)'/%3E%3C/g%3E%3C/svg%3E");--pattern-olive:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg fill='none' stroke='%23333829' stroke-opacity='0.05' stroke-width='1'%3E%3Crect x='15' y='15' width='24' height='24' rx='2'/%3E%3Crect x='15' y='15' width='24' height='24' rx='2' transform='rotate(45 27 27)'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:IBM Plex Sans Arabic,Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--canvas);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.quran,body{letter-spacing:0}.quran{font-family:Amiri,serif}button{cursor:pointer;border:none;background:none;color:inherit}button,input,select,textarea{font-family:inherit}a{color:inherit}::-moz-selection{background:rgba(194,154,59,.25)}::selection{background:rgba(194,154,59,.25)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:8px}img{max-width:100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{display:flex;min-height:100vh}.sidebar{width:264px;flex-shrink:0;background:var(--pattern-gold),linear-gradient(180deg,#3a3f30 0,#2c3125 100%);background-attachment:local;color:#F2ECDD;display:flex;flex-direction:column;position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:40;box-shadow:6px 0 30px rgba(30,33,24,.14)}.brand{padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.brand .logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,var(--gold),var(--gold-d));display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;margin-bottom:11px;box-shadow:0 6px 16px rgba(194,154,59,.4)}.brand h1{font-size:15.5px;font-weight:800;color:#fff;letter-spacing:0}.brand p{font-size:10.5px;opacity:.62;margin-top:3px;line-height:1.5}.roleswitch{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.roleswitch label{font-size:10px;opacity:.55;font-weight:600;display:block;margin-bottom:6px;letter-spacing:.4px}.roleswitch select{width:100%;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px 12px;font-size:13.5px;font-weight:700;cursor:pointer;transition:var(--t-fast) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23F2ECDD'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.roleswitch select:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}.nav{padding:12px 10px;flex:1;overflow-y:auto;overflow-x:hidden}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}.nav .grp{font-size:9.5px;opacity:.42;font-weight:800;padding:13px 13px 6px;letter-spacing:1.2px;text-transform:uppercase}.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;color:#E7E1D2;font-size:14px;font-weight:600;text-align:start;transition:var(--t-fast) var(--ease);margin-bottom:2px;position:relative;overflow:hidden}.nav button .ic{font-size:17px;width:22px;text-align:center;transition:transform var(--t) var(--spring)}.nav button:hover{background:rgba(255,255,255,.07);color:#fff}.nav button:hover .ic{transform:scale(1.12)}.nav button.active{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(194,154,59,.42)}.nav button.active:before{content:"";position:absolute;inset-inline-start:0;top:18%;height:64%;width:3px;background:#fff;border-radius:3px;opacity:.85}.nav button .cnt{position:absolute;inset-inline-end:11px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px rgba(193,68,58,.4)}.nav button.active .cnt{background:#fff;color:var(--gold-d)}.sidebar .who{padding:14px 18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.12)}.sidebar .who .dot{width:9px;height:9px;border-radius:50%;background:#79C77E;box-shadow:0 0 0 3px rgba(121,199,126,.22)}.main{flex:1;margin-inline-start:264px;min-width:0;display:flex;flex-direction:column}.topbar{background:rgba(255,253,248,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);padding:15px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;gap:12px}.topbar h2{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:0}.topbar .sub{font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}.topbar .right{gap:12px}.bell,.topbar .right{display:flex;align-items:center}.bell{position:relative;width:42px;height:42px;border-radius:12px;background:var(--cream);color:var(--olive);font-size:19px;justify-content:center;border:1px solid var(--line);transition:var(--t-fast) var(--ease)}.bell:hover{background:var(--gold-l);border-color:var(--gold)}.bell .cnt{position:absolute;top:-5px;inset-inline-start:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.bell .cnt,.offline{display:flex;align-items:center}.offline{gap:7px;font-size:11.5px;font-weight:700;background:var(--green-l);color:var(--green-d);padding:7px 13px;border-radius:20px;white-space:nowrap}.offline .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(46,125,69,.16)}.content{padding:26px 32px 64px;max-width:1320px;width:100%;animation:fadeUp .35s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));gap:14px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:17px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:var(--t) var(--ease)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.kpi:before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:var(--gold);border-radius:0 4px 4px 0}.kpi .v{font-size:27px;font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.5px}.kpi .l{font-size:12px;color:var(--muted);font-weight:600;margin-top:4px}.kpi .t{font-size:11px;margin-top:8px;font-weight:700}.kpi.ok .t{color:var(--green-d)}.kpi.warn .t{color:var(--amber)}.kpi.ok:before{background:var(--green)}.kpi.warn:before{background:var(--amber)}.kpi.bad:before{background:var(--red)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.panel-h{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(250,246,238,.5),transparent)}.panel-h h3{font-size:15.5px;font-weight:800;color:var(--ink)}.panel-h .hint{font-size:12px;color:var(--muted);font-weight:500}.panel-b{padding:20px 22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}.btn{border-radius:12px;padding:11px 19px;font-weight:800;font-size:14px;transition:var(--t-fast) var(--ease);display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-p{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;box-shadow:0 5px 14px rgba(194,154,59,.32)}.btn-p:hover{box-shadow:0 8px 20px rgba(194,154,59,.42);filter:brightness(1.04)}.btn-g{background:var(--cream);color:var(--olive);border:1px solid var(--line-2)}.btn-g:hover{background:var(--canvas);border-color:var(--muted-2)}.btn-green{background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;box-shadow:0 5px 14px rgba(46,125,69,.3)}.btn-green:hover{filter:brightness(1.05)}.btn-red{background:var(--red);color:#fff;box-shadow:0 5px 14px rgba(193,68,58,.28)}.btn-red:hover{filter:brightness(1.05)}.btn-o{border:1.5px solid var(--gold);color:var(--gold-d);background:var(--surface)}.btn-o:hover{background:var(--gold-l)}.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn:disabled:active{transform:none}.tabbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.tabbar button{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:11px 17px;font-weight:800;font-size:13.5px;color:var(--olive);transition:var(--t-fast) var(--ease);box-shadow:var(--shadow-xs)}.tabbar button:hover{border-color:var(--gold);transform:translateY(-1px)}.tabbar button.active{background:linear-gradient(135deg,var(--olive-2),var(--olive));color:#fff;border-color:var(--olive)}.tabbar button small{display:block;font-weight:500;font-size:10.5px;opacity:.72;margin-top:2px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;font-weight:600;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.sw{width:14px;height:14px;border-radius:5px;display:inline-block;border:1px solid rgba(0,0,0,.06)}.sw.green{background:var(--green)}.sw.grad{background:linear-gradient(90deg,var(--green) 55%,var(--amber) 55%)}.sw.red{background:var(--red)}.sw.empty{background:#fff;border:1.5px dashed #cfc7b4}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(194px,1fr));gap:14px}.scard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);padding:15px;cursor:pointer;transition:var(--t) var(--ease);position:relative;box-shadow:var(--shadow-xs)}.scard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold)}.scard .status{position:absolute;top:13px;inset-inline-end:13px;width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 3px var(--surface)}.st-green{background:var(--green)}.st-red{background:var(--red)}.st-empty{background:#fff;border:2px dashed #cfc7b4}.st-grad{background:conic-gradient(var(--amber) var(--p,50%),#EBE3D2 0)}.scard h4{font-size:15px;font-weight:800;margin-bottom:3px;padding-inline-end:22px;color:var(--ink)}.scard .meta{font-size:11px;color:var(--muted-2);margin-bottom:11px}.bar{height:9px;background:#EFE8D8;overflow:hidden;margin-bottom:7px}.bar,.bar i{border-radius:6px}.bar i{display:block;height:100%;transition:width var(--t-slow) var(--ease)}.scard .prog{font-size:12px;justify-content:space-between;color:var(--olive-2)}.scard .prog,.scard .pts{font-weight:800;display:flex}.scard .pts{font-size:11px;color:var(--gold-d);margin-top:8px;align-items:center;gap:5px}.overlay{position:fixed;inset:0;background:rgba(40,38,30,.5);backdrop-filter:blur(5px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}.overlay.show{display:flex;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--cream);border-radius:var(--r-xl);width:100%;max-width:580px;box-shadow:var(--shadow-lg);animation:pop .28s var(--spring);overflow:hidden}@keyframes pop{0%{transform:scale(.94) translateY(10px);opacity:0}to{transform:none;opacity:1}}.modal-h{background:var(--pattern-gold),linear-gradient(135deg,var(--olive-2),var(--olive));color:#fff;padding:19px 24px;display:flex;justify-content:space-between;align-items:center}.modal-h h3{font-size:17.5px;font-weight:800}.modal-h small{opacity:.72;font-size:12px}.modal-h .x{color:#fff;font-size:27px;line-height:1;opacity:.75;transition:var(--t-fast)}.modal-h .x:hover{opacity:1;transform:rotate(90deg)}.modal-b{padding:20px 24px}.sec{margin-bottom:18px}.sec .lbl{font-size:13px;font-weight:800;margin-bottom:10px;color:var(--ink);display:flex;align-items:center;gap:7px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:9px 16px;font-weight:800;font-size:13.5px;color:var(--olive);transition:var(--t-fast) var(--ease)}.chip:hover{border-color:var(--muted-2)}.chip.on-present{background:var(--green);color:#fff;border-color:var(--green)}.chip.on-late{background:var(--amber);color:#fff;border-color:var(--amber)}.chip.on-exc{background:var(--blue);color:#fff;border-color:var(--blue)}.chip.on-abs{background:var(--muted);color:#fff;border-color:var(--muted)}.ayahbox{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}.ayahrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ayahrow .from{font-size:13px;color:var(--muted);font-weight:600}.ayahrow .from b{color:var(--gold-d);font-size:16px}.autochip{font-size:10.5px;background:var(--amber-l);color:#96660A;padding:3px 9px;border-radius:8px;font-weight:800}.stepper{display:flex;align-items:center;gap:0;margin-top:12px;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;width:-moz-fit-content;width:fit-content;background:#fff}.stepper button{width:44px;height:44px;font-size:23px;background:var(--cream);color:var(--gold-d);font-weight:700;transition:var(--t-fast)}.stepper button:hover{background:var(--gold-l)}.stepper .val{min-width:128px;text-align:center;font-weight:800;font-size:15px;padding:0 8px}.stepper .val small{display:block;font-size:10.5px;color:var(--muted-2);font-weight:600}.achieve{margin-top:14px;background:var(--green-l);border-radius:13px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;transition:var(--t-slow) var(--ease)}.achieve.part{background:var(--amber-l)}.achieve.none{background:var(--red-l)}.achieve .big{font-size:26px;font-weight:800;color:var(--green-d)}.achieve.part .big{color:#96660A}.achieve.none .big{color:var(--red)}.achieve .lbl2{font-size:12px;font-weight:600;color:var(--muted)}.errbtns{display:flex;gap:9px;flex-wrap:wrap}.errbtn{flex:1;min-width:130px;border:1.5px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:center;transition:var(--t-fast) var(--ease)}.errbtn:hover{border-color:var(--gold);background:var(--surface);transform:translateY(-1px)}.errbtn .n{font-weight:800;font-size:14px}.errbtn .r{font-size:11px;color:var(--muted-2);font-weight:600;margin-top:2px}.errbtn .cnt{display:inline-block;min-width:22px;margin-top:7px;background:var(--olive);color:#fff;border-radius:8px;font-size:12px;font-weight:800;padding:2px 8px}.err-lafzi{border-top:3px solid var(--red)}.err-adi{border-top:3px solid var(--amber)}.err-shak{border-top:3px solid var(--blue)}.tasklist{margin-top:12px;display:flex;flex-direction:column;gap:7px}.taskrow{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 14px;font-size:12.5px;font-weight:700}.taskrow .pill{font-size:10.5px;font-weight:800;padding:2px 10px;border-radius:20px;background:var(--olive);color:#fff}.itqan{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:13px 16px;cursor:pointer;transition:var(--t-fast) var(--ease)}.itqan.on,.itqan:hover{border-color:var(--green)}.itqan.on{background:var(--green-l)}.itqan .box{width:25px;height:25px;border-radius:8px;border:2px solid #cfc7b4;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;transition:var(--t-fast) var(--spring);flex-shrink:0}.itqan.on .box{background:var(--green);border-color:var(--green)}.itqan .t{font-size:13px;font-weight:800}.itqan .d{font-size:11px;color:var(--muted-2);font-weight:500}.modal-f{padding:16px 24px;border-top:1px solid var(--line);gap:10px;background:var(--surface)}.modal-f,.timer{display:flex;align-items:center}.timer{font-size:12px;color:var(--muted-2);font-weight:700;gap:6px}.timer b{color:var(--gold-d)}.btn-save{flex:1}.toast{position:fixed;bottom:28px;inset-inline-start:50%;transform:translateX(50%) translateY(140px);background:linear-gradient(135deg,var(--olive-2),var(--olive));color:#fff;padding:15px 26px;border-radius:16px;box-shadow:var(--shadow-lg);z-index:200;transition:transform var(--t-slow) var(--spring);display:flex;align-items:center;gap:13px;max-width:90vw;border:1px solid rgba(255,255,255,.08)}.toast.show{transform:translateX(50%) translateY(0)}.toast .em{font-size:24px}.toast .tt{font-weight:800;font-size:14.5px}.toast .ts{font-size:12px;opacity:.85;margin-top:1px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px 13px;text-align:center;border-bottom:1px solid var(--line)}th{background:linear-gradient(180deg,var(--olive-2),var(--olive));color:#fff;font-weight:700;font-size:12.5px;position:sticky;top:0}th:first-child{border-start-start-radius:0}tbody tr{transition:background var(--t-fast)}tr:hover td{background:var(--cream)}tr:last-child td{border-bottom:none}td.s{text-align:start}.tag{font-size:11px;font-weight:800;padding:3px 11px;border-radius:20px;white-space:nowrap;display:inline-block}.tag.g{background:var(--green-l);color:var(--green-d)}.tag.a{background:var(--amber-l);color:#96660A}.tag.r{background:var(--red-l);color:var(--red)}.tag.b{background:var(--blue-l);color:var(--blue)}.tag.n{background:#EEEAE0;color:var(--muted)}.selrow{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.selrow button{border:1.5px solid var(--line);background:var(--surface);border-radius:11px;padding:8px 15px;font-weight:800;font-size:13px;color:var(--olive);transition:var(--t-fast) var(--ease)}.selrow button.active,.selrow button:hover{border-color:var(--gold)}.selrow button.active{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff}.ringwrap{display:flex;gap:22px;flex-wrap:wrap;justify-content:space-around}.ring{text-align:center}.ring svg{transform:rotate(-90deg);filter:drop-shadow(0 3px 8px rgba(51,56,41,.08))}.ring .lab{font-size:13px;font-weight:800;margin-top:8px;color:var(--ink)}.ring .sub2{font-size:11px;color:var(--muted-2);font-weight:600}.note{background:linear-gradient(180deg,var(--surface),var(--cream));border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:13px;padding:14px 17px;font-size:12.5px;color:#6E6857;margin-bottom:20px;line-height:1.7}.note b{color:var(--ink)}.lrow{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:10px;transition:var(--t-fast) var(--ease)}.lrow:hover{border-color:var(--line-2);box-shadow:var(--shadow-xs)}.lrow .av{width:44px;height:44px;border-radius:12px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;border:1px solid var(--line)}.lrow .info{flex:1;min-width:0}.lrow .info .t{font-weight:800;font-size:14px;color:var(--ink)}.lrow .info .d{font-size:11.5px;color:var(--muted-2);margin-top:2px}.lrow .acts{display:flex;gap:8px;flex-wrap:wrap}.market{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:15px}.mcard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);padding:17px;text-align:center;transition:var(--t) var(--ease);box-shadow:var(--shadow-xs)}.mcard:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-3px)}.mcard .ic{font-size:40px;margin-bottom:9px}.mcard .n{font-weight:800;font-size:15px;color:var(--ink)}.mcard .stk{font-size:11px;color:var(--muted-2);margin:4px 0 11px}.mcard .cost{font-weight:800;color:var(--gold-d);margin-bottom:11px;font-size:15px}.levbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:17px 19px;margin-bottom:20px;box-shadow:var(--shadow-xs)}.levbar .top{display:flex;justify-content:space-between;font-weight:800;font-size:13px;margin-bottom:10px;color:var(--ink)}.levbar .track{height:13px;background:#EFE8D8;border-radius:8px;overflow:hidden}.levbar .track i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--amber));border-radius:8px;transition:width var(--t-slow) var(--ease)}.badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.bdg{background:var(--green-l);color:var(--green-d);border-radius:12px;padding:8px 14px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px}.bdg.lock{background:#F0EEE7;color:var(--muted-2)}.qrbox{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center;padding:12px}.qr{width:154px;height:154px;background:#fff;border:2px solid var(--olive);border-radius:15px;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);padding:10px;gap:1px;box-shadow:var(--shadow)}.qr i{background:var(--olive);border-radius:1px}.qr i.o{background:transparent}.kiosk{background:var(--pattern-gold),linear-gradient(160deg,#3a3f30,#232719);border-radius:var(--r-xl);padding:38px;color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.kiosk h2{font-size:31px;color:var(--gold);margin-bottom:6px;font-weight:800}.kiosk .verse{font-family:Amiri,serif;font-size:21px;opacity:.88;margin-bottom:28px}.kiosk .board{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}@media(max-width:760px){.kiosk .board{grid-template-columns:1fr}}.kiosk .honor{background:rgba(255,255,255,.06);border:1px solid rgba(194,154,59,.35);border-radius:var(--r-md);padding:21px;backdrop-filter:blur(4px)}.kiosk .honor .ttl{color:var(--gold);font-weight:800;font-size:15px;margin-bottom:15px}.kiosk .honor .nm{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.kiosk .honor .nm:last-child{border-bottom:none}.kiosk .honor .nm .rk{width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#26261d;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:8px}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:800;margin-bottom:7px;color:var(--ink)}.field input,.field select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;background:#fff;transition:var(--t-fast) var(--ease);color:var(--ink)}.field input:hover,.field select:hover{border-color:var(--muted-2)}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:var(--ring);outline:none}.matrix td,.matrix th{font-size:12px}.authgate{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--pattern-olive),linear-gradient(150deg,var(--canvas),var(--cream));overflow:auto}.authcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:410px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .35s var(--spring)}.authcard .head{background:var(--pattern-gold),linear-gradient(140deg,var(--olive-2),var(--olive));color:#fff;padding:30px 28px 26px;text-align:center}.authcard .head .logo{width:58px;height:58px;border-radius:17px;margin:0 auto 14px;background:linear-gradient(140deg,var(--gold),var(--gold-d));display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 22px rgba(194,154,59,.45)}.authcard .head h2{font-size:19px;font-weight:800;margin-bottom:4px}.authcard .head p{font-size:12.5px;opacity:.8}.authcard .body{padding:26px 28px 28px}.autherr{color:var(--red);font-size:12.5px;font-weight:700;min-height:18px;margin-bottom:6px}.authswitch{text-align:center;margin-top:16px;font-size:12.5px;color:var(--muted)}.authswitch a{color:var(--gold-d);font-weight:800;cursor:pointer}.authswitch a:hover{text-decoration:underline}.mobonly{display:none}.hamb{width:40px;height:40px;border-radius:11px;background:var(--cream);color:var(--olive);font-size:19px;align-items:center;justify-content:center;border:1px solid var(--line)}.scrim{position:fixed;inset:0;background:rgba(40,38,30,.45);z-index:35;display:none;backdrop-filter:blur(1px)}.sidebar.open~.scrim{display:block;animation:fadeIn .2s var(--ease)}@media(max-width:860px){.sidebar{inset-inline-start:-280px;transition:inset-inline-start var(--t) var(--ease);width:280px}.sidebar.open{inset-inline-start:0;box-shadow:var(--shadow-lg)}.main{margin-inline-start:0}.mobonly{display:inline-flex}.content{padding:18px 16px 54px}.topbar{padding:13px 16px}.grid2{grid-template-columns:1fr}.kpi .v{font-size:24px}}@media(max-width:480px){.kpis{grid-template-columns:1fr 1fr;gap:11px}.topbar h2{font-size:17px}.modal-b,.panel-b{padding:16px}}