@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/941d061a2bd9e7fe-s.p.3ik2qu-u9tgho.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,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-10EC7,U+10EC9-10EEE,U+10EF?,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:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8c532a9e54c928ea-s.0n4hkusom70ae.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/eafc238916777c01-s.19gzon4xl8qiz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3b5f3cdc08f76084-s.p.2vs72h_x6qrve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8a0c322f60e47dd1-s.p.3ihiqn4pviisd.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,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-10EC7,U+10EC9-10EEE,U+10EF?,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:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(../media/eb7f941472326ab6-s.00vfn3_g-ftpg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(../media/869c8e384c1a4ad0-s.3w3hylgez90of.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(../media/35a31ebad3e15f14-s.p.0c7ha31nuacbu.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/861d9be630ba44be-s.p.0da8nscnv1nkd.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,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-10EC7,U+10EC9-10EEE,U+10EF?,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:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d628deca0d2b8894-s.2x1j3gzzngp4x.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f050114b60feedcd-s.1jr_z050he_qo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4237cb37ca93cea7-s.p.1fbvi_fot8u4l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/420d6ef977b34540-s.p.0-uv4l43gdmt7.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,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-10EC7,U+10EC9-10EEE,U+10EF?,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:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/45feda2a8f9aca8b-s.0phk7_etl12r4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ea12dfd566bcbad2-s.3c64at4xi6rda.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1f5d786b20a99255-s.p.0iritm8hg8q1a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local(Arial);ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.0%;size-adjust:101.17%}.SUpHjq_className{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.SUpHjq_variable{--font-plex:"IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}table{table-layout:auto;border-collapse:collapse}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--danger\)\]{color:var(--danger)}}:root{--bg:#f3f6f8;--paper:#fff;--ink:#0b1f3a;--muted:#5a6b7d;--line:#d5dde6;--brand:#002d62;--brand-2:#00a651;--brand-soft:#e8f7ef;--danger:#b42318;--warn:#9a6700;--ok:#00a651;--shadow:0 8px 24px #002d6214;--radius:14px;--nav-w:250px;--mobile-top:68px;--mobile-bottom:76px}*{box-sizing:border-box}html,body{min-height:100%}html.modal-open,html.modal-open body{overscroll-behavior:none;overflow:hidden}html.modal-open .mobile-top,html.modal-open .mobile-bottom{visibility:hidden;pointer-events:none}body{background:radial-gradient(1200px 500px at 100% -10%, #d9ebe2 0%, transparent 55%), radial-gradient(900px 400px at 0% 0%, #e8f0eb 0%, transparent 50%), var(--bg);color:var(--ink);margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{width:100%;min-height:100vh;display:flex}.side-nav{width:var(--nav-w);flex:0 0 var(--nav-w);color:#eef7f2;background:linear-gradient(#002d62 0%,#001a3a 100%);flex-direction:column;align-self:flex-start;gap:8px;min-height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand-block{margin-bottom:8px}.brand-logo{background:#fff;border-radius:14px;width:100%;max-width:230px;height:auto;padding:10px;display:block}.brand-logo-sm{background:#fff;border-radius:10px;width:auto;height:52px;padding:5px 10px}.side-nav .brand-sub{color:#9fb4d0;margin:10px 0 8px;font-size:13px}.mobile-top,.mobile-bottom,.mobile-card-list{display:none}.desktop-table{display:block}.side-nav nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-link{color:#e5f2eb;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:700;display:block}.nav-link:hover{background:#ffffff14}.nav-link.active{color:#fff;background:#00a651}.side-nav .nav-foot{border-top:1px solid #ffffff1f;margin-top:12px;padding-top:14px;font-size:13px}.app-main{flex:1;min-width:0;max-width:1400px;padding:24px 28px 32px}.install-banner{color:var(--brand);background:linear-gradient(90deg,#e8f7ef 0%,#eef4fb 100%);border:1px solid #b7d8c7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.install-banner-text{flex-direction:column;gap:2px;font-size:13px;display:flex}.install-banner-text strong{font-size:14px}.install-banner-text span{color:var(--muted);font-weight:600}.install-banner-actions{flex-wrap:wrap;gap:6px;display:flex}.page-head{margin-bottom:16px}.page-head-tight{margin-bottom:10px}.page-head-tight .page-title{font-size:24px}.eyebrow{color:var(--brand-2);margin:0 0 6px;font-size:12px;font-weight:800}.page-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.page-sub{color:var(--muted);max-width:720px;margin:8px 0 0;font-size:14px}.card,.stat-card,.toolbar-card,.import-card,.table-shell,.info-banner,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:16px}.stack{flex-direction:column;gap:16px;display:flex}.stack.compact{gap:10px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-end{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:180px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stats-compact .stat-card{padding:12px 14px}.stats-compact .stat-value{margin-top:4px;font-size:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:1fr}}@media (max-width:900px){.app-shell{flex-direction:column}.side-nav{display:none}.mobile-top{z-index:40;min-height:var(--mobile-top);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #002d620f}.mobile-bottom{z-index:40;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));inset-inline:0;background:#fffffff5;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;box-shadow:0 -8px 24px #002d621a}.mobile-tab{text-align:center;color:#7a8794;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:6px 2px;font-size:11px;font-weight:800;display:flex}.mobile-tab-icon{justify-content:center;align-items:center;width:36px;height:28px;display:flex}.mobile-tab-label{line-height:1}.mobile-tab.active{color:var(--brand);background:linear-gradient(#e7f6ee 0%,#d8f0e4 100%);box-shadow:inset 0 0 0 1px #b7dcc8,0 4px 10px #002d6214}.mobile-tab.active .mobile-tab-icon{color:var(--brand-2)}.stats-grid,.two-col,.three-col{grid-template-columns:1fr 1fr}.stats-compact .stat-card{padding:10px 12px}.stats-compact .stat-value{font-size:16px}.app-main{padding:10px 12px 12px;padding-bottom:calc(var(--mobile-bottom) + 80px + env(safe-area-inset-bottom));max-width:none}.page-title{font-size:22px}.page-head{margin-bottom:12px}.control-bar{gap:6px}.desktop-table{display:none}.mobile-card-list{flex-direction:column;gap:10px;padding-bottom:24px;display:flex}.mobile-record{text-align:right;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:14px;padding:12px;display:block}.mobile-record.is-selected{border-color:var(--brand);background:#f4faf7}.mobile-record-head{align-items:flex-start;gap:8px;display:flex}.mobile-record-title{text-align:right;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.mobile-record-title strong{color:var(--brand);font-size:15px;font-weight:800}.mobile-record-title span,.mobile-record-meta{color:var(--muted);font-size:12px}.mobile-record-meta{margin:8px 0 6px}.mobile-check{align-items:center;padding-top:2px;display:flex}.mobile-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.mobile-amounts div{background:#f6f8fa;border-radius:10px;padding:8px}.mobile-amounts span{color:var(--muted);font-size:11px;font-weight:700;display:block}.mobile-amounts strong{margin-top:2px;font-size:13px;display:block}.mobile-record-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mobile-record .line-chips{margin-top:6px}.empty-note{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:12px;padding:16px}.toolbar-card,.control-bar,.filter-bar{gap:6px}.search-input{width:100%;min-width:0}.btn{min-height:40px}.btn-sm{min-height:34px}.mobile-top{padding-top:calc(8px + env(safe-area-inset-top))}.install-banner{margin-bottom:10px}.modal-root{padding:max(8px, env(safe-area-inset-top)) 8px max(12px, env(safe-area-inset-bottom));z-index:9999}.modal-sheet{border-radius:16px 16px 12px 12px;width:100%;max-width:none;max-height:100%}.modal-head{padding:12px 12px 10px}.modal-body{padding:0 12px 12px}.modal-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.modal-foot .btn{flex:1;min-height:44px}.statement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-bar-controls{flex-direction:column;align-items:stretch}.bulk-bar-controls .field-inline{justify-content:space-between;width:100%}.bulk-bar-controls input{flex:1;width:auto!important}}.login-page{background:radial-gradient(900px 420px at 100% 0%, #d9f0e4 0%, transparent 55%), radial-gradient(700px 360px at 0% 100%, #d6e4f5 0%, transparent 50%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:100%;max-width:420px}.login-brand{justify-content:center;margin-bottom:8px;display:flex}.login-brand img{border-radius:12px;width:min(260px,78vw);height:auto}.stat-card{padding:16px 18px}.stat-label{color:var(--muted);font-size:12px;font-weight:700}.stat-value{letter-spacing:-.02em;margin-top:6px;font-size:24px;font-weight:800}.stat-value.ok{color:var(--ok)}.stat-value.danger{color:var(--danger)}.toolbar-card{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.control-bar{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.field-inline{flex-direction:row;align-items:center;gap:6px}.field-inline span{white-space:nowrap}.field-inline input{width:72px;min-height:34px;padding:6px 8px}.file-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.file-chip:hover{background:#f7fbf8;border-color:#b7d8c7}.file-chip input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar .search-input{min-width:200px;min-height:36px;padding:7px 10px}.select-all-btn{border:1px solid var(--line);min-height:40px;color:var(--brand);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-weight:800;display:inline-flex}.select-all-btn.is-on,.select-all-icon.is-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.select-all-icon{width:32px;height:32px;color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.boot-splash{z-index:10000;opacity:1;background:radial-gradient(900px 420px at 50% 0,#d9f0e4 0%,#0000 55%),#f4f8f6;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 24px 56px;transition:opacity .35s;display:flex;position:fixed;inset:0}.boot-splash.is-done,.boot-splash[hidden]{opacity:0;pointer-events:none;visibility:hidden}.boot-logo{width:min(280px,72vw);height:auto;box-shadow:var(--shadow);opacity:0;background:#fff;border-radius:16px;padding:14px 18px;transform:translateY(-42vh)}.boot-splash.is-drop .boot-logo{animation:.85s cubic-bezier(.22,1,.36,1) forwards boot-logo-drop}.boot-title{color:var(--brand);text-align:center;opacity:0;max-width:280px;margin:0;font-size:20px;font-weight:800;transform:translateY(10px)}.boot-version{bottom:calc(22px + env(safe-area-inset-bottom));color:var(--muted);letter-spacing:.04em;margin:0;font-size:13px;font-weight:700;position:absolute}.boot-splash.is-title .boot-title{animation:.45s forwards boot-fade-up}.boot-dots{opacity:0;align-items:center;gap:10px;height:18px;display:flex}.boot-splash.is-dots .boot-dots{opacity:1}.boot-dots span{background:var(--brand);opacity:.25;border-radius:50%;width:10px;height:10px}.boot-splash.is-dots .boot-dots span{animation:1.1s ease-in-out infinite boot-dot}.boot-splash.is-dots .boot-dots span:nth-child(2),.boot-dots.is-on span:nth-child(2){animation-delay:.18s}.boot-splash.is-dots .boot-dots span:nth-child(3),.boot-dots.is-on span:nth-child(3){animation-delay:.36s}.boot-dots.is-on{opacity:1}.boot-dots.is-on span{animation:1.1s ease-in-out infinite boot-dot}.nav-loading{z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f4f8f6b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes boot-logo-drop{0%{opacity:0;transform:translateY(-42vh)}70%{opacity:1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-dot{0%,80%,to{opacity:.25;transform:translateY(0)scale(.85)}40%{opacity:1;transform:translateY(-5px)scale(1)}}.bulk-bar{background:var(--brand-soft);color:var(--brand);border:1px solid #b7d8c7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.bulk-bar-form{flex-direction:column;align-items:stretch}.bulk-bar-info{font-size:13px}.bulk-bar-controls{background:#fff;border:1px solid #c5ddcf;border-radius:10px;padding:8px 10px}.bulk-bar-controls .field-inline span{color:var(--muted)}.bulk-bar-controls input{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:8px;padding:6px 8px}.import-card{cursor:pointer;padding:12px;display:block}.import-card:hover{background:#f7fbf8;border-color:#b7d8c7}.import-card h3{margin:0 0 4px;font-size:14px}.import-card p{color:var(--muted);margin:0 0 8px;font-size:12px}.import-card input[type=file]{background:#f7fbf8;border:1px dashed #b7d8c7;border-radius:8px;width:100%;padding:8px;font-size:12px}input[type=file]::file-selector-button{background:var(--brand-soft);color:var(--brand);cursor:pointer;border:0;border-radius:8px;margin-inline-end:8px;padding:6px 10px;font-weight:700}.info-banner{background:var(--brand-soft);color:var(--brand);border-color:#b7d8c7;padding:12px 16px;font-size:14px;font-weight:600}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:#001a3a}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{background:#eef3f0}.btn-soft{background:var(--brand-soft);color:var(--brand);border-color:#c5ddcf}.btn-danger{color:var(--danger);background:#fdecea;border-color:#f3c6c2}.btn-sm{border-radius:7px;min-height:30px;padding:5px 9px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea,.search-input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;min-height:40px;padding:9px 12px}.search-input{flex:1;min-width:220px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700}.chip-active{background:var(--brand);border-color:var(--brand);color:#fff}.table-shell{max-width:100%;overflow:auto}table.data{border-collapse:collapse;table-layout:auto;width:100%;min-width:860px;font-size:13px}table.data th,table.data td{white-space:nowrap;overflow:visible}table.data th{text-align:right;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;z-index:1;background:#f2f6f4;padding:9px 10px;font-weight:800;position:sticky;top:0}table.data td{vertical-align:middle;border-bottom:1px solid #e8efea;padding:8px 10px}table.data tr:hover td{background:#f7fbf8}table.data tr.click-row{cursor:pointer}table.data tr.click-row:hover td{background:#eef7f2}table.data tr.row-selected td{background:#e7f4ee}table.data .name-cell{color:var(--brand);font-weight:800}table.data .num-danger{color:var(--danger);font-weight:800}table.data input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-ok{color:#0e5a3c;background:#e5f6ed}.badge-warn{color:#9a6700;background:#fff4d6}.badge-danger{color:#b42318;background:#fdecea}.badge-muted{color:#556;background:#eef1ef}.badge-stc{color:#0b5f8a;background:#e5f2fb}.badge-zain{color:#6b2d8b;background:#f3e9fb}.badge-device{color:#8a5a0b;background:#fff3df}.count-pill{border-radius:8px;justify-content:center;min-width:28px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.count-stc{color:#0b5f8a;background:#e5f2fb}.count-zain{color:#6b2d8b;background:#f3e9fb}.count-device{color:#8a5a0b;background:#fff3df}.count-zero{color:#99a39d;background:#f1f3f2}.line-chips{flex-wrap:wrap;gap:6px;display:flex}.line-chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.line-chip-co{letter-spacing:.02em;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:800}.line-chip.badge-stc .line-chip-co{color:#0b5f8a;background:#0b5f8a26}.line-chip.badge-zain .line-chip-co{color:#6b2d8b;background:#6b2d8b26}.line-chip.badge-device .line-chip-co{color:#8a5a0b;background:#8a5a0b26}.line-chip-num{color:var(--ink);font-weight:700}.line-chip-sep{opacity:.35;color:var(--muted);margin:0 1px;font-weight:400}.line-chip-pkg{color:#0e5a3c;background:#0e5a3c1a;border-radius:5px;padding:1px 6px;font-style:normal;font-weight:800}.line-chip.is-inactive{opacity:.55}.line-chip.badge-stc{border-color:#c5dcf0}.line-chip.badge-zain{border-color:#e0c8f0}.line-chip.badge-device{border-color:#efd7a8}table.customers-table th:nth-child(3),table.customers-table td:nth-child(3),table.customers-table th:nth-child(4),table.customers-table td:nth-child(4),table.customers-table th:nth-child(5),table.customers-table td:nth-child(5){text-align:center}.link-strong{color:var(--brand);cursor:pointer;text-align:right;background:0 0;border:0;padding:0;font-weight:800}.link-strong:hover{text-decoration:underline}.muted{color:var(--muted);font-size:12px}.actions{flex-wrap:wrap;gap:6px;display:flex}.modal-root{z-index:9999;isolation:isolate;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-backdrop{z-index:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a14108c;border:0;margin:0;padding:0;position:absolute;inset:0}.modal-sheet{z-index:1;background:var(--paper);border:1px solid var(--line);overscroll-behavior:contain;touch-action:auto;border-radius:16px;flex-direction:column;width:min(920px,100%);max-height:min(92dvh,920px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000002e}.modal-sheet.modal-wide{width:min(1100px,100%)}.modal-head{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 12px;display:flex}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.statement-year{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px}.statement-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.statement-cell{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:6px 4px;display:flex}.statement-month{color:var(--muted);font-size:11px;font-weight:800}.statement-value{font-size:12px;font-weight:800}.statement-amount{text-align:center;width:100%;max-width:72px;color:var(--brand);background:#fff;border:1px solid #b7d8c7;border-radius:6px;min-height:28px;padding:4px 6px;font-size:12px;font-weight:800}.statement-cell.is-paid{color:var(--ok);cursor:default;background:#e5f6ed;border-color:#b7d8c7}.statement-cell.is-unpaid{color:var(--danger);background:#fff8f7;border-color:#f0c9c4}.statement-cell.is-selected{outline:2px solid var(--brand);background:var(--brand-soft);color:var(--brand)}@media (max-width:900px){.statement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.line-box{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;margin-bottom:10px;padding:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:900px){.form-grid,.form-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.form-grid,.form-grid-4{grid-template-columns:1fr}}.portal-shell{background:radial-gradient(1200px 420px at 100% -80px, #00a65129, transparent 60%), linear-gradient(180deg, #eaf2f8 0%, var(--bg) 220px)}.portal-shell .app-main{max-width:720px;margin:0 auto;padding-top:18px}.portal-hero{margin-bottom:16px}.portal-hero-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.portal-avatar{color:#fff;background:linear-gradient(#00a651,#007a3d);border-radius:18px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 18px #00a65147}.portal-hello{color:var(--muted);margin:0;font-size:13px;font-weight:700}.portal-name{margin:2px 0 0;font-size:20px;font-weight:800;line-height:1.35}.portal-hero-copy h2{margin:0;font-size:26px;font-weight:800}.portal-hero-copy p{color:var(--muted);margin:6px 0 0;font-weight:600}.portal-stats{grid-template-columns:1.4fr repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.portal-stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:12px 10px}.portal-stat span{color:var(--muted);font-size:11px;font-weight:800;display:block}.portal-stat strong{margin-top:4px;font-size:16px;font-weight:800;display:block}.portal-list{flex-direction:column;gap:10px;display:flex}.portal-line{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-inline-start:5px solid #0b5f8a;border-radius:18px;padding:14px 16px}.portal-line.kind-zain{border-inline-start-color:#6b2d8b}.portal-line.kind-device{border-inline-start-color:#c48a1a}.portal-line-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.portal-line-num{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:10px 0 8px;font-size:26px;font-weight:800}.portal-line-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.portal-line-meta strong{color:var(--ink);font-size:16px}.portal-status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.portal-status.is-on{color:#0e5a3c;background:#e5f6ed}.portal-status.is-off{color:#667;background:#f1f3f2}.portal-empty,.portal-bill,.portal-profile,.portal-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px}.portal-empty{text-align:center;color:var(--muted);padding:28px 16px;font-weight:700}.portal-bill{text-align:center;color:#fff;background:linear-gradient(#002d62 0%,#003e7a 100%);border:0;padding:22px 18px 18px}.portal-bill-label{opacity:.8;margin:0;font-size:13px;font-weight:700}.portal-bill-amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:40px;font-weight:800}.portal-bill-sub{opacity:.82;margin:0 0 16px;font-weight:700}.portal-bill-note{opacity:.85;margin:0;font-size:13px;font-weight:600}.portal-pay{background:#00a651;border-color:#00a651;width:100%}.portal-section-title{margin:18px 0 10px;font-size:15px;font-weight:800}.portal-break{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.portal-break-num{font-variant-numeric:tabular-nums;margin-bottom:6px;font-weight:800}.portal-profile{margin-bottom:12px;padding:6px 4px}.portal-profile-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:12px 14px;display:flex}.portal-profile-row:last-child{border-bottom:0}.portal-profile-row span{color:var(--muted);font-weight:700}.portal-form{flex-direction:column;gap:12px;padding:16px;display:flex}.portal-logout{color:var(--brand);cursor:pointer;background:#002d6214;border:0;border-radius:999px;padding:8px 14px;font-weight:800}@media (max-width:900px){.portal-shell .mobile-bottom{grid-template-columns:repeat(3,1fr)}.portal-shell .mobile-top{background:#002d62;border-bottom:0}.portal-shell .brand-logo-sm{background:#fff}.portal-shell .portal-logout{color:#fff;background:#ffffff24}.portal-stats{grid-template-columns:1fr 1fr}.portal-bill-amount{font-size:34px}}@property --tw-font-weight{syntax:"*";inherits:false}