:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#152343;background:#f5f7fd;font-family:Tahoma,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.application{min-height:100vh;display:flex}.sidebar{color:#f7faff;background:#111f38;flex-direction:column;flex-shrink:0;gap:22px;width:256px;padding:25px 19px;display:flex}.brand{align-items:center;gap:13px;padding:4px 7px;display:flex}.brandmark{background:#fff;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.brand strong{font-size:22px;display:block}.brand small{color:#a6bee2;margin-top:4px;font-size:12px;display:block}.nav-label{color:#8ca6ce;margin:12px 15px -10px;font-size:12px}.nav-link{color:#cadaf7;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;font-weight:700;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#293e61}.nav-icon{text-align:center;width:23px;font-size:18px}.sidebar-foot{flex-direction:column;gap:15px;margin-top:auto;padding:9px;display:flex}.mode{color:#8edab1;font-size:12px}.logout{color:#fff;background:0 0;border:1px solid #556789;border-radius:10px;padding:10px}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e6eaf2;justify-content:space-between;align-items:center;gap:12px;padding:25px 38px;display:flex}.eyebrow{color:#6a7c99;font-size:12px}.topbar h1{margin:8px 0 0;font-size:23px}.goto{color:#294f99;background:#f1f5fd;border-radius:9px;padding:10px 15px;font-size:12px}.main-inner{max-width:1340px;margin:auto;padding:32px 38px}.intro h2{margin:0 0 12px;font-size:19px}.intro p{color:#647391;margin:0 0 25px;font-size:13px;line-height:2}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{background:#fff;border:1px solid #e8ecf6;border-radius:15px;flex-direction:column;gap:10px;padding:22px;display:flex;box-shadow:0 4px 19px #0c1a3506}.stat span{color:#60708a;font-size:13px}.stat strong{text-align:right;color:#203c72;font-size:28px}.stat small{color:#7287aa;font-size:12px}.info{color:#24406b;background:#eaf1ff;border-radius:15px;margin-top:24px;padding:21px;font-size:13px;line-height:2}.info p{margin:4px 0 0}.quick-links{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.quick-links a{color:#3d5d9d;background:#fff;border:1px solid #e5e9f2;border-radius:11px;padding:15px;font-size:13px}.table-card{background:#fff;border:1px solid #e7ebf3;border-radius:15px;overflow:hidden}.table-meta{color:#667895;background:#fafdff;border-bottom:1px solid #e7ebf3;justify-content:space-between;align-items:center;padding:16px 20px;font-size:12px;display:flex}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{text-align:right;color:#596c8a;background:#f6f8fc;padding:17px;font-weight:600}td{color:#233657;border-top:1px solid #eef0f5;padding:17px}tbody tr:hover{background:#f8faff}.empty{text-align:center;color:#7d8ca4;padding:35px}.searchbar{gap:10px;margin-bottom:20px;display:flex}.searchbar input{background:#fff;border:1px solid #dde5f2;border-radius:11px;width:360px;min-width:0;max-width:100%;padding:13px}.searchbar button,.login-form button{color:#fff;background:linear-gradient(120deg,#295ce3,#533ae8);border:0;border-radius:11px;padding:13px 21px;font-weight:600}.login-layout{background:radial-gradient(at 100% 0,#dbe8ff,#0000 60%),#f6f8fe;place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:440px;padding:40px 38px;box-shadow:0 20px 90px #1e376a21}.login-logo{justify-content:center;display:flex}.login-panel h1{margin:12px 0;font-size:24px}.subtle{color:#6b7894;font-size:13px;line-height:2}.login-form{text-align:right;flex-direction:column;gap:16px;margin-top:27px;display:flex}.login-form label{color:#415272;gap:8px;font-size:13px;font-weight:600;display:grid}.login-form input{color:#233752;border:1px solid #dbe1ed;border-radius:11px;outline-color:#5271e4;padding:13px}.login-form button{margin-top:5px}.login-form button:disabled{opacity:.6}.error{color:#ab2437;background:#fff0f2;border-radius:9px;padding:11px;font-size:12px}.footnote{color:#8c98ae;margin-top:23px;font-size:12px}.error-panel{color:#8c2525;background:#fff3f3}@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:205px}.main-inner,.topbar{padding:22px}}@media (max-width:640px){.application{display:block}.sidebar{gap:12px;width:auto;padding:12px}.sidebar nav{flex-direction:row;padding-bottom:7px;overflow-x:auto}.nav-link{white-space:nowrap;padding:9px 12px}.nav-label,.sidebar-foot{display:none}.brandmark{width:42px;height:42px}.brandmark img{width:39px;height:39px}.brand strong{font-size:17px}.brand small{font-size:11px}.topbar h1{font-size:18px}.topbar{padding:20px 15px}.main-inner{padding:20px 13px}.goto{padding:8px;font-size:11px}.stat-grid{gap:9px}.stat{padding:17px 13px}.stat strong{font-size:21px}.searchbar input{flex:1;width:100px}.login-panel{padding:30px 22px}}.sidebar{scrollbar-width:thin;max-height:100vh;position:sticky;top:0;overflow:auto}.sidebar nav{padding-bottom:10px}.nav-link{padding:10px 12px;font-size:13px}.main-inner{max-width:1500px}.muted{color:#75849c;font-size:12px;line-height:1.9}.data-panel{background:#fff;border:1px solid #e7ecf5;border-radius:16px;margin-top:19px;padding:24px}.data-panel h3{color:#253d66;margin:0 0 12px;font-size:17px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-head p{color:#8290a5;font-size:12px}.trend-chart{direction:ltr;align-items:flex-end;gap:5px;height:170px;margin:30px 0 0;display:flex}.trend-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.trend-bars{border-bottom:1px solid #d7dfeb;justify-content:center;align-items:flex-end;gap:2px;width:100%;height:calc(100% - 24px);display:flex}.trend-bars span{border-radius:5px 5px 0 0;width:min(15px,35%);min-height:1px;display:block}.trend-income{background:#18a78b}.trend-expense{background:#efa653}.trend-item small{color:#7284a1;direction:ltr;margin-top:7px;font:10px Tahoma,Arial}.legend{color:#536882;justify-content:center;gap:20px;padding:15px 0 0;font-size:12px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-green{background:#18a78b}.dot-orange{background:#efa653}.note{color:#2e507a;background:#f0f5ff}.inline-notice{margin:0 0 18px;padding:14px 18px}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.small-link{color:#24549c;background:#eff4fc;border-radius:9px;padding:9px 13px;font-size:12px;display:inline-block}.table-scroll{overflow:auto}.table-scroll th,.table-scroll td{text-align:right}.table-scroll tbody tr{height:52px}.state-yes{color:#087a4b}.state-no{color:#934141}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.profile-item{overflow-wrap:anywhere;background:#fff;border:1px solid #e5e9f2;border-radius:12px;gap:12px;min-width:0;padding:16px;display:grid}.profile-item span{color:#70809e;font-size:12px}.profile-item strong{color:#243b68;font-size:15px}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.report-grid .data-panel{min-width:0;margin-top:0}.compact-rows{gap:9px;display:grid}.compact-rows>div{background:#f6f9ff;border-radius:8px;grid-template-columns:1fr 1fr;gap:7px;padding:10px;font-size:12px;display:grid}.compact-rows small{color:#7487a6;grid-column:span 2}.manage-user{gap:12px;max-width:690px;display:grid}.manage-user label{color:#465776;font-size:13px}.manage-user textarea{resize:vertical;min-height:80px;font:inherit;border:1px solid #d8e3f1;border-radius:10px;padding:11px}.action-button{color:#fff;font:inherit;cursor:pointer;background:#204bc2;border:0;border-radius:10px;padding:11px 19px;font-size:13px}.action-button:disabled{opacity:.5;cursor:not-allowed}.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.monitor-card{background:#fff;border:1px solid #e1e9f4;border-radius:13px;padding:18px}.monitor-card h3{font-size:15px}.monitor-card p{color:#7c8ca4;font-size:12px;line-height:1.8}.pill{border-radius:15px;padding:5px 9px;font-size:10px;display:inline-block}.pill.ok{color:#0b7255;background:#dff7e9}.pill.bad{color:#ab6624;background:#fff1df}.analysis-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.analysis-choice{text-align:right;color:#294169;cursor:pointer;background:#f8faff;border:1px solid #dfe6f3;border-radius:12px;gap:8px;padding:17px;display:grid}.analysis-choice.selected{background:#eff4ff;border-color:#305dcb}.analysis-choice strong{font-size:14px}.analysis-choice span{color:#8794a8;font-size:12px}.actions-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.ai-result{white-space:pre-wrap;background:#f6faff;border:1px solid #cddcf4;border-radius:12px;margin-top:20px;padding:25px;font-size:14px;line-height:2.2}@media (max-width:1100px){.report-grid,.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sidebar{max-height:none;position:relative}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.report-grid,.monitor-grid,.analysis-choices{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-chart{gap:2px}.trend-item small{font-size:9px}.sidebar{overflow:visible}.sidebar nav{overflow-x:auto}}:root{font-family:Segoe UI,Noto Sans Arabic,Tahoma,Arial,sans-serif}.main-inner{width:100%;max-width:1900px;padding:26px clamp(18px,2.5vw,46px) 56px}.topbar{padding:17px clamp(18px,2.5vw,46px)}.topbar h1{font-size:21px}.sidebar{gap:10px;width:254px;padding:21px 13px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar .nav-link{padding:11px 13px;font-size:13px;line-height:1.6}.nav-group{border-radius:12px}.nav-group>summary{color:#c6d6ef;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 13px;font-size:13px;font-weight:700;list-style:none;display:flex}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:focus-visible,.nav-link:focus-visible{outline-offset:2px;outline:2px solid #b9d4ff}.nav-group>summary:hover,.nav-group[open]>summary{color:#fff;background:#203454}.nav-group-icon{text-align:center;width:23px;font-size:17px}.nav-chevron{opacity:.8;margin-right:auto;transition:transform .18s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-submenu{border-right:1px solid #425775;flex-direction:column;gap:2px;margin-right:18px;padding:4px 10px 8px 0;display:flex}.nav-submenu .nav-link{padding:8px 10px;font-size:12px}.nav-submenu .nav-icon{width:20px;font-size:14px}.overview{color:#1d3050;width:100%;max-width:100%}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:11px;display:flex}.overview-header h2{margin:0;font-size:23px;line-height:1.6}.overview-header p{color:#71809c;margin:3px 0 0;font-size:13px;line-height:1.9}.date-picker-bar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.period-tabs{background:#fff;border:1px solid #e1e8f3;border-radius:12px;gap:3px;padding:4px;display:flex}.period-tab,.custom-period-form button{color:#506583;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:9px 13px;font-size:12px;display:inline-flex}.period-tab:hover,.period-tab.selected,.custom-period-form button.selected{color:#2148a1;background:#eaf1ff;font-weight:700}.custom-period-form{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.custom-period-form label{color:#70819a;align-items:center;gap:4px;font-size:11px;display:flex}.custom-period-form input{color:#23395b;direction:ltr;background:#fff;border:1px solid #e0e6f1;border-radius:9px;width:119px;min-width:0;padding:8px 5px;font:12px Arial,sans-serif}.custom-period-form button{cursor:pointer;background:#fff;border:1px solid #d9e4f4}.period-caption{color:#71809c;margin:0 0 22px;font-size:11px}.overview-notice{margin:0 0 18px;padding:12px 17px}.attention-panel{color:#885117;background:#fff7ed;border:1px solid #f4dac0;border-radius:17px;align-items:center;gap:16px;margin:0 0 26px;padding:20px 22px;display:flex}.attention-panel .attention-icon{background:#ffead3;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.attention-panel strong{font-size:15px}.attention-panel p{margin:6px 0 0;font-size:12px;line-height:1.9}.attention-action{white-space:nowrap;color:#8d4e12;background:#fff;border:1px solid #f0d2af;border-radius:10px;margin-right:auto;padding:10px 16px;font-size:12px;font-weight:700}.attention-quiet{color:#287259;background:#f0f8f5;border-color:#d4eade}.attention-quiet .attention-icon{background:#ddf4e9}.attention-quiet .attention-action{color:#287259;border-color:#cfe7d9}.kpi-section-head{justify-content:space-between;align-items:center;gap:14px;margin:23px 0 13px;display:flex}.kpi-section-head h3{margin:0;font-size:16px}.kpi-section-head span{color:#8190a6;font-size:12px}.dashboard-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-metric{background:#fff;border:1px solid #e2e9f3;border-radius:16px;min-width:0;padding:19px 20px;box-shadow:0 4px 16px #1e3c6e06}.metric-label{color:#61748f;margin-bottom:16px;font-size:13px;display:block}.metric-main{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.metric-main strong{font-variant-numeric:tabular-nums;color:#182d53;direction:ltr;font-family:Arial,Segoe UI,Tahoma,sans-serif;font-size:clamp(24px,2vw,31px);line-height:1.35}.metric-main span{color:#8797ae;font-size:11px}.metric-comparison{color:#8a96a9;min-height:18px;margin-top:14px;font-size:11px}.delta-up{color:#167957}.delta-down{color:#b05a31}.delta-neutral{color:#59718d}.metric-not-available{color:#8293a7!important}.overview-secondary-row{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:16px;margin-top:24px;display:grid}.overview-card{background:#fff;border:1px solid #e3eaf4;border-radius:17px;min-width:0;padding:22px}.overview-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.overview-card-head h3{color:#253a59;margin:0;font-size:16px}.overview-card-head p{color:#8492a7;margin:7px 0 0;font-size:11px}.overview-card-head .legend{gap:10px;padding:0}.inline-text-link{color:#2454ab;background:#f4f7fd;border-radius:9px;padding:9px 11px;font-size:12px}.chart-empty{text-align:center;color:#68809b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;padding:16px;display:flex}.chart-empty strong{color:#344e76;font-size:14px}.chart-empty p{max-width:380px;margin:0;font-size:12px;line-height:1.9}.empty-symbol{color:#b1bfd0;font-size:30px}.smart-chart{align-items:end;gap:3px;min-height:230px;padding:20px 0 0;display:flex}.smart-chart-day{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:0;height:210px;display:flex}.smart-chart-bars{border-bottom:1px solid #dfe7f0;justify-content:center;align-items:end;gap:2px;width:100%;height:180px;display:flex;overflow:hidden}.smart-chart-bars div{border-radius:5px 5px 0 0;width:33%;max-width:24px;min-height:0}.income-bar{background:#15a487}.cost-bar{background:#ed9c45}.smart-chart-day small{color:#8292a7;white-space:nowrap;direction:ltr;height:18px;margin-top:8px;font:10px Arial,sans-serif}.recent-payment-list{margin-top:18px}.payment-row{border-top:1px solid #e9edf4;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.payment-row>div{gap:5px;display:grid}.payment-gateway{color:#304a70;font-size:12px;font-weight:700}.payment-row small{color:#8795a8;text-align:right;direction:ltr;font-size:10px}.payment-row-left{text-align:left}.payment-row-left strong{color:#263c5f;font:700 13px Arial,Tahoma,sans-serif}.payment-pill{color:#47627e;background:#edf2f9;border-radius:30px;width:max-content;padding:3px 9px;font-size:10px;display:inline-block}.payment-pill.needs-attention{color:#96571a;background:#fff1db}.empty-recent{color:#8996a8;text-align:center;padding:30px 0;font-size:12px}.overview-bottom{background:#eef3fc;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px 22px;display:flex}.overview-bottom strong{font-size:13px}.overview-bottom p{color:#6f829d;margin:7px 0 0;font-size:11px;line-height:1.9}.overview-bottom .quick-links{gap:8px;margin:0}.overview-bottom .quick-links a{background:#fff;padding:10px 12px;font-size:11px}@media (max-width:1250px){.overview-secondary-row{grid-template-columns:1fr}.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sidebar{width:210px}.main-inner{padding:23px 16px}.nav-submenu{margin-right:8px}}@media (max-width:640px){.sidebar{width:100%;max-height:none;position:relative;overflow:visible}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar .nav-label{margin:7px 10px;display:block}.nav-group>summary{padding:9px 10px}.nav-submenu{border:0;padding:8px 5px}.nav-submenu .nav-link{white-space:normal}.overview-header{flex-direction:column}.date-picker-bar,.custom-period-form{width:100%}.dashboard-metrics-grid{gap:9px}.dashboard-metric{padding:16px 13px}.metric-label{margin-bottom:12px;font-size:12px}.metric-main strong{font-size:25px}.attention-panel{flex-wrap:wrap;padding:15px}.attention-action{text-align:center;width:100%;margin-right:0}.kpi-section-head span{display:none}.overview-card{padding:14px}.overview-secondary-row{grid-template-columns:minmax(0,1fr)}.sidebar-foot{padding:4px 7px 8px;display:flex}.sidebar-foot .logout{width:100%}}.custom-period-form select,.payment-filters select,.payment-filters input,.review-form select,.review-form textarea{color:#23395b;font:inherit;background:#fff;border:1px solid #dce5f2;border-radius:10px;min-width:130px;padding:10px}.custom-period-form select{max-width:135px;font:12px Tahoma,sans-serif}.payment-filters{background:#fff;border:1px solid #e5edf5;border-radius:14px;flex-wrap:wrap;align-items:end;gap:13px;margin-bottom:18px;padding:16px;display:flex}.payment-filters label,.review-form label{color:#60748e;flex-direction:column;gap:8px;font-size:12px;display:flex}.payment-filters button{color:#fff;background:#2853aa;border:0;border-radius:10px;padding:11px 19px}.payment-filters>a{color:#44618d;padding:11px;font-size:12px}.payment-detail{gap:18px;display:grid}.detail-heading{justify-content:space-between;align-items:center;display:flex}.detail-heading h2{margin:14px 0 0}.detail-heading a{color:#2b55aa;font-size:12px}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-facts>div{background:#fff;border:1px solid #e1e8f4;border-radius:12px;gap:7px;min-width:0;padding:15px;display:grid}.detail-facts strong{overflow-wrap:anywhere;font-size:13px}.detail-facts small{color:#7283a2;font-size:11px}.details-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.details-columns h3{margin:4px 0 20px;font-size:15px}.detail-event{overflow-wrap:anywhere;border-top:1px solid #e8edf5;padding:13px 0;font-size:12px;line-height:1.8}.detail-event span{color:#8392a8;margin:0 12px;font-size:11px}.detail-event p{color:#526884;margin:5px 0}.review-form{gap:14px;display:grid}.review-form p{color:#687b94;font-size:12px}.review-form textarea{resize:vertical;width:100%;min-height:110px}.usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.usage-metrics>div{background:#fff;border:1px solid #e3eaf4;border-radius:12px;gap:10px;padding:18px;display:grid}.usage-metrics small{color:#667c97;font-size:12px}.usage-metrics strong{font-size:19px}.usage-breakdown{color:#405879;flex-wrap:wrap;gap:25px;margin:18px 0;font-size:13px;display:flex}@media (max-width:900px){.details-columns,.detail-facts{grid-template-columns:1fr 1fr}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.details-columns,.detail-facts,.usage-metrics{grid-template-columns:1fr}.payment-filters label,.payment-filters input,.payment-filters select{width:100%}}