@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Thin-DdUiS1cj.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraLight-DNfybfsL.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Light-Byrs-DlH.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Regular-CtGL0YI-.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Medium-D86t5Axy.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-SemiBold-26ZP1ILp.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Bold-_OhAJEdh.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraBold-DCjt2qDm.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Black-DA1YqYMq.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-arabic-700-normal-y2SF5Ugl.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-700-normal-Di7FijZD.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-math-700-normal-DmYKmoQF.woff2) format("woff2"),url(/assets/noto-naskh-arabic-math-700-normal-D4XVzYKk.woff) format("woff");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-symbols-700-normal-DwFNUPmz.woff2) format("woff2"),url(/assets/noto-naskh-arabic-symbols-700-normal-DwJeo16u.woff) format("woff");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-latin-ext-700-normal-CmSYxLe0.woff2) format("woff2"),url(/assets/noto-naskh-arabic-latin-ext-700-normal-Bf9WJFV7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-latin-700-normal-DspUsbCj.woff2) format("woff2"),url(/assets/noto-naskh-arabic-latin-700-normal-BUWNdYbE.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{--surface: #f6f4ee;--surface-raised: #ffffff;--line: #ddd7cb;--line-strong: #878e89;--ink: #1b2622;--ink-muted: #55605b;--primary: #1e5a4a;--primary-strong: #133e33;--primary-tint: #e2ede8;--accent: #a9833a;--caution: #8a5b00;--critical: #b0281e}:root{--space-1: 4px;--space-2: 8px;--space-4: 16px;--space-6: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--font-display: "Noto Naskh Arabic", "Vazirmatn", serif;--font-ui: "Vazirmatn", Tahoma, sans-serif;--text-display: 700 40px/60px var(--font-display);--text-title: 700 22px/34px var(--font-ui);--text-heading: 600 17px/28px var(--font-ui);--text-body: 400 15px/26px var(--font-ui);--text-label: 500 13px/20px var(--font-ui);--text-caption: 400 12px/18px var(--font-ui);--text-figure: 700 28px/36px var(--font-ui)}.display{font-family:var(--font-display);font-size:40px;line-height:60px;font-weight:700;letter-spacing:0}.title{font-family:var(--font-ui);font-size:22px;line-height:34px;font-weight:700;letter-spacing:0}.heading{font-family:var(--font-ui);font-size:17px;line-height:28px;font-weight:600;letter-spacing:0}.body{font-family:var(--font-ui);font-size:15px;line-height:26px;font-weight:400;letter-spacing:0}.label{font-family:var(--font-ui);font-size:13px;line-height:20px;font-weight:500;letter-spacing:0}.caption{font-family:var(--font-ui);font-size:12px;line-height:18px;font-weight:400;letter-spacing:0}.figure{font-family:var(--font-ui);font-size:28px;line-height:36px;font-weight:700;letter-spacing:0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font:var(--text-body);letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}.muted{color:var(--ink-muted)}.t-title{font:var(--text-title);margin:0}.t-heading{font:var(--text-heading);margin:0}.t-label{font:var(--text-label)}.t-caption{font:var(--text-caption);color:var(--ink-muted)}.t-figure{font:var(--text-figure)}.t-display{font:var(--text-display);margin:0}.row{display:flex;align-items:center;gap:var(--space-2)}.row-4{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.grow{flex:1;min-width:0}.spacer{flex:1}.shell{display:grid;grid-template-rows:auto 1fr;min-height:100%}.header{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);min-height:56px;background-color:var(--primary-strong);color:var(--surface-raised);border-bottom:2px solid var(--accent)}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/khatam-tile.svg) repeat;background-size:48px 48px;opacity:.22;-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 55%);mask-image:linear-gradient(to left,transparent 0%,#000 55%)}.header>*{position:relative}.header .name{font:var(--text-heading);margin:0}.header .demo{font:var(--text-caption);color:var(--primary-tint);border:1px solid var(--primary-tint);border-radius:var(--radius-sm);padding:0 var(--space-2)}.header .user{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label)}.header button.icon{color:var(--surface-raised)}.body{display:grid;grid-template-columns:232px 1fr;min-height:0}.sidebar{background:var(--surface-raised);border-left:1px solid var(--line);padding:var(--space-4) 0}.sidebar .group{font:var(--text-caption);color:var(--ink-muted);padding:var(--space-4) var(--space-6) var(--space-1)}.sidebar a{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);color:var(--ink);font:var(--text-label);text-decoration:none}.sidebar a:hover{background:var(--primary-tint)}.sidebar a.active{background:var(--primary-tint);color:var(--primary)}.sidebar a.active:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--accent)}.sidebar .count{margin-inline-start:auto;font:var(--text-caption);background:var(--primary);color:var(--surface-raised);border-radius:var(--radius-sm);padding:0 var(--space-2)}.page{padding:var(--space-6);min-width:0}.page-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-head .actions{margin-inline-start:auto;display:flex;gap:var(--space-2);flex-wrap:wrap}.crumbs{font:var(--text-caption);color:var(--ink-muted);margin-bottom:var(--space-1)}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.card>.card-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.card>.card-head .t-heading{flex:1}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.divider{border:0;border-top:1px solid var(--line);margin:var(--space-4) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:var(--text-label);cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--primary-tint);text-decoration:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--surface-raised)}.btn.primary:hover,.btn.primary:active{background:var(--primary-strong);border-color:var(--primary-strong)}.btn.danger{color:var(--critical);border-color:var(--critical)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--primary-tint)}.btn.small{min-height:28px;padding:0 var(--space-2)}.btn:disabled{opacity:.55;cursor:not-allowed}button.icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--ink-muted)}button.icon:hover{background:var(--primary-tint);color:var(--ink)}.header button.icon:hover{background:var(--primary);color:var(--surface-raised)}.link{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font:inherit}.link:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field>label,.field>.label{font:var(--text-label);color:var(--ink)}.field .req{color:var(--critical);margin-inline-start:var(--space-1)}.field .hint{font:var(--text-caption);color:var(--ink-muted)}.field .error{font:var(--text-caption);color:var(--critical)}.input,select.input,textarea.input{width:100%;min-height:36px;padding:var(--space-1) var(--space-2);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink)}textarea.input{min-height:88px;resize:vertical;padding:var(--space-2)}.input::placeholder,.combo .box input::placeholder{color:var(--ink-muted);opacity:.75}.input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.input.invalid{border-color:var(--critical)}.input[readonly]{background:var(--surface)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-inline-start:36px}.input-wrap>svg{position:absolute;inset-inline-start:var(--space-2);color:var(--ink-muted);pointer-events:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.form-grid .wide{grid-column:span 2}.form-grid .full{grid-column:1 / -1}.check{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--text-body);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--primary);margin:0}.seg{display:inline-flex;width:fit-content;align-self:flex-start;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:0;background:var(--surface-raised);padding:var(--space-1) var(--space-4);font:var(--text-label);cursor:pointer}.seg button+button{border-inline-start:1px solid var(--line-strong)}.seg button.on{background:var(--primary);color:var(--surface-raised)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:28px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);font:var(--text-label)}.chip.on{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.chip button{border:0;background:none;padding:0;display:inline-flex;color:var(--ink-muted);cursor:pointer}.chip button:hover{color:var(--critical)}.combo{position:relative}.combo .box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:text}.combo .box.invalid{border-color:var(--critical)}.combo .box:focus-within{outline:2px solid var(--primary);outline-offset:2px}.combo .box input{border:0;outline:0;flex:1;min-width:80px;background:transparent;padding:0}.combo .box .chip{min-height:24px}.combo .menu{position:absolute;z-index:30;inset-inline:0;top:calc(100% + var(--space-1));max-height:280px;overflow:auto;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-1) 0}.combo .menu:not(.cal) button{display:flex;width:100%;align-items:center;gap:var(--space-2);text-align:start;border:0;background:none;padding:var(--space-1) var(--space-4);cursor:pointer;font:var(--text-body)}.combo .menu:not(.cal) button:hover,.combo .menu:not(.cal) button.hot{background:var(--primary-tint)}.combo .menu.cal{inset-inline-start:0;inset-inline-end:auto;width:296px;padding:var(--space-2)}.cal .cal-head{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.cal .cal-head .t-label{flex:1;text-align:center;white-space:nowrap}.cal .grid-cells{display:grid;gap:2px;text-align:center}.cal button.cell{border:1px solid transparent;background:none;padding:var(--space-1) 0;border-radius:var(--radius-sm);cursor:pointer;font:var(--text-body);color:var(--ink)}.cal button.cell:hover{background:var(--primary-tint)}.cal button.cell.on{background:var(--primary);color:var(--surface-raised)}.cal button.cell.today{border-color:var(--primary)}.combo .menu .none{padding:var(--space-2) var(--space-4);color:var(--ink-muted);font:var(--text-caption)}.combo .menu .sel{margin-inline-start:auto;color:var(--primary)}.table-wrap{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);overflow:auto}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:start;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);vertical-align:middle}table.data th{font:var(--text-label);color:var(--ink-muted);background:var(--surface-raised);position:sticky;top:0;z-index:1;white-space:nowrap}table.data th button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1)}table.data td{font:var(--text-body)}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr:hover,table.data tbody tr.selected{background:var(--primary-tint)}table.data td.num,table.data th.num{font-variant-numeric:tabular-nums}table.data .sel{width:40px}.table-foot{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--line);font:var(--text-label);color:var(--ink-muted)}.pager{display:flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font:var(--text-label);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);white-space:nowrap;line-height:16px}.badge.verified{background:var(--primary);border-color:var(--primary);color:var(--surface-raised)}.badge.needs_check,.badge.caution{color:var(--caution);border-color:var(--caution)}.badge.unverified,.badge.critical{color:var(--critical);border-color:var(--critical)}.badge.quiet{border-color:var(--line);color:var(--ink-muted)}.badge.primary-line{color:var(--primary);border-color:var(--primary)}.notice{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised)}.notice.caution{border-color:var(--caution);color:var(--ink)}.notice.caution>svg{color:var(--caution);flex:none;margin-top:3px}.notice.critical{border-color:var(--critical)}.notice.critical>svg{color:var(--critical);flex:none;margin-top:3px}.notice.info>svg{color:var(--primary);flex:none;margin-top:3px}.empty{padding:var(--space-6);text-align:center;color:var(--ink-muted)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line);margin-bottom:var(--space-6);overflow-x:auto}.tabs button,.tabs a{border:0;background:none;padding:var(--space-2) var(--space-4);font:var(--text-label);color:var(--ink-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}.tabs button.on,.tabs a.on{color:var(--primary);border-bottom-color:var(--primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1b262273;display:grid;place-items:center;padding:var(--space-6)}.dialog{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.dialog.wide{width:min(820px,100%)}.dialog .foot{display:flex;gap:var(--space-2);justify-content:flex-end}.toasts{position:fixed;z-index:60;bottom:var(--space-6);inset-inline-start:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.toast{min-width:280px;max-width:420px;display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--surface-raised);border-radius:var(--radius-md);font:var(--text-label)}.toast.error{background:var(--critical)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.kpi{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);text-align:start;font:inherit;color:inherit}button.kpi{cursor:pointer}button.kpi:hover{border-color:var(--primary)}.kpi .t-figure{color:var(--ink)}.kpi .unit{font:var(--text-label);color:var(--ink-muted)}.chart{width:100%;height:320px}.chart.tall{height:460px}.filterbar{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.filterbar .field{min-width:200px}.bars{display:flex;flex-direction:column;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:minmax(96px,34%) 1fr auto;align-items:center;gap:var(--space-2);font:var(--text-label);text-align:start;background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}.bar-row:hover .bar-fill{background:var(--primary-strong)}.bar-row .bar-track{height:12px;background:var(--surface);border-radius:var(--radius-sm);overflow:hidden}.bar-row .bar-fill{height:100%;background:var(--primary)}.bar-row .bar-val{font:var(--text-caption);color:var(--ink-muted);min-width:64px;text-align:end}.map-legend{display:flex;align-items:center;gap:var(--space-2);font:var(--text-caption);color:var(--ink-muted)}.map-legend .ramp{width:160px;height:8px;border-radius:var(--radius-sm);background:linear-gradient(to left,var(--primary-tint),var(--primary-strong));border:1px solid var(--line)}.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}.login .panel{position:relative;background:var(--primary-strong);color:var(--surface-raised);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);overflow:hidden}.login .panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/khatam-tile.svg) repeat;background-size:64px 64px;opacity:.4}.login .panel>*{position:relative}.login .panel .t-display{color:var(--surface-raised)}.login .panel p{color:var(--primary-tint);margin:var(--space-2) 0 0}.login .side{display:grid;place-items:center;padding:var(--space-6)}.login .box{width:min(400px,100%);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.profile-head{display:flex;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) var(--space-6);margin:0}.facts div{min-width:0}.facts dt{font:var(--text-label);color:var(--ink-muted)}.facts dd{margin:0;font:var(--text-body);overflow-wrap:anywhere}.timeline{display:flex;flex-direction:column}.timeline .item{display:grid;grid-template-columns:160px 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.timeline .item:last-child{border-bottom:0}.changes{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.changes li{font:var(--text-body)}.changes .old{color:var(--ink-muted);text-decoration:line-through}.with-aside{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.with-side-list{grid-template-columns:260px minmax(0,1fr);align-items:start}.dup-panel{position:sticky;top:var(--space-6)}.dup-item{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.dup-item.strong{border-color:var(--critical)}.dup-item.probable{border-color:var(--caution)}.progress{height:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary)}.sms-text{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--ink-muted)}@media (max-width: 1100px){.grid-4,.grid-3,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.body{grid-template-columns:1fr}.sidebar{display:flex;overflow-x:auto;padding:0;border-left:0;border-bottom:1px solid var(--line)}.sidebar .group{display:none}.sidebar a{white-space:nowrap;padding:var(--space-2) var(--space-4)}.sidebar a.active:before{inset:auto 0 0 0;width:auto;height:3px}.page{padding:var(--space-4)}.grid-2,.grid-3,.grid-4,.form-grid,.facts,.with-aside,.with-side-list{grid-template-columns:1fr}.with-aside>.dup-panel{position:static;order:-1}.span-2,.form-grid .wide{grid-column:auto}.login{grid-template-columns:1fr}.login .panel{min-height:180px}.header .demo{display:none}.timeline .item{grid-template-columns:1fr;gap:var(--space-1)}.table-wrap table.data{min-width:680px}.table-wrap table.data td,.table-wrap table.data th{white-space:nowrap}}@media print{.sidebar,.header button,.page-head .actions,.filterbar{display:none!important}.body{grid-template-columns:1fr}}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.tour-dim{position:fixed;pointer-events:auto;transition:all .2s ease}.tour-ring{position:fixed;border:2px solid var(--surface-raised);outline:2px solid var(--primary);border-radius:var(--radius-md);pointer-events:none;transition:all .2s ease}.tour-card{position:fixed;pointer-events:auto;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(100vh - 32px);overflow:auto}.tour-body{font:var(--text-body);color:var(--ink)}.tour-body p{margin:0 0 var(--space-2)}.tour-body ul{margin:0;padding-inline-start:var(--space-4)}.tour-body b{font-weight:600}.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2)}.guide-item{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);text-align:start;padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font:var(--text-body);cursor:pointer}.guide-item:hover{border-color:var(--primary);background:var(--primary-tint)}.header .btn.on-header{background:transparent;color:var(--surface-raised);border-color:var(--primary-tint)}.header .btn.on-header:hover{background:var(--primary)}.header .btn.on-header.lead{background:var(--primary);border-color:var(--surface-raised)}.course-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary-tint)}.course-order{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);color:var(--ink-muted)}.course-order .chip{font:var(--text-caption);color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-2)}@media (max-width: 820px){.hide-narrow{display:none}}
