:root{font-family:Cairo,"Segoe UI",sans-serif;color:#162d2b;background:#f5f8f7;--ink:#162d2b;--muted:#778986;--line:#e6edeb;--paper:#fff;--teal:#0b6b61;--teal2:#e8f5f2;--green:#168458;--red:#bf4f4f;--redbg:#fff0ee;--shadow:0 8px 28px #173d3410}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{width:248px;position:fixed;inset:0 0 0 auto;background:#fff;border-left:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:44px;height:44px;background:linear-gradient(145deg,#0e8174,#07564e);border:1px solid #ffffff20;border-radius:14px;color:#fff;display:grid;place-items:center;box-shadow:0 7px 15px #0b6b6133}.brand-mark svg{width:34px;height:34px}.menu-close{display:none}.icon-btn.menu-close{display:none}.login-brand .brand-mark{width:64px;height:64px;border-radius:20px}.login-brand .brand-mark svg{width:48px;height:48px}.brand-name{font-size:20px;line-height:1.15;font-weight:800;letter-spacing:.2px}.brand-caption{font-size:11px;color:var(--muted);margin-top:3px}.nav-label{color:#9aaba8;font-size:11px;font-weight:700;padding:0 13px 10px}.nav{display:grid;gap:5px}.nav button{height:48px;border-radius:13px;text-align:right;color:#637572;background:transparent;padding:0 14px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.nav button.active,.nav button:hover{background:var(--teal2);color:var(--teal)}.nav svg{width:19px;height:19px}.side-bottom{margin-top:auto}.side-note{background:#f2f7f5;border-radius:14px;padding:14px;font-size:11px;color:#71827f;line-height:1.8}.side-user{display:flex;align-items:center;gap:10px;padding:16px 5px 0}.avatar{width:38px;height:38px;border-radius:13px;background:#dff2ee;color:var(--teal);display:grid;place-items:center;font-weight:800}.user-label{font-size:12px;font-weight:700}.user-sub{font-size:10px;color:var(--muted)}main{margin-right:248px;width:calc(100% - 248px);padding:30px 38px 56px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.greeting{font-size:13px;color:var(--muted)}h1{font-size:24px;line-height:1.4;margin:3px 0 0;font-weight:800}.top-actions{display:flex;align-items:center;gap:10px}.month-pill,.icon-btn{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:#536663;font-size:12px}.icon-btn{height:42px;width:42px;display:grid;place-items:center}.icon-btn svg{width:18px}.page{display:none}.page.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);min-height:140px}.stat:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--wash);left:-34px;bottom:-55px}.stat-head{display:flex;align-items:center;gap:10px;color:#60736f;font-size:12px;font-weight:600}.stat-icon{width:36px;height:36px;border-radius:12px;background:var(--wash);color:var(--tone);display:grid;place-items:center}.stat-icon svg{width:19px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.3px;margin:12px 0 0;color:var(--ink)}.stat-unit{font-size:12px;font-weight:500;color:#7e8d89}.stat-foot{font-size:10px;color:#9aa9a5;margin-top:1px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:20px}.panel-head{padding:19px 21px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-weight:800;font-size:15px}.panel-subtitle{font-size:11px;color:var(--muted);margin-top:3px}.btn{border-radius:11px;padding:10px 15px;background:var(--teal);color:white;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.15s}.btn:hover{background:#07594f;transform:translateY(-1px)}.btn.secondary{background:#edf5f3;color:#176c62}.btn.ghost{background:#fff;border:1px solid var(--line);color:#526663}.btn.danger{background:#fff0ee;color:#a94141}.btn.small{padding:8px 12px;font-size:11px}.btn svg{width:16px;height:16px}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:680px}.table th{background:#f8faf9;color:#82918e;font-size:10px;font-weight:700;text-align:right;padding:11px 18px;white-space:nowrap}.table td{padding:13px 18px;border-top:1px solid #edf1f0;font-size:12px;color:#40534f;white-space:nowrap}.table tr:hover td{background:#fbfdfc}.customer-name{font-weight:700;color:#203b37;cursor:pointer}.customer-name:hover{color:var(--teal)}.phone{font-size:11px;color:#82918e;direction:ltr;unicode-bidi:embed;text-align:right}.money{font-weight:700;font-variant-numeric:tabular-nums}.money.red{color:var(--red)}.money.green{color:var(--green)}.tag{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700}.tag.debt{background:var(--redbg);color:#b64a4a}.tag.paid{background:#e9f7ef;color:#188154}.table-actions{display:flex;gap:6px}.text-button{background:none;color:var(--teal);padding:4px;font-weight:700;font-size:11px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:0 21px 16px}.field{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;color:#354a46;outline:none;font-size:12px}.field:focus{border-color:#64a89e;box-shadow:0 0 0 3px #0b6b6114}.search{min-width:235px;flex:1}.checkbox-row{display:flex;align-items:center;gap:7px;color:#687a76;font-size:11px}.checkbox-row input{accent-color:var(--teal)}.empty{padding:40px 20px;text-align:center;color:#84938f;font-size:13px}.empty-icon{margin:0 auto 12px;width:48px;height:48px;border-radius:16px;background:#edf6f3;color:#62958b;display:grid;place-items:center}.empty-icon svg{width:22px}.pager{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#889793;font-size:11px;border-top:1px solid var(--line)}.pager button{background:#edf5f3;color:var(--teal);border-radius:8px;padding:5px 10px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.customer-hero{display:flex;align-items:center;gap:14px;margin:0 0 20px}.customer-hero .avatar{width:52px;height:52px;border-radius:17px;font-size:18px}.customer-hero h2{margin:0;font-size:19px}.customer-hero p{margin:2px 0 0;color:var(--muted);font-size:12px}.hero-actions{margin-right:auto;display:flex;gap:8px}.transaction-buttons{display:flex;gap:9px;flex-wrap:wrap}.tabs{display:flex;gap:6px;background:#f1f6f4;padding:4px;border-radius:10px}.tabs button{background:transparent;padding:7px 12px;color:#6d7d79;border-radius:8px;font-size:11px}.tabs button.active{background:white;color:var(--teal);box-shadow:0 1px 4px #1d3b3212}.modal-backdrop{position:fixed;inset:0;background:#10252266;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:20px;width:min(480px,100%);box-shadow:0 22px 70px #10252230;overflow:hidden;max-height:92vh;overflow-y:auto}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:20px 22px}.form-row{margin-bottom:15px}.form-row label{display:block;font-size:11px;font-weight:700;color:#60716d;margin-bottom:6px}.form-row .field{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:8px;justify-content:flex-start;padding-top:8px}.calculated{background:#f2f8f6;padding:12px 14px;border-radius:12px;display:flex;justify-content:space-between;color:#61736f;font-size:12px;margin:5px 0 16px}.calculated strong{color:var(--red)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#dff2ed,transparent 35%),#f4f8f6}.login-card{width:min(420px,100%);background:#fff;padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #153c3314}.login-brand{display:flex;justify-content:center;margin-bottom:24px}.login-card h1{text-align:center;margin:10px 0 4px}.login-card>p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 24px}.login-card .field{width:100%}.login-error{color:var(--red);font-size:11px;margin:10px 0}.chart-legend{display:flex;gap:16px;color:#778783;font-size:10px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#168458;margin-left:5px}.report-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 21px 16px}.report-card{background:#f7faf9;border:1px solid #edf1f0;border-radius:13px;padding:13px}.report-card small{font-size:10px;color:#869591}.report-card strong{display:block;margin-top:4px;font-size:16px}.settings-row{padding:17px 21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.settings-row h3{font-size:13px;margin:0}.settings-row p{font-size:10px;color:var(--muted);margin:4px 0 0}.toast{position:fixed;bottom:24px;left:24px;background:#173a35;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;z-index:40;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a84040}.menu-toggle{display:none}.loading{padding:30px;color:#84938f;text-align:center;font-size:12px}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.profile-summary .stat{min-height:120px;padding:16px}.profile-summary .stat-value{font-size:21px}.section-title{font-weight:800;font-size:14px;margin:23px 0 12px}.date-range{display:flex;gap:8px;align-items:center}.date-range input{width:145px}.muted{color:var(--muted)}
@media(max-width:1050px){main{padding:26px 24px}.two-col{grid-template-columns:1fr 270px}.stats{gap:11px}.stat{padding:17px}.stat-value{font-size:23px}}
@media(max-width:760px){.sidebar{width:272px;transform:translateX(110%);transition:transform .22s;box-shadow:-20px 0 50px #193b3420}.sidebar.open{transform:translateX(0)}.icon-btn.menu-close{display:grid;position:absolute;top:18px;left:18px;width:42px;height:42px;padding:0;border-radius:13px;background:#e8f5f2;color:#0b6b61;border-color:#d8ebe6}.menu-close svg{width:18px;height:18px}.sidebar-backdrop{display:none;position:fixed;inset:0;width:100vw;height:100vh;padding:0;border:0;background:#10252266;z-index:4}.sidebar-backdrop.show{display:block}main{margin:0;width:100%;padding:18px 15px 34px}.topbar{margin-bottom:21px}.topbar h1{font-size:20px}.menu-toggle{display:grid}.greeting{font-size:11px}.top-actions{gap:6px}.month-pill{padding:8px 10px}.stats{grid-template-columns:1fr;gap:10px;margin-bottom:17px}.stat{min-height:unset;padding:14px 17px;display:grid;grid-template-columns:1fr auto;align-items:center}.stat-head{grid-column:1}.stat-value{grid-column:1;margin:5px 0 0;font-size:22px}.stat-foot{grid-column:1}.stat-icon{grid-column:2;grid-row:1/4;width:42px;height:42px}.panel{border-radius:15px}.panel-head{padding:16px}.panel-title{font-size:14px}.toolbar{padding:0 15px 14px}.search{min-width:100%}.table th{padding:10px 13px}.table td{padding:12px 13px}.two-col{grid-template-columns:1fr}.customer-hero{align-items:flex-start;flex-wrap:wrap}.hero-actions{margin-right:0;width:100%}.profile-summary{grid-template-columns:1fr;gap:8px}.profile-summary .stat{min-height:95px}.report-cards{grid-template-columns:1fr 1fr;margin:0 14px 14px}.date-range{width:100%;flex-wrap:wrap}.date-range input{flex:1;min-width:125px}.form-grid{grid-template-columns:1fr}.login-card{padding:26px 22px}.settings-row{align-items:flex-start;flex-direction:column}.settings-row .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html[data-theme="dark"]{color-scheme:dark;--ink:#e7f0ed;--muted:#98aaa5;--line:#2a3a37;--paper:#192724;background:#101a18;color:var(--ink);--shadow:0 8px 28px #0003}html[data-theme="dark"] body{background:#101a18;color:var(--ink)}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .modal,html[data-theme="dark"] .login-card{background:#192724;border-color:#293b37;color:var(--ink)}html[data-theme="dark"] .nav button{color:#a5b5b0}html[data-theme="dark"] .nav button.active,html[data-theme="dark"] .nav button:hover,html[data-theme="dark"] .side-note,html[data-theme="dark"] .tabs{background:#223733;color:#9ed5c9}html[data-theme="dark"] .field,html[data-theme="dark"] .month-pill,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn.ghost{background:#17221f;color:#d8e4e0;border-color:#30413d}html[data-theme="dark"] .table th{background:#1c2d29;color:#a8b9b4}html[data-theme="dark"] .table td{border-color:#293a36;color:#ccd9d5}html[data-theme="dark"] .customer-name{color:#e4efeb}html[data-theme="dark"] .table tr:hover td{background:#1d302b}html[data-theme="dark"] .report-card,html[data-theme="dark"] .calculated{background:#20332e;border-color:#30433e;color:#d1dfdb}html[data-theme="dark"] .modal-head,html[data-theme="dark"] .settings-row,html[data-theme="dark"] .pager{border-color:#293a36}html[data-theme="dark"] .login-wrap{background:radial-gradient(circle at 20% 20%,#203a34,transparent 35%),#101a18}

/* Customer account has its own visual hierarchy, distinct from the dashboard. */
.account-view{max-width:1250px}.account-breadcrumb{display:flex;align-items:center;gap:9px;margin:-8px 0 16px;color:#91a09c;font-size:11px}.account-breadcrumb .text-button{font-size:11px}.account-breadcrumb strong{color:#526762}.account-identity{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px;background:linear-gradient(115deg,#0b6b61,#124a45);border-radius:20px;color:#fff;box-shadow:0 12px 28px #0b6b6121;margin-bottom:16px}.account-identity-main{display:flex;align-items:center;gap:15px;min-width:0}.account-avatar{width:60px;height:60px;border-radius:19px;background:#ffffff20;color:#fff;border:1px solid #ffffff32;font-size:23px;flex:none}.account-kicker{font-size:10px;color:#b9ded5;margin-bottom:2px}.account-identity h2{margin:0;font-size:21px;line-height:1.5;overflow-wrap:anywhere}.account-identity p{margin:2px 0 0;color:#d5e9e4;font-size:12px;text-align:right;direction:ltr;unicode-bidi:embed}.account-identity .hero-actions{flex:none}.account-identity .btn.ghost{background:#ffffff12;border-color:#ffffff35;color:#fff}.account-identity .btn.danger{background:#ffffffeb;color:#a94141}.account-overview{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);gap:14px;margin-bottom:16px}.account-balance-card{min-height:150px;border:1px solid #f0d9d7;border-radius:18px;padding:20px 22px;background:linear-gradient(145deg,#fff,#fff8f7);display:flex;flex-direction:column;justify-content:center}.account-balance-card>span:first-child{font-size:11px;color:#8d7774;font-weight:700}.account-balance-card>strong{font-size:31px;line-height:1.35;color:#b64a4a;margin-top:4px;font-variant-numeric:tabular-nums}.account-balance-card>strong small{font-size:13px}.account-balance-card .balance-note{font-size:10px;color:#a69592;margin-top:3px}.account-month-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-month-stat{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.account-month-icon{width:44px;height:44px;border-radius:14px;background:#e7f4f1;color:var(--teal);display:grid;place-items:center;flex:none}.account-month-icon svg{width:21px}.account-month-icon.paid-icon{background:#e9f7ef;color:var(--green)}.account-month-stat small{display:block;color:var(--muted);font-size:10px}.account-month-stat strong{display:block;margin-top:4px;color:var(--ink);font-size:19px;overflow-wrap:anywhere}.account-month-stat i{font-size:10px;font-style:normal;color:var(--muted);font-weight:500}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 14px;padding:15px 18px;background:#edf5f3;border:1px solid #e3efec;border-radius:16px}.account-actions>div:first-child strong,.account-actions>div:first-child span{display:block}.account-actions>div:first-child strong{font-size:12px;color:#24453f}.account-actions>div:first-child span{font-size:10px;color:#788d87;margin-top:3px}.account-actions .transaction-buttons{justify-content:flex-end}.account-transactions{overflow:hidden}.account-transactions .panel-head{padding-bottom:16px}.account-transactions .table th{background:#f2f7f5}.account-transactions .empty{padding:30px 18px}
html[data-theme="dark"] .account-identity{background:linear-gradient(115deg,#124f48,#173b36)}html[data-theme="dark"] .account-balance-card{background:linear-gradient(145deg,#251f1e,#2a2221);border-color:#4b3431}html[data-theme="dark"] .account-balance-card>span:first-child,html[data-theme="dark"] .account-balance-card .balance-note{color:#c3a7a2}html[data-theme="dark"] .account-actions{background:#1c302b;border-color:#2a403a}html[data-theme="dark"] .account-actions>div:first-child strong{color:#d9e7e2}html[data-theme="dark"] .account-transactions .table th{background:#1c2d29}
@media(max-width:760px){.account-breadcrumb{margin:-3px 0 12px}.account-identity{padding:18px 16px;border-radius:17px;align-items:flex-start;flex-direction:column}.account-identity-main{gap:11px}.account-avatar{width:50px;height:50px;border-radius:16px}.account-identity h2{font-size:18px}.account-identity .hero-actions{width:100%;display:flex}.account-identity .hero-actions .btn{flex:1}.account-overview{grid-template-columns:1fr;gap:9px}.account-balance-card{min-height:120px;padding:16px 18px}.account-balance-card>strong{font-size:27px}.account-month-stats{gap:8px}.account-month-stat{padding:13px 10px;gap:9px;border-radius:14px}.account-month-icon{width:36px;height:36px;border-radius:11px}.account-month-stat small{font-size:9px}.account-month-stat strong{font-size:15px}.account-actions{align-items:stretch;flex-direction:column;padding:14px}.account-actions .transaction-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.account-actions .transaction-buttons .btn{width:100%;min-width:0;font-size:10px;padding:10px 7px}.account-transactions .panel-head{align-items:flex-start;flex-direction:column}.account-ledger-controls{width:100%;flex-wrap:wrap}.account-ledger-controls>#accountRange{width:100%;min-width:0}.account-ledger-controls .date-range{width:100%}.account-ledger-controls .date-range input{flex:1;min-width:100px}}

#customerForm input[name="phone"],#editCustomerForm input[name="phone"]{direction:ltr;text-align:right}

.date-range input[data-date-input],input.field[data-date-input]{cursor:pointer;direction:ltr;text-align:right}.date-picker{position:fixed;z-index:60;width:300px;padding:12px;background:var(--paper,#fff);color:var(--ink,#162d2b);border:1px solid var(--line,#e6edeb);border-radius:17px;box-shadow:0 16px 48px #10252230;font-family:Cairo,"Segoe UI",sans-serif;direction:rtl;user-select:none}.calendar-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center;gap:8px;padding:2px 1px 12px}.calendar-head strong{font-size:13px;font-weight:800}.calendar-nav{height:34px;border:1px solid var(--line,#e6edeb);border-radius:10px;background:transparent;color:var(--teal,#0b6b61);font-size:20px;line-height:1}.calendar-nav:hover{background:var(--teal2,#e8f5f2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.calendar-weekdays{padding:7px 0;border-block:1px solid var(--line,#e6edeb);color:var(--muted,#778986);font-size:10px;font-weight:700}.calendar-days{padding-top:7px}.calendar-day,.calendar-empty{height:34px;display:grid;place-items:center}.calendar-day{border-radius:10px;background:transparent;color:var(--ink,#162d2b);font-size:11px;font-weight:600}.calendar-day:hover{background:var(--teal2,#e8f5f2);color:var(--teal,#0b6b61)}.calendar-day.today{box-shadow:inset 0 0 0 1px #72b6a9;color:var(--teal,#0b6b61)}.calendar-day.selected{background:var(--teal,#0b6b61);color:white;box-shadow:none}.calendar-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid var(--line,#e6edeb);font-size:10px;color:var(--muted,#778986)}.calendar-foot button{background:transparent;color:var(--teal,#0b6b61);font:inherit;font-weight:800;padding:5px 8px;border-radius:8px}.calendar-foot button:hover{background:var(--teal2,#e8f5f2)}html[data-theme="dark"] .date-picker{background:#192724;color:#e7f0ed;border-color:#2a3a37;box-shadow:0 16px 48px #0008}html[data-theme="dark"] .calendar-nav{border-color:#30413d;color:#9ed5c9}html[data-theme="dark"] .calendar-nav:hover,html[data-theme="dark"] .calendar-day:hover,html[data-theme="dark"] .calendar-foot button:hover{background:#223733}html[data-theme="dark"] .calendar-weekdays,html[data-theme="dark"] .calendar-foot{border-color:#293a36}
@media(max-width:420px){.date-picker{width:min(300px,calc(100vw - 20px));padding:10px}.calendar-day,.calendar-empty{height:32px}}

.report-actions{display:flex;gap:8px;flex-wrap:wrap}.report-toolbar{align-items:center}.report-toolbar>#repType{min-width:150px}.report-toolbar #debtScopeWrap{display:flex}.report-toolbar #debtScope{max-width:265px}.report-toolbar #reportDateRange{display:flex;gap:8px}.report-toolbar #reportDateRange[hidden],.report-toolbar #debtScopeWrap[hidden]{display:none}.report-cards-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.debt-report-table{min-width:500px}#reportBody>.empty{padding:36px 18px}html[data-theme="dark"] .report-toolbar #debtScope,html[data-theme="dark"] .report-toolbar #repType{background:#17221f;color:#d8e4e0;border-color:#30413d}@media(max-width:760px){.report-panel>.panel-head{align-items:flex-start;flex-direction:column}.report-actions{width:100%}.report-toolbar{align-items:stretch}.report-toolbar>#repType,.report-toolbar #debtScopeWrap,.report-toolbar #debtScope,.report-toolbar #reportDateRange,.report-toolbar #reportDateRange input{width:100%;max-width:none}.report-toolbar #reportDateRange{flex-wrap:wrap}.report-toolbar #reportDateRange input{flex:1;min-width:120px}.report-toolbar>#repSearch{min-width:100%}.report-toolbar>[data-action="load-report"]{width:100%}.report-cards-compact{grid-template-columns:1fr 1fr}}

.report-scope-note{margin:0 21px 12px;color:var(--muted);font-size:11px}
@media(max-width:760px){.report-scope-note{margin:0 15px 10px}}

html[data-theme="dark"] .sidebar.open .menu-close{background:#223733;color:#9ed5c9;border-color:#30413d}

.account-ledger-controls{display:flex;align-items:center;gap:8px}.account-ledger-controls>#accountRange{min-width:155px}.account-ledger-controls #accountDateRange[hidden]{display:none}

/* Native select popups use browser-specific screens; Maka renders matching in-app menus instead. */
.custom-select-control{position:relative;display:inline-flex;vertical-align:middle;min-width:0}.form-row>.custom-select-control{width:100%}.report-toolbar>#repType-control{min-width:150px}.report-toolbar #debtScope-control{max-width:265px}
.custom-select-control>.native-select-source{display:none!important}
.custom-select-control>.select-trigger{position:relative;width:100%;min-width:0;text-align:right;padding-left:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.custom-select-control>.select-trigger:after{content:'';position:absolute;left:13px;top:50%;width:7px;height:7px;border-left:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-70%) rotate(-45deg);transition:transform .16s}
.custom-select-control.is-open>.select-trigger:after{transform:translateY(-25%) rotate(135deg)}
.custom-select-control.is-disabled>.select-trigger{opacity:.55;cursor:not-allowed}
.select-menu{position:fixed;z-index:1000;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 12px 34px #1025222b;overscroll-behavior:contain;animation:select-menu-in .12s ease-out}
.select-option{display:block;width:100%;min-height:40px;padding:9px 12px;border-radius:8px;background:transparent;color:inherit;text-align:right;font-size:12px;line-height:1.5}
.select-option:hover:not([aria-selected="true"]){background:#f1f6f4;color:var(--ink)}
.select-option[aria-selected="true"]{background:var(--teal2);color:var(--teal);font-weight:800}
.select-option[aria-selected="true"]:after{content:"✓";float:left;color:var(--teal);font-weight:800}
.select-option[aria-selected="true"]:hover{box-shadow:inset 0 0 0 1px #0b6b6140}
.select-option:disabled{opacity:.45;cursor:not-allowed}
html[data-theme="dark"] .select-menu{background:#192724;border-color:#30413d;color:#e7f0ed;box-shadow:0 14px 38px #0009}
html[data-theme="dark"] .select-option:hover:not([aria-selected="true"]){background:#293d38;color:#e7f0ed}
html[data-theme="dark"] .select-option[aria-selected="true"]{background:#15574f;color:#d8f1e9}
html[data-theme="dark"] .select-option[aria-selected="true"]:after{color:#bce9df}
html[data-theme="dark"] .select-option[aria-selected="true"]:hover{box-shadow:inset 0 0 0 1px #76c5b540}
@keyframes select-menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.custom-select-control{width:100%;min-width:0}.account-ledger-controls>#accountRange-control{width:100%;min-width:0}.report-toolbar>#repType-control,.report-toolbar #debtScope-control{width:100%;max-width:none}.toolbar>#customerSort-control{min-width:150px}}

.side-logout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:13px;padding:11px 12px;border:1px solid #f0d9d7;border-radius:11px;background:#fff8f7;color:#a94141;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}
.side-logout svg{width:17px;height:17px}
.side-logout:hover{background:#fff0ee;border-color:#e9c3bf}
html[data-theme="dark"] .side-logout{background:#2c2422;border-color:#493331;color:#f0a29a}
html[data-theme="dark"] .side-logout:hover{background:#3a2927;border-color:#69413c}

.sidebar{overflow-y:auto}.sidebar-backdrop{display:none}.btn:disabled{opacity:.55;cursor:wait;transform:none}
@media(max-width:760px){.sidebar-backdrop.show{display:block}}