@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600&display=swap');:root{--primary:#10b981;--primary-rgb:16,185,129;--primary-hover:#059669;--primary-dark:#047857;--primary-deep:#064e3b;--primary-light:#d1fae5;--primary-soft:#ecfdf5;--primary-glow:rgba(16,185,129,0.28);--danger:#f43f5e;--danger-rgb:244,63,94;--danger-dark:#e11d48;--danger-deep:#9f1239;--danger-light:#ffe4e6;--danger-soft:#fff1f2;--danger-glow:rgba(244,63,94,0.25);--warn:#f59e0b;--warn-rgb:245,158,11;--warn-dark:#d97706;--warn-deep:#92400e;--warn-light:#fef3c7;--warn-soft:#fffbeb;--warn-glow:rgba(245,158,11,0.22);--success:#10b981;--success-dark:#059669;--success-soft:#ecfdf5;--canvas:#f0f5f2;--card:#ffffff;--card-hover:#ffffff;--surface-muted:#f8faf9;--surface-raised:#ffffff;--border:#e2ece6;--border-light:#edf4f0;--border-strong:#cbdad2;--ink:#0d1e18;--ink-heading:#061813;--ink-body:#233b33;--ink-muted:#5e7a71;--ink-subtle:#8ea69e;--shadow-xs:0 1px 2px rgba(9,32,24,0.04);--shadow-sm:0 2px 6px -1px rgba(9,32,24,0.06),0 1px 3px -1px rgba(9,32,24,0.04);--shadow-md:0 6px 18px -2px rgba(9,32,24,0.07),0 2px 6px -1px rgba(9,32,24,0.04);--shadow-lg:0 14px 34px -4px rgba(9,32,24,0.09),0 4px 12px -2px rgba(9,32,24,0.05);--shadow-xl:0 24px 50px -8px rgba(9,32,24,0.14);--shadow-hero:0 18px 40px -6px rgba(4,120,87,0.35);--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--grad-primary:linear-gradient(135deg,#10b981 0%,#059669 55%,#047857 100%);--grad-primary-bright:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);--grad-hero:linear-gradient(135deg,#064e3b 0%,#065f46 25%,#059669 65%,#10b981 100%);--grad-danger:linear-gradient(135deg,#fb7185 0%,#f43f5e 50%,#e11d48 100%);--grad-warn:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);--grad-auth:radial-gradient(circle at 12% 10%,rgba(16,185,129,0.14),transparent 45%),radial-gradient(circle at 90% 85%,rgba(245,158,11,0.08),transparent 40%),linear-gradient(150deg,#f0f7f3 0%,#e6f1ec 50%,#f4faf7 100%);--f-display:"Baloo Da 2","Plus Jakarta Sans","Noto Sans Bengali",system-ui,sans-serif;--f-body:"Noto Sans Bengali","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--f-mono:"Plus Jakarta Sans","Baloo Da 2",monospace;--ease-spring:cubic-bezier(0.175,0.885,0.32,1.15);--ease-smooth:cubic-bezier(0.22,1,0.36,1);--transition-fast:0.14s var(--ease-smooth);--transition-base:0.22s var(--ease-smooth);--transition-slow:0.35s var(--ease-smooth)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:var(--f-body);font-size:14.5px;line-height:1.55;color:var(--ink-body);background-color:var(--canvas);background-image:radial-gradient(circle at 15% -5%,rgba(16,185,129,0.08),transparent 40%),radial-gradient(circle at 88% 12%,rgba(245,158,11,0.05),transparent 35%),linear-gradient(180deg,rgba(255,255,255,0.6) 0%,transparent 60%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;touch-action:manipulation}a{color:var(--primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}input,select,textarea{font-family:inherit;color:inherit;font-size:16px}::selection{background:var(--primary-light);color:var(--primary-deep)}h1,h2,h3,h4,h5,h6,.display-heading{font-family:var(--f-display);color:var(--ink-heading);line-height:1.25}svg.ico{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.amount,.value,.bs-val,.be-amount,.cs-val,.tg-val,.bh-value,.profile-balance .v,table.table td.right,.pin-input,.tk,.grp-amt{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.skip-link{position:fixed;left:16px;top:12px;z-index:300;transform:translateY(-160%);padding:10px 18px;border-radius:var(--radius-sm);background:var(--ink-heading);color:#fff;font-weight:700;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0);color:#fff}.shell{width:100%;min-height:100vh;margin:0;background:transparent;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:50;height:60px;background:rgba(255,255,255,0.94);border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(6,24,19,0.04);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.appbar .brand{display:flex;align-items:center;gap:9px;min-width:0;font-family:var(--f-display);font-weight:800;font-size:17px;color:var(--ink-heading);text-decoration:none;flex:1}.appbar .brand:hover .logo{transform:scale(1.05) rotate(-2deg)}.appbar .brand span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px;max-width:180px}.appbar .brand .logo{width:36px;height:36px;border-radius:11px;flex-shrink:0;background:var(--grad-primary);color:#ffffff;display:grid;place-items:center;font-size:19px;font-weight:800;box-shadow:0 3px 10px var(--primary-glow);transition:transform var(--transition-fast)}.logo--imgwrap{padding:0;overflow:hidden}.logo--imgwrap img{width:100%;height:100%;display:block;object-fit:cover}.appbar .actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{background:var(--surface-muted);border:1px solid var(--border);color:var(--ink-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;transition:all var(--transition-fast);text-decoration:none;position:relative}.icon-btn:hover{background:var(--primary-soft);color:var(--primary-dark);border-color:rgba(16,185,129,0.35)}.icon-btn:active{transform:scale(0.92)}.app-sidebar{position:fixed;top:60px;bottom:0;left:0;z-index:40;width:240px;padding:24px 14px 20px;background:rgba(255,255,255,0.88);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.app-sidebar-label{padding:0 14px 10px;color:var(--ink-subtle);font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.app-sidebar nav{display:grid;gap:5px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:var(--radius-sm);color:var(--ink-muted);font-size:14.5px;font-weight:600;text-decoration:none;transition:all var(--transition-fast);position:relative}.app-sidebar nav a .ico{color:var(--ink-subtle);transition:color var(--transition-fast),transform var(--transition-fast)}.app-sidebar nav a:hover{color:var(--primary-dark);background:var(--primary-soft);transform:translateX(3px)}.app-sidebar nav a:hover .ico{color:var(--primary);transform:scale(1.1)}.app-sidebar nav a.active{color:var(--primary-deep);background:#dff3e9;font-weight:700;box-shadow:inset 3.5px 0 0 var(--primary)}.app-sidebar nav a.active .ico{color:var(--primary-dark);stroke-width:2.2}.app-sidebar-help{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--ink-muted);font-size:11.5px;line-height:1.45}.app-sidebar-help strong{color:var(--ink-heading);font-size:12.5px;font-weight:700}.app-sidebar-help-dot{width:8px;height:8px;margin-top:4px;flex:0 0 auto;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px var(--warn-light)}.page{width:100%;min-height:calc(100vh - 60px);margin:0;padding:16px 14px calc(96px + env(safe-area-inset-bottom));animation:contentRise var(--transition-slow) backwards}@keyframes contentRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h1{font-size:22px;font-weight:800;letter-spacing:-0.4px}.page-head .sub{color:var(--ink-muted);font-size:12.5px;margin-top:2px}.workspace-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--primary-dark);font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;transition:color var(--transition-fast),transform var(--transition-fast)}.back-link:hover{color:var(--primary-dark);transform:translateX(-3px)}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:18px 16px;margin-bottom:14px;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-title{font-size:12px;font-weight:800;color:var(--ink-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px;display:flex;align-items:center;gap:7px}.card-title .ico{color:var(--ink-subtle)}.card-alert{border-left:4px solid var(--danger);background:linear-gradient(135deg,#ffffff 0%,var(--danger-soft) 100%)}.card-alert .card-title{color:var(--danger-dark)}.card-alert .card-title .ico{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius-sm);padding:12px 18px;min-height:48px;font-family:var(--f-display);font-size:15px;font-weight:700;line-height:1.2;letter-spacing:0.1px;text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;position:relative;overflow:hidden;touch-action:manipulation}.btn:active{transform:scale(0.96)}.btn-primary{background:var(--grad-primary);color:#ffffff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--grad-primary-bright);color:#ffffff;box-shadow:0 6px 18px rgba(16,185,129,0.38)}.btn-outline{background:#ffffff;color:var(--primary-dark);border-color:rgba(16,185,129,0.4);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-deep)}.btn-danger{background:var(--grad-danger);color:#ffffff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{filter:brightness(1.06)}.btn-ghost{background:var(--surface-muted);color:var(--ink-muted);border-color:var(--border-strong)}.btn-ghost:hover{color:var(--ink-heading);background:#ffffff}.btn-block{width:100%}.btn-sm{padding:8px 12px;min-height:38px;font-size:13px;border-radius:var(--radius-xs);gap:5px}.btn-lg{padding:14px 20px;min-height:52px;font-size:16px;border-radius:var(--radius)}.btn:disabled,button[aria-busy="true"]{cursor:wait;opacity:0.72;transform:none !important}.balance-hero{position:relative;overflow:hidden;background:var(--grad-hero);color:#ffffff;border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:14px;box-shadow:var(--shadow-hero);border:1px solid rgba(255,255,255,0.15)}.balance-hero::before{content:"৳";position:absolute;right:14px;bottom:-24px;font-family:var(--f-display);font-size:130px;font-weight:800;color:rgba(255,255,255,0.08);line-height:1;pointer-events:none;user-select:none}.balance-hero::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,0.3),transparent 70%);right:-40px;top:-40px;pointer-events:none}.balance-hero .g-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:2}.balance-hero .g-info{min-width:0;flex:1}.balance-hero .bh-label{font-size:12px;font-weight:700;color:rgba(255,255,255,0.88);display:flex;align-items:center;gap:6px;letter-spacing:0.04em;text-transform:uppercase}.balance-hero .bh-value{font-family:var(--f-display);font-size:36px;font-weight:800;letter-spacing:-0.8px;line-height:1.1;margin-top:5px;text-shadow:0 2px 8px rgba(0,0,0,0.18)}.balance-hero .bh-sub{font-size:12.5px;color:rgba(255,255,255,0.85);margin-top:6px;display:flex;align-items:center;gap:5px}.g-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:rgba(255,255,255,0.18);border:2px solid rgba(255,255,255,0.45);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:21px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,0.18);overflow:hidden}.today-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.tg-card,.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.tg-card:active,.stat:active{transform:scale(0.98)}.tg-card::before,.stat::before{content:"";position:absolute;left:0;right:0;top:0;height:3.5px}.tg-card.sold::before,.stat.danger::before{background:var(--grad-danger)}.tg-card.paid::before,.stat.primary::before{background:var(--grad-primary)}.stat.warn::before{background:var(--grad-warn)}.tg-card .tg-ico,.stat .icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.tg-card.sold .tg-ico,.stat.danger .icon{background:var(--danger-soft);color:var(--danger-dark)}.tg-card.paid .tg-ico,.stat.primary .icon{background:var(--primary-soft);color:var(--primary-dark)}.stat.warn .icon{background:var(--warn-soft);color:var(--warn-dark)}.tg-card .tg-label,.stat .label{font-size:12px;color:var(--ink-muted);font-weight:700}.tg-card .tg-val,.stat .value{font-family:var(--f-display);font-size:21px;font-weight:800;margin-top:2px;letter-spacing:-0.3px;line-height:1.2}.tg-val.red,.stat.danger .value{color:var(--danger-dark)}.tg-val.green,.stat.primary .value{color:var(--primary-dark)}.stat.warn .value{color:var(--warn-dark)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.quick-actions .btn{font-size:14px;padding:12px 10px;white-space:nowrap}.payable-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid rgba(245,158,11,0.35);border-radius:var(--radius);padding:12px 16px;margin-bottom:14px;text-decoration:none;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast)}.payable-banner:active{transform:scale(0.98)}.payable-banner .pb-ico{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;color:#ffffff;background:var(--grad-warn);box-shadow:0 3px 8px var(--warn-glow)}.payable-banner .pb-body{flex:1;min-width:0}.payable-banner .pb-label{display:block;font-size:11.5px;font-weight:700;color:var(--warn-deep);text-transform:uppercase;letter-spacing:0.04em}.payable-banner .pb-val{display:block;font-family:var(--f-display);font-size:20px;font-weight:800;color:var(--warn-deep);margin-top:1px}.list{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px;border:1px solid var(--border)}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-light);color:var(--ink-body);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item.clickable{text-decoration:none}.list-item.clickable:active{background:var(--primary-soft)}.avatar{width:44px;height:44px;min-width:44px;max-width:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary-light),#a7f3d0);color:var(--primary-deep);border:1.5px solid rgba(16,185,129,0.3);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:800;font-size:18px;overflow:hidden !important;position:relative}.avatar-img{overflow:hidden !important;padding:0 !important;border-radius:50% !important}.avatar img,.avatar-img img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important}.avatar-sm{width:32px !important;height:32px !important;min-width:32px !important;max-width:32px !important;font-size:13px !important}.edit-owner{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:700;font-size:16px;color:var(--ink-heading)}.list-body{flex:1;min-width:0}.list-body .name{font-family:var(--f-display);font-weight:700;font-size:15.5px;color:var(--ink-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-body .sub{font-size:12px;color:var(--ink-muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:2px}.list-end{text-align:right;flex-shrink:0;display:flex;align-items:center;gap:6px}.list-end .amount{font-family:var(--f-display);font-weight:800;font-size:15.5px}.list-end .chevron{color:var(--ink-subtle)}.pos{color:var(--danger-dark)}.neg{color:var(--primary-dark)}.zero{color:var(--ink-subtle)}.warn-amt{color:var(--warn-dark)}.rank-badge{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-family:var(--f-display);font-size:13px;font-weight:800;background:var(--surface-muted);color:var(--ink-muted);border:1px solid var(--border)}.rank-badge.r1{background:var(--grad-warn);color:#ffffff;box-shadow:0 3px 8px var(--warn-glow);border:none}.rank-badge.r2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#ffffff;border:none}.rank-badge.r3{background:linear-gradient(135deg,#fdba74,#ea580c);color:#ffffff;border:none}.due-badge,.method-chip,.type-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2.5px 8px;border-radius:var(--radius-full);white-space:nowrap}.due-badge{background:var(--warn-soft);color:var(--warn-deep);border:1px solid rgba(245,158,11,0.3)}.method-chip{background:var(--primary-soft);color:var(--primary-dark);border:1px solid rgba(16,185,129,0.25)}.type-baki{background:var(--danger-soft);color:var(--danger-dark);border:1px solid rgba(244,63,94,0.25)}.type-payment{background:var(--primary-soft);color:var(--primary-dark);border:1px solid rgba(16,185,129,0.25)}.type-purchase{background:var(--warn-soft);color:var(--warn-deep);border:1px solid rgba(245,158,11,0.3)}.dot-sep{color:var(--border-strong);margin:0 2px}.form-group{margin-bottom:16px;position:relative}.form-label{display:block;font-size:13px;font-weight:700;color:var(--ink-body);margin-bottom:6px}.form-label .req{color:var(--danger)}.form-hint{font-size:11.5px;color:var(--ink-muted);margin-top:4px}.form-section-label{margin:16px 0 8px;color:var(--ink-heading);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.form-input,.form-select,.form-textarea{width:100%;min-height:48px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;font-size:16px;background:#ffffff;color:var(--ink-heading);transition:all var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-subtle)}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235e7a71' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-error{color:var(--danger-dark);font-size:12px;margin-top:5px;font-weight:700;display:flex;align-items:center;gap:5px;animation:contentRise 0.18s var(--ease-smooth) both}.search-box{position:relative;margin-bottom:14px}.search-box .form-input{padding-left:44px;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);min-height:46px}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none}.search-box .search-go{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink-muted);cursor:pointer}.search-box .search-go:active{transform:translateY(-50%) scale(.94)}.cust-sticky-search{position:sticky;top:59px;z-index:40;background:var(--canvas);padding:6px 0 8px;margin:0}.list-item[hidden]{display:none !important}.list .list-item{content-visibility:auto;contain-intrinsic-size:auto 132px}.cust-search-form{position:relative}.cust-suggest{position:absolute;z-index:60;left:0;right:0;top:calc(100% - 6px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden;max-height:60vh;overflow-y:auto}.sq-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-light);color:inherit;text-decoration:none}.sq-item:active{background:var(--surface-muted)}.sq-ava{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:700}.sq-main{flex:1 1 auto;min-width:0}.sq-name{display:block;font-weight:600;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-mob{display:block;font-size:12px;color:var(--ink-muted);direction:ltr;text-align:left}.sq-bal{flex:0 0 auto;font-size:13px;font-weight:700}.sq-bal.pos{color:var(--danger)}.sq-bal.neg{color:var(--success)}.sq-bal.zero{color:var(--ink-muted)}.sq-empty,.sq-all{display:block;padding:11px 12px;font-size:13px;color:var(--ink-muted);text-decoration:none}.sq-all{text-align:center;color:var(--primary);font-weight:600;border-top:1px solid var(--border-light)}.cust-result-line{font-size:13px;color:var(--ink-muted);margin:-4px 0 10px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.pg-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.pg-btn.is-off{opacity:.4}.pg-info{font-size:13px;color:var(--ink-muted)}.flip{transform:rotate(180deg)}.cust-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 6px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.cs-item{text-align:center;min-width:0}.cs-item + .cs-item{border-left:1px solid var(--border)}.cs-label{display:block;font-size:11px;color:var(--ink-muted);font-weight:700}.cs-val{display:block;font-family:var(--f-display);font-size:15px;font-weight:800;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-val.red{color:var(--danger-dark)}.cs-val.green{color:var(--primary-dark)}.cs-val.warn{color:var(--warn-dark)}.cust-block{display:block;padding:14px 14px}.cust-top{display:flex;align-items:center;gap:12px}.cust-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:var(--ink-heading)}.cust-call{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grad-primary);color:#ffffff;box-shadow:0 3px 10px var(--primary-glow);transition:transform var(--transition-fast)}.cust-call:active{transform:scale(0.9)}.cust-baki-link{display:block;color:inherit}.baki-sheet{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0;margin-top:10px;border-top:1px dashed var(--border-strong);padding-top:8px}.bs{text-align:center;min-width:0}.bs + .bs{border-left:1px solid var(--border)}.bs-label{display:block;font-size:11px;color:var(--ink-muted);font-weight:700}.bs-val{display:block;font-family:var(--f-display);font-size:14.5px;font-weight:800;margin-top:1px}.bs-due{background:var(--warn-soft);border-radius:var(--radius-xs);margin-left:4px;border:1px solid rgba(245,158,11,0.25);padding:2px 0}.bs-due .bs-label{color:var(--warn-deep)}.bs-due .bs-val{font-size:15.5px}.bs-val.positive{color:var(--danger-dark)}.bs-val.negative{color:var(--primary-dark)}.bs-val.zero{color:var(--ink-subtle)}.bs-due .bs-val.positive{color:var(--warn-deep)}.sms-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px;margin-top:12px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sms-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink-heading);margin-bottom:8px}.sms-msg{width:100%;margin-bottom:8px}.cust-check{flex-shrink:0;display:grid;place-items:center;cursor:pointer;padding:4px}.cust-check input{position:absolute;opacity:0;width:0;height:0}.cust-checkmark{width:22px;height:22px;border-radius:7px;border:2px solid var(--border-strong);background:#ffffff;display:grid;place-items:center;transition:all var(--transition-fast)}.cust-check input:checked + .cust-checkmark{background:var(--grad-primary);border-color:transparent}.cust-check input:checked + .cust-checkmark::after{content:"";width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.baki-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.be-cell{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 8px;text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.be-label{display:block;margin-bottom:6px;font-family:var(--f-display);font-size:13px;font-weight:800;color:var(--ink-muted)}#cell-sold .be-label{color:var(--danger-dark)}#cell-received .be-label{color:var(--primary-dark)}.be-input{display:flex;align-items:stretch;background:var(--surface-muted);border-radius:var(--radius-xs);overflow:hidden;border:1.5px solid var(--border);transition:border-color var(--transition-fast)}.be-cur{display:flex;align-items:center;padding:0 8px;font-family:var(--f-display);font-weight:800;font-size:15px;color:var(--ink-muted);background:var(--border-light)}.be-input input{border:none;width:100%;min-width:0;padding:10px 4px;font-family:var(--f-display);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;color:var(--ink-heading);background:transparent}.be-input input:focus{outline:none}.be-cell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.be-balance{grid-column:1 / -1;border:1.5px dashed var(--primary);background:var(--primary-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;border-radius:var(--radius);padding:8px}.be-balance .be-label{color:var(--primary-dark);margin-bottom:2px}.be-amount{font-family:var(--f-display);font-size:24px;font-weight:800;letter-spacing:-0.3px;font-variant-numeric:tabular-nums}.be-amount.positive{color:var(--warn-deep)}.be-amount.zero{color:var(--ink-subtle)}.be-amount.negative{color:var(--primary-dark)}.be-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:var(--ink-muted);text-align:center;margin:8px 0 14px}.txn-preview{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px;margin-bottom:14px;border:2px solid var(--primary);animation:contentRise 0.2s var(--ease-smooth) both}.txn-preview .baki-sheet{margin-top:4px}.pv-new{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary-deep);font-family:var(--f-display);font-size:13.5px;font-weight:700;text-align:center}.photo-pick{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.photo-pick-label{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;overflow:hidden !important;border:2px dashed var(--border-strong);background:var(--surface-muted);cursor:pointer;transition:all var(--transition-fast)}.photo-pick-label:hover{border-color:var(--primary)}.photo-pick-label img,#photo-preview{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block}#photo-preview:not([src]),#photo-preview[src=""]{display:none !important}.photo-pick-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-subtle);pointer-events:none}.photo-pick-cam{position:absolute;right:2px;bottom:2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad-primary);color:#ffffff;border:2px solid #ffffff;box-shadow:0 2px 6px var(--primary-glow);pointer-events:none;z-index:5}.profile-hero{position:relative;overflow:hidden !important;background:var(--grad-hero);color:#ffffff;border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:14px;box-shadow:var(--shadow-hero);border:1px solid rgba(255,255,255,0.15)}.profile-hero::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,0.08);right:-35px;top:-35px;pointer-events:none}.profile-hero .ph-top{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.profile-hero .ph-avatar,.ph-avatar{width:54px !important;height:54px !important;min-width:54px !important;max-width:54px !important;border-radius:50% !important;flex-shrink:0 !important;background:rgba(255,255,255,0.2);border:2.5px solid rgba(255,255,255,0.55);display:flex !important;align-items:center !important;justify-content:center !important;font-family:var(--f-display);font-size:22px;font-weight:800;overflow:hidden !important;position:relative !important;box-shadow:0 4px 12px rgba(0,0,0,0.18);padding:0 !important}.ph-avatar-img,.profile-hero .ph-avatar-img{overflow:hidden !important;padding:0 !important;border-radius:50% !important}.ph-avatar-img img,.ph-avatar img,.profile-hero .ph-avatar img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important;border:none !important}.profile-hero .ph-id{flex:1;min-width:0}.profile-hero .ph-name{font-family:var(--f-display);font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px;line-height:1.2}.profile-hero .ph-name a{color:#ffffff;opacity:0.85;display:inline-flex}.profile-hero .ph-name a:hover{opacity:1}.profile-hero .ph-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;opacity:0.92;margin-top:5px}.ph-call{display:inline-flex;align-items:center;gap:4px;background:#ffffff;color:var(--primary-deep);border-radius:var(--radius-full);padding:3px 10px;font-size:11.5px;font-weight:700;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,0.15);transition:transform var(--transition-fast)}.ph-call:active{transform:scale(0.92)}.profile-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;text-align:center;position:relative;z-index:2}.profile-balance .pb{background:rgba(255,255,255,0.16);border-radius:var(--radius-sm);padding:10px 6px}.profile-balance .pb .v{font-family:var(--f-display);font-size:16px;font-weight:800}.profile-balance .pb .l{font-size:11px;opacity:0.88;margin-top:2px}.profile-balance .pb.due{background:#ffffff;color:var(--danger-dark);box-shadow:0 3px 10px rgba(0,0,0,0.12)}.profile-balance .pb.due .v{font-size:17.5px;font-weight:800}.profile-balance .pb.due .l{color:var(--ink-muted);opacity:1;font-weight:700}.timeline{position:relative;padding-left:20px}.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--border-strong),var(--primary-light),var(--border-strong))}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:last-child{padding-bottom:0}.timeline-item.group{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed var(--border-strong)}.timeline-item.group:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.timeline-item::before{content:"";position:absolute;left:-20px;top:4px;width:14px;height:14px;border-radius:50%;background:#ffffff;border:3px solid var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.timeline-item .txn-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.timeline-item .txn-date{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:var(--ink-muted)}.grp-row{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}.grp-row .grp-amt{font-family:var(--f-display);font-weight:800;font-size:15px}.grp-total{padding-top:5px;margin-top:6px;border-top:1px dashed var(--border-strong);gap:6px}.grp-total > span:first-child{font-size:11.5px;font-weight:700;color:var(--ink-muted)}.txn-edit{width:34px;height:34px;border-radius:var(--radius-xs);flex-shrink:0;display:grid;place-items:center;color:var(--ink-muted);background:var(--surface-muted);border:1px solid var(--border);transition:all var(--transition-fast)}.txn-edit:active{transform:scale(0.9)}.table-wrap{overflow-x:auto;margin:-4px -6px;padding:4px 6px;-webkit-overflow-scrolling:touch}table.table{width:100%;border-collapse:collapse;font-size:13.5px}table.table th,table.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap}table.table th{font-size:11.5px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:0.06em;background:var(--surface-muted);font-weight:800}table.table th:first-child{border-radius:var(--radius-xs) 0 0 var(--radius-xs)}table.table th:last-child{border-radius:0 var(--radius-xs) var(--radius-xs) 0}table.table td.right{text-align:right;font-family:var(--f-display);font-weight:800}table.table td.red{color:var(--danger-dark)}table.table td.green{color:var(--primary-dark)}table.table tbody tr:active{background:var(--primary-soft)}.empty{text-align:center;color:var(--ink-muted);padding:32px 18px;font-size:13.5px;background:var(--card);border:1.5px dashed var(--border-strong);border-radius:var(--radius);margin-bottom:16px}.empty .empty-ico{width:52px;height:52px;border-radius:var(--radius);margin:0 auto 12px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;box-shadow:0 4px 12px var(--primary-glow);animation:floaty 3.5s ease-in-out infinite}.empty .empty-title{font-family:var(--f-display);font-size:17px;font-weight:800;color:var(--ink-heading);margin-bottom:4px}.empty .empty-sub{font-size:13px;color:var(--ink-muted);max-width:32ch;margin:0 auto;line-height:1.5}.empty .btn{margin-top:14px}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.bottom-nav{display:flex;position:fixed;bottom:8px;left:10px;right:10px;width:auto;max-width:500px;margin:0 auto;z-index:50;background:rgba(255,255,255,0.94);border:1px solid rgba(226,236,230,0.9);border-radius:24px;box-shadow:0 8px 30px rgba(6,24,19,0.14),0 2px 8px rgba(6,24,19,0.06);justify-content:space-around;align-items:center;padding:6px 4px calc(6px + env(safe-area-inset-bottom)) 4px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 6px;font-size:11px;font-weight:700;color:var(--ink-muted);border-radius:12px;transition:all var(--transition-fast);text-decoration:none;min-width:52px}.bottom-nav a:active{transform:scale(0.9)}.bottom-nav a.active{color:var(--primary-deep);background:var(--primary-soft);font-weight:800}.bottom-nav a.active .ico{stroke-width:2.3;color:var(--primary-dark)}.fab{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));right:18px;width:54px;height:54px;border-radius:50%;z-index:60;display:grid;place-items:center;cursor:pointer;color:#ffffff;background:var(--grad-primary);box-shadow:0 8px 24px rgba(16,185,129,0.45);transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);touch-action:manipulation}.fab:active{transform:scale(0.92)}.fab.open{transform:rotate(45deg);background:var(--danger);box-shadow:0 8px 24px rgba(244,63,94,0.45)}.fab-sheet{display:none;position:fixed;inset:0;z-index:100;background:rgba(6,24,19,0.6)}.fab-sheet.open{display:block;animation:fadeIn 0.16s var(--ease-smooth) both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fab-sheet .sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:480px;margin:0 auto;background:#ffffff;border-radius:24px 24px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,0.2);border:1px solid var(--border);border-bottom:none;animation:sheetRise 0.25s var(--ease-spring) both}@keyframes sheetRise{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fab-sheet .sheet::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#cbdad2;margin:0 auto 12px}.fab-sheet .sheet-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;border-bottom:1px solid var(--border-light)}.fab-sheet .sheet-head h2{font-size:16px;font-weight:800;color:var(--ink-heading)}.fab-sheet .sheet-close{width:32px;height:32px;border-radius:var(--radius-xs);display:grid;place-items:center;background:var(--surface-muted);color:var(--ink-muted);font-size:20px;line-height:1}.fab-sheet .sheet-close:active{background:var(--danger-soft);color:var(--danger-dark)}.fab-sheet .sheet a{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 14px;border-radius:var(--radius-sm);font-family:var(--f-display);font-size:15.5px;font-weight:700;color:var(--ink-heading);background:var(--surface-muted);margin:6px 0;transition:all var(--transition-fast)}.fab-sheet .sheet a:active{background:var(--primary-soft);transform:scale(0.98)}.fab-sheet .sheet .sheet-icon{width:38px;height:38px;border-radius:var(--radius-xs);display:grid;place-items:center;flex-shrink:0}.fab-sheet .sheet .si-baki{background:var(--danger-soft);color:var(--danger-dark)}.fab-sheet .sheet .si-joma{background:var(--primary-soft);color:var(--primary-dark)}.fab-sheet .sheet .si-cust{background:var(--warn-soft);color:var(--warn-dark)}.fab-sheet .sheet hr{border:none;border-top:1px solid var(--border-light);margin:8px 0}.toast{position:fixed;top:16px;left:50%;transform:translate3d(-50%,-140%,0);z-index:200;width:calc(100% - 24px);max-width:440px;padding:12px 16px;border-radius:var(--radius);font-family:var(--f-display);font-size:14.5px;font-weight:700;color:#ffffff;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:10px;transition:transform 0.3s var(--ease-spring),opacity 0.2s ease;pointer-events:none}.toast.show{transform:translate3d(-50%,0,0);pointer-events:auto}.toast.success{background:var(--grad-primary)}.toast.error{background:var(--grad-danger)}.bell-wrap{position:relative}.bell-badge{position:absolute;top:-3px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#ffffff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 2px 6px var(--danger-glow);animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.msg-popup{position:fixed;inset:0;z-index:95;background:rgba(6,24,19,0.6);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn 0.2s ease both}.msg-popup-card{background:#ffffff;border-radius:var(--radius-lg);width:100%;max-width:400px;padding:24px 20px;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.msg-popup-ico{width:54px;height:54px;margin:0 auto 14px;border-radius:var(--radius);background:var(--grad-primary);color:#ffffff;display:grid;place-items:center;box-shadow:0 4px 14px var(--primary-glow)}.msg-popup-title{font-size:19px;font-weight:800;margin-bottom:6px}.msg-popup-body{color:var(--ink-muted);font-size:14px;margin-bottom:18px;line-height:1.55;white-space:pre-line}.ftabs{display:flex;gap:6px;margin-bottom:14px}.ftab{flex:1;text-align:center;padding:9px 6px;border-radius:var(--radius-sm);background:var(--card);border:1.5px solid var(--border);color:var(--ink-muted);font-size:13px;font-weight:700;text-decoration:none;transition:all var(--transition-fast)}.ftab.on{background:var(--grad-primary);border-color:transparent;color:#ffffff;box-shadow:0 4px 12px var(--primary-glow)}.ftab.on .cnt{color:#ffffff}.notif-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:14px;border:1px solid var(--border)}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 14px;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:linear-gradient(90deg,rgba(16,185,129,0.08),transparent 65%)}.notif-ico{width:38px;height:38px;border-radius:var(--radius-sm);flex-shrink:0;display:grid;place-items:center;color:#ffffff;margin-top:2px}.notif-info{background:linear-gradient(135deg,#60a5fa,#2563eb)}.notif-success{background:var(--grad-primary)}.notif-warning{background:var(--grad-warn)}.notif-important{background:var(--grad-danger)}.notif-title{font-family:var(--f-display);font-size:15px;font-weight:700}.notif-message{font-size:13px;color:var(--ink-muted);margin-top:3px;line-height:1.5;word-break:break-word}.notif-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 14px;background:var(--grad-auth);animation:contentRise 0.3s var(--ease-smooth) both}.auth-card{width:100%;max-width:420px}.auth-logo{width:68px;height:68px;border-radius:var(--radius-lg);margin:0 auto 16px;background:var(--grad-hero);color:#ffffff;display:grid;place-items:center;font-family:var(--f-display);font-size:34px;font-weight:800;box-shadow:0 10px 26px rgba(6,78,59,0.35)}.auth-title{text-align:center;font-size:25px;font-weight:800;letter-spacing:-0.4px}.auth-sub{text-align:center;color:var(--ink-muted);font-size:13.5px;margin:6px auto 22px;max-width:34ch;line-height:1.5}.auth-foot{text-align:center;font-size:13px;color:var(--ink-muted);margin-top:16px}.auth-foot a{font-weight:700;color:var(--primary-dark)}.pin-input{text-align:center;letter-spacing:14px;text-indent:14px;font-family:var(--f-display);font-size:24px;font-weight:800}.welcome-hero{text-align:center}.welcome-eyebrow{color:var(--primary-dark);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px}.welcome-features{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.welcome-feature{display:flex;align-items:center;gap:10px;padding:12px 12px;background:rgba(255,255,255,0.9);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.welcome-feature-icon{width:36px;height:36px;border-radius:var(--radius-xs);display:grid;place-items:center;flex-shrink:0;color:var(--primary-dark);background:var(--primary-soft)}.welcome-feature-icon-warn{color:var(--warn-dark);background:var(--warn-soft)}.welcome-divider{display:flex;align-items:center;gap:10px;color:var(--ink-subtle);font-size:12px;margin:14px 0}.welcome-divider::before,.welcome-divider::after{content:"";height:1px;flex:1;background:var(--border)}.section-title{font-family:var(--f-display);font-size:15.5px;font-weight:800;margin:20px 2px 10px;display:flex;align-items:center;gap:8px;color:var(--ink-heading)}.section-title .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.section-title .count{font-size:12px;font-weight:800;color:var(--primary-dark);background:var(--primary-soft);border-radius:var(--radius-full);padding:2px 8px}.row{display:flex;flex-direction:column;gap:0}.row > *{flex:1;min-width:0}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv .k{font-size:13px;color:var(--ink-muted);display:flex;align-items:center;gap:6px}.kv .v{font-family:var(--f-display);font-weight:800}.nowrap{white-space:nowrap}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.muted{color:var(--ink-muted)}.small{font-size:12px}.right{text-align:right}.center{text-align:center}@media (min-width:961px){.appbar{height:68px;padding:0 max(20px,calc((100vw - 1280px) / 2 + 20px))}.appbar .brand{font-size:18px}.appbar .brand .logo{width:38px;height:38px;font-size:20px}.app-sidebar{display:flex}.page{width:min(100% - 60px,1140px);margin:0 auto 0 240px;padding:30px 34px 100px}.today-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.quick-actions{grid-template-columns:3fr 2fr}.row{flex-direction:row;gap:14px}.baki-entry{grid-template-columns:1fr 1fr 1fr}.be-balance{grid-column:auto;min-height:90px}.bottom-nav{display:none}.fab{right:32px;bottom:32px}.fab-sheet .sheet{bottom:100px;right:32px;left:auto;width:320px;border-radius:var(--radius-lg);border:1px solid var(--border)}}@media (max-width:960px){.app-sidebar{display:none}.bottom-nav{display:flex}}table.table.ledger th{font-size:13px;font-weight:700}table.table.ledger th:nth-child(3),table.table.ledger th:nth-child(4),table.table.ledger th:nth-child(5){text-align:center}table.table.ledger td.ld-date{font-size:14px}table.table.ledger td.ld-note{white-space:normal;min-width:110px;font-size:14px;font-weight:500}table.table.ledger td.ld-dilam,table.table.ledger td.ld-pelam{text-align:center;font-size:15px;font-weight:700}table.table.ledger td.ld-dilam{background:#FFF5F5;color:#9F4A4A}table.table.ledger td.ld-pelam{background:#EFFAF4;color:#287A55}table.table.ledger td.ld-dilam .muted,table.table.ledger td.ld-pelam .muted{color:var(--ink-muted)}table.table.ledger td.ld-edit{text-align:center;vertical-align:middle}table.table.ledger td.ld-edit .txn-edit{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;box-shadow:none}table.table.ledger td.ld-edit .txn-edit:active{background:var(--primary-soft)}[data-theme="dark"] table.table.ledger td.ld-edit .txn-edit{border:0}[data-theme="dark"] table.table.ledger td.ld-dilam{background:rgba(244,63,94,.13) !important;color:#fda4af !important}[data-theme="dark"] table.table.ledger td.ld-pelam{background:rgba(16,185,129,.13) !important;color:#6ee7b7 !important}@media (max-width:640px){.table-wrap:has(table.table.ledger){overflow-x:visible;margin:0;padding:0}table.table.ledger{table-layout:fixed}table.table.ledger th,table.table.ledger td{padding:8px 5px;font-size:14px}table.table.ledger th:nth-child(1){width:25%}table.table.ledger th:nth-child(3),table.table.ledger th:nth-child(4){width:21%}table.table.ledger th:nth-child(5){width:28px}table.table.ledger td.ld-date,table.table.ledger td.ld-note{white-space:normal;overflow-wrap:break-word}table.table.ledger td.ld-dilam,table.table.ledger td.ld-pelam{white-space:nowrap;font-size:15px}table.table.ledger td.ld-edit{padding-left:0;padding-right:0}}@media print{body{background:#ffffff !important;padding:0 !important}.appbar,.bottom-nav,.app-sidebar,.fab,.fab-sheet,.toast,.btn,.search-box,.quick-actions{display:none !important}.page{width:100% !important;margin:0 !important;padding:0 !important}.card,.list,.stat,.cust-summary,.tg-card{box-shadow:none !important;border:1px solid #ccc !important}.balance-hero,.profile-hero{background:#ffffff !important;color:#000000 !important;box-shadow:none !important;border:1px solid #ccc !important}.balance-hero::before,.balance-hero::after,.profile-hero::before{display:none !important}}[data-theme="dark"]{--canvas:#0f1f1a;--card:#142a23;--card-hover:#1a3329;--surface-muted:#0a1713;--surface-raised:#1a3329;--border:#1e3d30;--border-light:#162e24;--border-strong:#2a5040;--ink:#e8f4ef;--ink-heading:#f0f9f4;--ink-body:#c8e0d5;--ink-muted:#7aab97;--ink-subtle:#4d7f6e;--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 6px -1px rgba(0,0,0,0.4),0 1px 3px -1px rgba(0,0,0,0.3);--shadow-md:0 6px 18px -2px rgba(0,0,0,0.45),0 2px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 14px 34px -4px rgba(0,0,0,0.55),0 4px 12px -2px rgba(0,0,0,0.35);--shadow-xl:0 24px 50px -8px rgba(0,0,0,0.7);--shadow-hero:0 18px 40px -6px rgba(4,120,87,0.5)}[data-theme="dark"] body{background-image:radial-gradient(circle at 15% -5%,rgba(16,185,129,0.12),transparent 40%),radial-gradient(circle at 88% 12%,rgba(245,158,11,0.06),transparent 35%),linear-gradient(180deg,rgba(10,23,18,0.8) 0%,transparent 60%)}[data-theme="dark"] .appbar{background:rgba(10,23,18,0.95) !important;border-bottom-color:rgba(255,255,255,0.08) !important}[data-theme="dark"] .app-sidebar{background:rgba(10,23,18,0.97) !important;border-right-color:rgba(255,255,255,0.07) !important}[data-theme="dark"] .bottom-nav{background:rgba(10,23,18,0.85) !important;border-top-color:rgba(255,255,255,0.08) !important}[data-theme="dark"] .card,[data-theme="dark"] .summary-card,[data-theme="dark"] .ph-card,[data-theme="dark"] .be-card{background:var(--card) !important;border-color:var(--border) !important}[data-theme="dark"] .form-input,[data-theme="dark"] .form-textarea,[data-theme="dark"] .form-select{background:#0a1713 !important;border-color:rgba(255,255,255,0.12) !important;color:#e8f4ef !important}[data-theme="dark"] .form-input:focus,[data-theme="dark"] .form-textarea:focus,[data-theme="dark"] .form-select:focus{background:#0f1f1a !important;border-color:var(--primary) !important}[data-theme="dark"] .table{background:var(--card) !important;border-color:var(--border) !important}[data-theme="dark"] .table th{background:#0a1713 !important;color:#7aab97 !important;border-color:var(--border) !important}[data-theme="dark"] .table td{border-color:var(--border-light) !important;color:var(--ink-body) !important}[data-theme="dark"] .table tbody tr:hover{background:rgba(16,185,129,0.05) !important}[data-theme="dark"] .fab-sheet .sheet{background:#0f1f1a !important;border-color:rgba(255,255,255,0.1) !important}[data-theme="dark"] .bs-card{background:var(--card) !important}[data-theme="dark"] .due-badge{background:rgba(245,158,11,0.18) !important;color:#fbbf24 !important;border-color:rgba(245,158,11,0.3) !important}[data-theme="dark"] .method-chip{background:rgba(16,185,129,0.18) !important;color:#34d399 !important;border-color:rgba(16,185,129,0.3) !important}[data-theme="dark"] .type-baki{background:rgba(244,63,94,0.18) !important;color:#fb7185 !important;border-color:rgba(244,63,94,0.3) !important}[data-theme="dark"] .type-payment{background:rgba(16,185,129,0.18) !important;color:#34d399 !important;border-color:rgba(16,185,129,0.3) !important}[data-theme="dark"] .type-purchase{background:rgba(245,158,11,0.18) !important;color:#fbbf24 !important;border-color:rgba(245,158,11,0.3) !important}[data-theme="dark"] .tg-card.sold .tg-ico,[data-theme="dark"] .stat.danger .icon{background:rgba(244,63,94,0.2) !important;color:#fb7185 !important}[data-theme="dark"] .tg-card.paid .tg-ico,[data-theme="dark"] .stat.primary .icon{background:rgba(16,185,129,0.18) !important;color:#34d399 !important}[data-theme="dark"] .stat.warn .icon{background:rgba(245,158,11,0.18) !important;color:#fbbf24 !important}[data-theme="dark"] .empty .empty-ico{background:rgba(16,185,129,0.18) !important;color:#34d399 !important}[data-theme="dark"] .empty{background:#142a23 !important;border-color:#1e3d30 !important;color:#7aab97 !important}[data-theme="dark"] .empty .empty-title{color:#f0f9f4 !important}[data-theme="dark"] .fab-sheet .sheet a{color:#e8f4ef !important;background:#1a3329 !important}[data-theme="dark"] .fab-sheet .sheet-head h2{color:#f0f9f4 !important}[data-theme="dark"] .fab-sheet .sheet .si-baki{background:rgba(244,63,94,0.2) !important;color:#fb7185 !important}[data-theme="dark"] .fab-sheet .sheet .si-joma{background:rgba(16,185,129,0.18) !important;color:#34d399 !important}[data-theme="dark"] .fab-sheet .sheet .si-cust{background:rgba(245,158,11,0.18) !important;color:#fbbf24 !important}[data-theme="dark"] .fab-sheet .sheet-close{background:#1a3329 !important;color:#7aab97 !important}[data-theme="dark"] .fab-sheet .sheet::before{background:#2a5040 !important}[data-theme="dark"] .payable-banner{background:linear-gradient(135deg,#1a2010 0%,#221e00 100%) !important;border-color:rgba(245,158,11,0.3) !important}[data-theme="dark"] .payable-banner .pb-label,[data-theme="dark"] .payable-banner .pb-val{color:#fbbf24 !important}[data-theme="dark"] .baki-sheet{border-top-color:#2a5040 !important}[data-theme="dark"] .bs-due{background:rgba(245,158,11,0.12) !important;border-color:rgba(245,158,11,0.2) !important}[data-theme="dark"] .bs-due .bs-label{color:#fbbf24 !important}[data-theme="dark"] .bs + .bs{border-left-color:#1e3d30 !important}[data-theme="dark"] .be-cell{background:#142a23 !important;border-color:#1e3d30 !important}[data-theme="dark"] .be-input{background:#0a1713 !important;border-color:#1e3d30 !important}[data-theme="dark"] .be-cur{background:#0f1f1a !important;color:#7aab97 !important}[data-theme="dark"] .be-input input{color:#f0f9f4 !important}[data-theme="dark"] .be-balance{background:rgba(16,185,129,0.12) !important;border-color:var(--primary) !important}[data-theme="dark"] .txn-preview{background:#142a23 !important}[data-theme="dark"] .pv-new{background:rgba(16,185,129,0.14) !important;color:#34d399 !important}[data-theme="dark"] .photo-pick-label{background:#0a1713 !important;border-color:#2a5040 !important}[data-theme="dark"] .bottom-nav a.active{background:rgba(16,185,129,0.18) !important;color:#34d399 !important}[data-theme="dark"] .sms-bar{background:#142a23 !important;border-color:#1e3d30 !important}[data-theme="dark"] .sms-title{color:#f0f9f4 !important}[data-theme="dark"] .cust-checkmark{background:#0a1713 !important;border-color:#2a5040 !important}[data-theme="dark"] .search-box .form-input{background:#0a1713 !important;border-color:#1e3d30 !important;color:#e8f4ef !important}[data-theme="dark"] .page-head h1{color:#f0f9f4 !important}[data-theme="dark"] .back-link{color:#7aab97 !important}[data-theme="dark"] .list{background:#142a23 !important;border-color:#1e3d30 !important}[data-theme="dark"] .list-item{border-bottom-color:#1e3d30 !important;color:#c8e0d5 !important}[data-theme="dark"] .list-body .name{color:#f0f9f4 !important}[data-theme="dark"] .timeline-item::before{background:#142a23 !important}[data-theme="dark"] .card-alert{background:linear-gradient(135deg,#142a23,rgba(244,63,94,0.12)) !important}[data-theme="dark"] .icon-btn{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.1) !important;color:#c8e0d5 !important}[data-theme="dark"] .icon-btn:hover{background:rgba(16,185,129,0.18) !important;color:#34d399 !important}[data-theme="dark"] .txn-edit{background:#0a1713 !important;border-color:#1e3d30 !important;color:#7aab97 !important}[data-theme="dark"] .btn-ghost{background:#1a3329 !important;color:#c8e0d5 !important;border-color:#2a5040 !important}[data-theme="dark"] .btn-ghost:hover{background:#223d30 !important;color:#f0f9f4 !important}[data-theme="dark"] .btn-outline{background:#142a23 !important;color:#34d399 !important;border-color:rgba(16,185,129,0.4) !important}[data-theme="dark"] .profile-balance .pb.due{background:rgba(255,255,255,0.12) !important}[data-theme="dark"] .profile-balance .pb.due .l{color:#7aab97 !important}[data-theme="dark"] .cust-summary{background:#142a23 !important;border-color:#1e3d30 !important}[data-theme="dark"] .cs-item + .cs-item{border-left-color:#1e3d30 !important}[data-theme="dark"] .timeline::before{background:linear-gradient(#2a5040,rgba(16,185,129,0.4),#2a5040) !important}[data-theme="dark"] .timeline-item.group{border-bottom-color:#2a5040 !important}.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:inherit;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden}.theme-toggle:hover{background:rgba(0,0,0,0.08);transform:scale(1.08)}[data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,0.1)}.theme-toggle .ico-sun,.theme-toggle .ico-moon{position:absolute;transition:opacity 0.25s ease,transform 0.3s var(--ease-spring)}.theme-toggle .ico-sun{opacity:1;transform:rotate(0deg) scale(1)}.theme-toggle .ico-moon{opacity:0;transform:rotate(90deg) scale(0.5)}[data-theme="dark"] .theme-toggle .ico-sun{opacity:0;transform:rotate(-90deg) scale(0.5)}[data-theme="dark"] .theme-toggle .ico-moon{opacity:1;transform:rotate(0deg) scale(1)}[data-theme="dark"] .auth-wrap{background:radial-gradient(circle at 12% 10%,rgba(16,185,129,0.12),transparent 45%),radial-gradient(circle at 90% 85%,rgba(245,158,11,0.06),transparent 40%),linear-gradient(150deg,#0d1f18 0%,#091510 50%,#0a1a14 100%) !important}[data-theme="dark"] .auth-card{background:#142a23 !important;border-color:rgba(255,255,255,0.1) !important}[data-theme="dark"] .auth-card .form-label{color:#c8e0d5 !important}[data-theme="light"]{--canvas:#f0f5f2;--card:#ffffff;--card-hover:#ffffff;--surface-muted:#f8faf9;--surface-raised:#ffffff;--border:#e2ece6;--border-light:#edf4f0;--border-strong:#cbdad2;--ink:#0d1e18;--ink-heading:#061813;--ink-body:#233b33;--ink-muted:#5e7a71;--ink-subtle:#8ea69e;--primary-soft:#ecfdf5;--primary-light:#d1fae5;--danger-soft:#fff1f2;--danger-light:#ffe4e6;--warn-soft:#fffbeb;--warn-light:#fef3c7}[data-theme="light"] body{background-color:#f0f5f2 !important;color:#233b33 !important}[data-theme="light"] .appbar{background:rgba(255,255,255,0.94) !important;border-bottom-color:#e2ece6 !important}[data-theme="light"] .appbar .brand{color:#061813 !important}[data-theme="light"] .icon-btn{background:#f8faf9 !important;border-color:#e2ece6 !important;color:#5e7a71 !important}[data-theme="light"] .app-sidebar{background:rgba(255,255,255,0.88) !important;border-right-color:#e2ece6 !important}[data-theme="light"] .app-sidebar nav a{color:#5e7a71 !important}[data-theme="light"] .app-sidebar nav a.active{background:#dff3e9 !important;color:#064e3b !important}[data-theme="light"] .bottom-nav{background:rgba(255,255,255,0.94) !important;border-color:rgba(226,236,230,0.9) !important}[data-theme="light"] .bottom-nav a{color:#5e7a71 !important}[data-theme="light"] .bottom-nav a.active{background:#ecfdf5 !important;color:#064e3b !important}[data-theme="light"] .card{background:#ffffff !important;border-color:#e2ece6 !important;color:#233b33 !important}[data-theme="light"] .card-title{color:#5e7a71 !important}[data-theme="light"] .list{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .list-item{color:#233b33 !important;border-bottom-color:#edf4f0 !important}[data-theme="light"] .list-body .name{color:#061813 !important}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] .page-head h1{color:#061813 !important}[data-theme="light"] .section-title{color:#061813 !important}[data-theme="light"] .section-title .count{background:#ecfdf5 !important;color:#047857 !important}[data-theme="light"] .due-badge{background:#fffbeb !important;color:#92400e !important;border-color:rgba(245,158,11,0.3) !important}[data-theme="light"] .method-chip{background:#ecfdf5 !important;color:#047857 !important}[data-theme="light"] .type-baki{background:#fff1f2 !important;color:#e11d48 !important}[data-theme="light"] .type-payment{background:#ecfdf5 !important;color:#047857 !important}[data-theme="light"] .type-purchase{background:#fffbeb !important;color:#92400e !important}[data-theme="light"] .tg-card,[data-theme="light"] .stat{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .tg-card .tg-label,[data-theme="light"] .stat .label{color:#5e7a71 !important}[data-theme="light"] .form-input,[data-theme="light"] .form-select,[data-theme="light"] .form-textarea{background:#ffffff !important;border-color:#cbdad2 !important;color:#061813 !important}[data-theme="light"] .form-label{color:#233b33 !important}[data-theme="light"] .form-hint{color:#5e7a71 !important}[data-theme="light"] .search-box .form-input{background:#ffffff !important;border-color:#cbdad2 !important;color:#061813 !important}[data-theme="light"] table.table th{background:#f8faf9 !important;color:#5e7a71 !important}[data-theme="light"] table.table td{border-color:#edf4f0 !important;color:#233b33 !important}[data-theme="light"] .notif-card{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .notif-title{color:#061813 !important}[data-theme="light"] .notif-message{color:#5e7a71 !important}[data-theme="light"] .empty{background:#ffffff !important;border-color:#cbdad2 !important;color:#5e7a71 !important}[data-theme="light"] .empty .empty-title{color:#061813 !important}[data-theme="light"] .empty .empty-ico{background:#ecfdf5 !important;color:#047857 !important}[data-theme="light"] .fab-sheet .sheet{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .fab-sheet .sheet a{color:#061813 !important;background:#f8faf9 !important}[data-theme="light"] .fab-sheet .sheet-head h2{color:#061813 !important}[data-theme="light"] .fab-sheet .sheet-close{background:#f8faf9 !important;color:#5e7a71 !important}[data-theme="light"] .be-cell{background:#ffffff !important;border-color:#cbdad2 !important}[data-theme="light"] .be-input{background:#f8faf9 !important;border-color:#e2ece6 !important}[data-theme="light"] .be-cur{background:#edf4f0 !important;color:#5e7a71 !important}[data-theme="light"] .be-input input{color:#061813 !important}[data-theme="light"] .sms-bar{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .sms-title{color:#061813 !important}[data-theme="light"] .cust-summary{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .payable-banner{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%) !important}[data-theme="light"] .btn-ghost{background:#f8faf9 !important;color:#5e7a71 !important;border-color:#cbdad2 !important}[data-theme="light"] .btn-ghost:hover{background:#ffffff !important;color:#061813 !important}[data-theme="light"] .btn-outline{background:#ffffff !important;color:#047857 !important;border-color:rgba(16,185,129,0.4) !important}[data-theme="light"] .cust-checkmark{background:#ffffff !important;border-color:#cbdad2 !important}[data-theme="light"] .txn-edit{background:#f8faf9 !important;border-color:#e2ece6 !important;color:#5e7a71 !important}[data-theme="light"] .rank-badge{background:#f8faf9 !important;color:#5e7a71 !important;border-color:#e2ece6 !important}[data-theme="light"] .timeline-item::before{background:#ffffff !important}[data-theme="light"] .bs-due{background:#fffbeb !important;border-color:rgba(245,158,11,0.25) !important}[data-theme="light"] .bs-due .bs-label{color:#92400e !important}[data-theme="light"] .msg-popup-card{background:#ffffff !important;border-color:#e2ece6 !important}[data-theme="light"] .kv .k{color:#5e7a71 !important}[data-theme="light"] .back-link{color:#5e7a71 !important}[data-theme="light"] .section-title .dot{box-shadow:0 0 0 3px #ecfdf5 !important}.hg-install{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;display:flex;align-items:center;gap:12px;background:#ffffff;color:#0c2b21;border:1px solid rgba(13,150,104,.22);border-radius:16px;padding:12px 12px 12px 14px;box-shadow:0 12px 32px rgba(13,150,104,.18)}@media (min-width:720px){.hg-install{left:auto;right:20px;bottom:20px;max-width:380px}}.hg-install__mark{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#0d9668;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700}.hg-install__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.hg-install__text strong{font-size:14px}.hg-install__text span{font-size:12px;color:#55706a}.hg-install__go{flex:0 0 auto;border:0;cursor:pointer;background:#0d9668;color:#fff;font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px}.hg-install__no{flex:0 0 auto;border:0;cursor:pointer;background:none;color:#8aa39b;font-size:14px;padding:6px}.hg-update{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0c2b21;color:#fff;border-radius:14px;padding:12px 12px 12px 16px;font-size:13px;font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,.25)}@media (min-width:720px){.hg-update{left:auto;right:20px;bottom:20px;max-width:420px}}.hg-update button{flex:0 0 auto;border:0;cursor:pointer;background:#10b981;color:#fff;font:inherit;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px}.hg-update-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;background:rgba(8,30,22,.5);padding:20px}.hg-update-modal__box{width:min(360px,100%);background:#ffffff;color:#0c2b21;border-radius:18px;padding:22px 20px 18px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}.hg-update-modal__mark{width:46px;height:46px;margin:0 auto 10px;border-radius:14px;background:#0d9668;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}.hg-update-modal__title{font-size:16px;font-weight:800}.hg-update-modal__text{font-size:13px;color:#55706a;margin:8px 0 16px}.hg-update-modal__row{display:flex;flex-direction:column;gap:8px}.hg-update-modal__go{border:0;cursor:pointer;background:#0d9668;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:11px 16px;border-radius:999px}.hg-update-modal__go:disabled{opacity:.6;cursor:wait}.hg-update-modal__later{border:0;cursor:pointer;background:none;color:#8aa39b;font:inherit;font-size:13px;font-weight:600;padding:6px}.hg-offline{position:fixed;top:0;left:0;right:0;z-index:1200;background:#b45309;color:#fff;text-align:center;font-size:12px;font-weight:600;padding:6px 12px}[data-theme="dark"] .hg-install{background:#10231c;color:#e8f3ee;border-color:rgba(16,185,129,.3)}[data-theme="dark"] .hg-install__text span{color:#9db8ad}[data-theme="dark"] .hg-install__no{color:#9db8ad}[data-theme="dark"] .hg-update-modal__box{background:#10231c;color:#e8f3ee}[data-theme="dark"] .hg-update-modal__text{color:#9db8ad}[data-theme="dark"] .hg-update-modal__later{color:#9db8ad}.hg-sync{display:inline-flex;align-items:center;font-size:12px;font-weight:700;white-space:nowrap;border-radius:999px;padding:6px 12px;cursor:pointer;border:1px solid rgba(13,150,104,.25);background:#e7f2ee;color:#0c2b21}.hg-sync--off{background:#fef3c7;border-color:#f59e0b;color:#92400e}.hg-sync--busy{background:#e0f2fe;border-color:#0284c7;color:#075985}.hg-sync--warn{background:#ffe4e6;border-color:#f43f5e;color:#9f1239}.hg-sync[hidden]{display:none}.hg-badge{display:inline-block;vertical-align:middle;font-size:11px;font-weight:700;white-space:nowrap;border-radius:999px;padding:2px 10px;margin-left:6px;background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.hg-badge--ok{background:#d1fae5;color:#065f46;border-color:#10b981}.hg-badge--err{background:#ffe4e6;color:#9f1239;border-color:#f43f5e}.hg-pending-note{margin:8px 0 0;font-size:12px;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;padding:6px 12px}.hg-dash-pending{margin:10px 0 0;font-size:13px;font-weight:700;color:#0c2b21;background:#e7f2ee;border:1px solid rgba(13,150,104,.25);border-radius:12px;padding:9px 14px}#hg-toast{position:fixed;left:12px;right:12px;bottom:16px;z-index:1300;display:none;background:#0c2b21;color:#fff;border-radius:14px;padding:13px 16px;font-size:14px;font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,.25)}@media (min-width:720px){#hg-toast{left:auto;right:20px;bottom:20px;max-width:420px}}

/* compact customer card */
.cust-block{padding:9px 12px}
.cust-block .cust-top{gap:10px}
.cust-block .avatar{width:34px;height:34px;min-width:34px;max-width:34px;font-size:15px}
.cust-block .list-body{display:flex;align-items:baseline;gap:8px}
.cust-block .list-body .name{flex:1 1 auto;min-width:0;font-size:14.5px}
.cust-block .list-body .sub{flex:0 0 auto;margin-top:0;font-size:11.5px;gap:3px;white-space:nowrap}
.cust-block .chevron{display:none}
.cust-block .cust-call{width:32px;height:32px}
.cust-block .cust-check{padding:2px}
.cust-block .cust-checkmark{width:19px;height:19px;border-radius:6px}
.cust-block .baki-sheet{margin-top:7px;padding-top:6px}
.cust-block .bs{display:flex;align-items:baseline;justify-content:center;gap:4px}
.cust-block .bs-label{font-size:10px;font-weight:600}
.cust-block .bs-val{font-size:12.5px;margin-top:0}
.cust-block .bs-due{padding:1px 0;margin-left:4px}
.cust-block .bs-due .bs-val{font-size:13.5px}
.list .cust-block{contain-intrinsic-size:auto 78px}

/* compact home (dashboard) */
body:has(.balance-hero) .balance-hero{padding:13px 14px;margin-bottom:10px}
body:has(.balance-hero) .balance-hero .bh-value{font-size:29px;margin-top:3px}
body:has(.balance-hero) .balance-hero .bh-sub{margin-top:3px;font-size:11.5px}
body:has(.balance-hero) .g-avatar{width:36px;height:36px;font-size:16px}
body:has(.balance-hero) .today-grid{gap:8px;margin-bottom:10px}
body:has(.balance-hero) .tg-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 11px}
body:has(.balance-hero) .tg-card .tg-ico{grid-area:1/1/3/2;width:30px;height:30px;border-radius:8px;margin-bottom:0}
body:has(.balance-hero) .tg-card .tg-label{grid-area:1/2/2/3;align-self:end}
body:has(.balance-hero) .tg-card .tg-val{grid-area:2/2/3/3;align-self:start;margin-top:0;font-size:18px}
body:has(.balance-hero) .quick-actions{gap:8px;margin-bottom:10px}
body:has(.balance-hero) .quick-actions .btn{padding:9px 8px}
body:has(.balance-hero) .payable-banner{padding:9px 12px;margin-bottom:10px}
body:has(.balance-hero) .payable-banner .pb-ico{width:32px;height:32px;border-radius:8px}
body:has(.balance-hero) .payable-banner .pb-val{font-size:17px}
body:has(.balance-hero) .section-title{font-size:14.5px;margin:14px 2px 7px}
body:has(.balance-hero) .kv{padding:6px 0}
body:has(.balance-hero) .kv .k{font-size:12.5px}
body:has(.balance-hero) .list-item{padding:9px 12px;gap:10px}
body:has(.balance-hero) .list-item .avatar{width:34px;height:34px;min-width:34px;max-width:34px;font-size:15px}
body:has(.balance-hero) .list-body .name{font-size:14.5px}
body:has(.balance-hero) .list-body .sub{margin-top:1px;font-size:11.5px}
body:has(.balance-hero) .rank-badge{width:24px;height:24px;border-radius:7px;font-size:12px}
body:has(.balance-hero) .cust-summary{padding:9px 4px;margin-bottom:10px}
body:has(.balance-hero) .cs-label{font-size:10.5px}
body:has(.balance-hero) .cs-val{font-size:14px}
body:has(.balance-hero) .list .list-item{contain-intrinsic-size:auto 74px}

/* fix sms checkbox checked visibility */
[data-theme="light"] .cust-check input:checked + .cust-checkmark,
[data-theme="dark"] .cust-check input:checked + .cust-checkmark{background:var(--grad-primary) !important;border-color:transparent !important}
[data-theme="light"] .cust-checkmark{border-width:2px}
.cust-check{position:relative}

/* plus button in bottom nav */
.nav-plus{flex-shrink:0;width:42px;height:42px;margin:0 2px;border:none;border-radius:50%;display:grid;place-items:center;background:var(--grad-primary);color:#ffffff;box-shadow:0 6px 16px rgba(16,185,129,.45);cursor:pointer;touch-action:manipulation;transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}
.nav-plus svg{width:21px;height:21px}
.nav-plus:active{transform:scale(.92)}
.nav-plus.open{transform:rotate(45deg);background:var(--danger);box-shadow:0 6px 16px rgba(244,63,94,.45)}
@media (max-width:960px){
.fab{display:none !important}
.bottom-nav{padding:6px 3px calc(6px + env(safe-area-inset-bottom)) 3px}
.bottom-nav a{min-width:46px;padding:5px 3px}
}

/* customer type-ahead */
.cust-picker{position:relative}
.cust-picker .search-box{position:relative;display:flex;align-items:center}
.cust-picker .search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none;display:grid;place-items:center}
.cust-picker #customer-search{padding-left:38px}
.cust-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(6,24,19,.18);max-height:280px;overflow-y:auto;padding:4px}
.cs-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}
.cs-item.is-active,.cs-item:active{background:var(--primary-soft)}
.cs-top{display:flex;flex-direction:column;min-width:0}
.cs-name{font-size:14px;font-weight:700;color:var(--ink-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-mob{font-size:11.5px;color:var(--ink-muted)}
.cs-bal{font-family:var(--f-display);font-weight:800;font-size:13.5px;white-space:nowrap;flex-shrink:0}
.cs-bal.pos,.cp-picked-bal.pos{color:var(--danger-dark)}
.cs-bal.neg,.cp-picked-bal.neg{color:var(--primary-dark)}
.cs-bal.zero,.cp-picked-bal.zero{color:var(--ink-subtle)}
.cs-empty{padding:10px 12px;font-size:13px;color:var(--ink-muted);text-align:center}
.cust-picked{margin-top:8px}
.cp-picked-row{display:flex;align-items:center;gap:10px;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}
.cp-picked-who{flex:1;min-width:0;display:flex;flex-direction:column}
.cp-picked-who strong{font-size:14px;color:var(--ink-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-picked-mob{font-size:11.5px;color:var(--ink-muted)}
.cp-picked-bal{font-family:var(--f-display);font-weight:800;font-size:14px;white-space:nowrap}
.cp-picked-clear{width:26px;height:26px;border-radius:50%;border:none;background:var(--card);color:var(--ink-muted);font-size:16px;line-height:1;flex-shrink:0;cursor:pointer}
.has-picker #customer-select{display:none}

/* ==========================================================================
   NAVY-BLUE FINTECH THEME (After-style). Design tokens live here — change
   colors in :root (light) / html[data-theme="dark"] (dark) only.
   Layout, markup, JS and Bangla text are untouched.
   ========================================================================== */
:root{--bg-page:#F3F6FB;--surface:#FFFFFF;--surface-soft:#F7F9FC;--border:#E6EAF2;--text-primary:#0F172A;--text-secondary:#64748B;--navy-900:#0A1B3D;--navy-800:#0F2A5C;--navy-700:#14357A;--primary:#2563EB;--primary-rgb:37,99,235;--primary-hover:#1D4ED8;--primary-dark:#1E40AF;--primary-deep:#1E3A8A;--primary-light:#BFDBFE;--primary-soft:#EAF1FF;--primary-glow:rgba(37,99,235,0.30);--accent:#7C3AED;--accent-dark:#6D28D9;--accent-deep:#5B21B6;--accent-soft:#EFE9FE;--accent-glow:rgba(124,58,237,0.28);--gold:#F5B301;--gold-deep:#B45309;--gold-soft:#FEF4D9;--danger:#E5484D;--danger-rgb:229,72,77;--danger-dark:#C93338;--danger-deep:#9F1D22;--danger-light:#FADADD;--danger-soft:#FDECEC;--danger-glow:rgba(229,72,77,0.25);--success:#16A34A;--success-dark:#15803D;--success-soft:#E7F6EC;--canvas:#F3F6FB;--card:#FFFFFF;--card-hover:#FFFFFF;--surface-muted:#F7F9FC;--surface-raised:#FFFFFF;--border-light:#EDF1F8;--border-strong:#C7D3EA;--ink:#0F172A;--ink-heading:#0F172A;--ink-body:#33415C;--ink-muted:#64748B;--ink-subtle:#94A3B8;--shadow-xs:0 1px 2px rgba(15,42,92,0.05);--shadow-sm:0 2px 8px -1px rgba(15,42,92,0.07);--shadow-md:0 8px 24px -4px rgba(15,42,92,0.08);--shadow-lg:0 16px 38px -6px rgba(15,42,92,0.12);--shadow-xl:0 24px 55px -8px rgba(15,42,92,0.16);--shadow-hero:0 18px 40px -8px rgba(10,27,61,0.45);--radius-xs:10px;--radius-sm:14px;--radius:19px;--radius-lg:22px;--grad-primary:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);--grad-primary-bright:linear-gradient(135deg,#60A5FA 0%,#3B82F6 60%,#2563EB 100%);--grad-hero:linear-gradient(135deg,#0A1B3D 0%,#14357A 60%,#1D4ED8 100%);--grad-accent:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);--grad-danger:linear-gradient(135deg,#F0666B 0%,#E5484D 55%,#C93338 100%);--grad-auth:radial-gradient(circle at 12% 10%,rgba(37,99,235,0.12),transparent 45%),radial-gradient(circle at 90% 85%,rgba(124,58,237,0.08),transparent 40%),linear-gradient(150deg,#eef3fb 0%,#e2eaf7 50%,#f2f5fb 100%)}
html[data-theme="dark"]{--bg-page:#050D1F;--surface:#0B1730;--surface-soft:#10203F;--border:#1B2E54;--text-primary:#F1F5F9;--text-secondary:#94A3B8;--primary:#3B82F6;--primary-rgb:59,130,246;--primary-hover:#60A5FA;--primary-dark:#93C5FD;--primary-deep:#BFDBFE;--primary-light:#1E3A8A;--primary-soft:rgba(59,130,246,0.14);--primary-glow:rgba(59,130,246,0.35);--accent:#A78BFA;--accent-dark:#8B5CF6;--accent-deep:#C4B5FD;--accent-soft:rgba(139,92,246,0.16);--accent-glow:rgba(139,92,246,0.35);--gold:#FBBF24;--gold-deep:#F59E0B;--gold-soft:rgba(245,179,1,0.16);--danger:#F0666B;--danger-dark:#F87171;--danger-deep:#FCA5A5;--danger-light:rgba(229,72,77,0.25);--danger-soft:rgba(229,72,77,0.16);--danger-glow:rgba(229,72,77,0.35);--success:#22C55E;--success-dark:#4ADE80;--success-soft:rgba(34,197,94,0.14);--canvas:#050D1F;--card:#0B1730;--card-hover:#10203F;--surface-muted:#0A1428;--surface-raised:#10203F;--border-light:#16294D;--border-strong:#274067;--ink:#F1F5F9;--ink-heading:#F8FAFC;--ink-body:#CBD5E1;--ink-muted:#94A3B8;--ink-subtle:#64748B;--shadow-xs:0 1px 2px rgba(0,0,0,0.35);--shadow-sm:0 2px 8px -1px rgba(0,0,0,0.45);--shadow-md:0 8px 24px -4px rgba(0,0,0,0.5);--shadow-lg:0 16px 38px -6px rgba(0,0,0,0.55);--shadow-xl:0 24px 55px -8px rgba(0,0,0,0.65);--shadow-hero:0 18px 44px -8px rgba(2,6,18,0.8);--grad-primary:linear-gradient(135deg,#60A5FA 0%,#3B82F6 60%,#2563EB 100%);--grad-primary-bright:linear-gradient(135deg,#93C5FD 0%,#60A5FA 50%,#3B82F6 100%);--grad-hero:linear-gradient(135deg,#060F24 0%,#0B1E42 55%,#14357A 100%);--grad-accent:linear-gradient(135deg,#A78BFA 0%,#8B5CF6 60%,#7C3AED 100%);--grad-danger:linear-gradient(135deg,#F87171 0%,#E5484D 60%,#C93338 100%);--grad-auth:radial-gradient(circle at 12% 10%,rgba(59,130,246,0.14),transparent 45%),radial-gradient(circle at 90% 85%,rgba(139,92,246,0.08),transparent 40%),linear-gradient(150deg,#071026 0%,#0A1830 50%,#0B1B38 100%)}
/* page canvas */
html[data-theme="light"] body{background-color:#F3F6FB !important;background-image:linear-gradient(180deg,#F3F6FB 0%,#EEF2F9 100%) !important;color:#33415C !important}
html[data-theme="dark"] body{background-color:#050D1F !important;background-image:radial-gradient(circle at 15% -5%,rgba(59,130,246,0.10),transparent 42%),radial-gradient(circle at 88% 10%,rgba(139,92,246,0.07),transparent 36%) !important}
/* 1) header */
html[data-theme="light"] .appbar{background:rgba(255,255,255,0.96) !important;border-bottom:1px solid #E6EAF2 !important;box-shadow:0 2px 14px rgba(15,42,92,0.05)}
html[data-theme="dark"] .appbar{background:rgba(6,14,31,0.92) !important;border-bottom:1px solid #1B2E54 !important}
html[data-theme="light"] .appbar .brand{color:#0F172A !important}
html[data-theme="light"] .icon-btn{width:40px;height:40px;border-radius:12px;background:#F1F5FF !important;border:1px solid #E3EBFF !important;color:#2563EB !important}
html[data-theme="dark"] .icon-btn{width:40px;height:40px;border-radius:12px;background:rgba(59,130,246,0.14) !important;border:1px solid rgba(59,130,246,0.25) !important;color:#93C5FD !important}
.icon-btn:active{transform:scale(0.92)}
html[data-theme="dark"] .icon-btn:hover{background:rgba(59,130,246,0.22) !important;color:#BFDBFE !important}
/* 2) hero */
.balance-hero{border-radius:22px}
.balance-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58'%3E%3Cpath d='M29 5 51 18v24L29 55 7 42V18z' fill='none' stroke='%23FFFFFF' stroke-opacity='0.08'/%3E%3C/svg%3E")}
.balance-hero::after{content:"";position:absolute;width:230px;height:230px;right:-70px;top:-90px;pointer-events:none;background:radial-gradient(circle,rgba(96,165,250,0.35),transparent 70%)}
.balance-hero>*{position:relative;z-index:1}
.balance-hero .bh-label{color:rgba(255,255,255,0.7)}
.balance-hero .bh-sub{color:#BFDBFE}
.g-avatar{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3)}
/* 3) today stat cards */
html .today-grid .tg-card{background:#FFFFFF;border:1px solid #E6EAF2;border-radius:19px;box-shadow:0 2px 8px -1px rgba(15,42,92,0.07)}
html[data-theme="dark"] .today-grid .tg-card{background:#0B1730 !important;border:1px solid #1B2E54 !important;box-shadow:0 2px 8px -1px rgba(0,0,0,0.45)}
html .tg-card.sold .tg-ico{background:#FDECEC !important;color:#E5484D !important;border-radius:12px}
html .tg-card.paid .tg-ico{background:#E7F6EC !important;color:#16A34A !important;border-radius:12px}
html[data-theme="dark"] .tg-card.sold .tg-ico{background:rgba(229,72,77,0.16) !important;color:#F87171 !important}
html[data-theme="dark"] .tg-card.paid .tg-ico{background:rgba(34,197,94,0.14) !important;color:#4ADE80 !important}
/* 4) action tiles */
.btn{border-radius:15px}
.btn-block{width:100%}
.quick-actions .btn{position:relative;text-align:left;overflow:hidden}
.quick-actions .btn-primary{background:var(--grad-primary);color:#ffffff;border:none;box-shadow:0 10px 22px rgba(37,99,235,0.30)}
html[data-theme="dark"] .quick-actions .btn-primary{box-shadow:0 10px 22px rgba(59,130,246,0.35)}
html[data-theme="light"] .quick-actions .btn-outline{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%) !important;border:none !important;color:#ffffff !important;box-shadow:0 10px 22px rgba(124,58,237,0.30)}
html[data-theme="dark"] .quick-actions .btn-outline{background:linear-gradient(135deg,#A78BFA 0%,#8B5CF6 60%,#7C3AED 100%) !important;border:none !important;color:#ffffff !important;box-shadow:0 10px 22px rgba(139,92,246,0.35) !important}
.quick-actions .btn svg{flex-shrink:0;background:rgba(255,255,255,0.22);border-radius:10px;padding:5px;box-sizing:content-box}
.quick-actions .btn::after{content:"\203A";position:absolute;right:10px;bottom:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.25);color:#ffffff;display:grid;place-items:center;font-size:16px;line-height:1;font-weight:700}
.btn{transition:transform 0.16s ease,box-shadow 0.16s ease,background 0.16s ease}
.btn:active{transform:scale(0.98)}
/* 5) section headings */
.section-title{color:var(--ink-heading)}
html[data-theme="light"] .section-title{color:#0F172A !important}
.section-title .dot{width:4px;height:14px;border-radius:4px;background:var(--primary);box-shadow:none}
html[data-theme="light"] .section-title .count{background:#EAF1FF !important;color:#1E40AF !important}
/* 6) empty states */
html[data-theme="light"] .empty{border-color:#C7D3EA !important}
html[data-theme="dark"] .empty{border-color:#274067 !important}
.empty .empty-ico{background:#EAF1FF;color:#2563EB;box-shadow:none}
html[data-theme="dark"] .empty .empty-ico{background:rgba(59,130,246,0.14) !important;color:#93C5FD !important}
/* 7) summary strip */
.cust-summary{border-radius:19px}
html[data-theme="light"] .cust-summary{background:#FFFFFF !important;border-color:#E6EAF2 !important}
html .cs-val.red{color:#C93338}
html .cs-val.green{color:#16A34A}
html[data-theme="dark"] .cs-val.red{color:#F87171 !important}
html[data-theme="dark"] .cs-val.green{color:#4ADE80 !important}
html .bs-val.positive{color:#C93338}
html .bs-val.negative{color:#16A34A}
html[data-theme="dark"] .bs-val.negative{color:#4ADE80 !important}
/* 8) promo banner (optional — add <div class="promo-banner">…</div> anywhere to use) */
.promo-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0A1B3D 0%,#14357A 100%);border:1px solid rgba(255,255,255,0.12);border-radius:19px;padding:14px 16px;color:#ffffff;box-shadow:0 8px 24px -4px rgba(15,42,92,0.25);margin-bottom:14px}
.promo-ico{width:40px;height:40px;border-radius:12px;background:rgba(245,179,1,0.18);color:#F5B301;display:grid;place-items:center;flex-shrink:0}
.promo-body{flex:1;min-width:0}
.promo-title{font-weight:800;font-size:14.5px}
.promo-sub{font-size:12.5px;color:rgba(255,255,255,0.7);margin-top:2px}
.promo-go{width:34px;height:34px;border-radius:50%;background:var(--grad-primary);color:#ffffff;display:grid;place-items:center;flex-shrink:0;font-size:16px;font-weight:700}
/* 9) search + inputs */
.form-input,.form-select,.form-textarea{background:#FFFFFF;border:1px solid #E1E7F2;border-radius:14px;color:#0F172A}
.form-input::placeholder,.form-textarea::placeholder{color:#94A3B8}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563EB;box-shadow:0 0 0 4px rgba(37,99,235,0.15);outline:none}
html[data-theme="dark"] .form-input,html[data-theme="dark"] .form-select,html[data-theme="dark"] .form-textarea{background:#0B1730 !important;border-color:#1B2E54 !important;color:#F1F5F9 !important}
html[data-theme="dark"] .form-input:focus,html[data-theme="dark"] .form-select:focus,html[data-theme="dark"] .form-textarea:focus{border-color:#3B82F6 !important;box-shadow:0 0 0 4px rgba(59,130,246,0.20) !important}
/* 10) customers */
.sms-title{color:var(--ink-heading)}
.sms-title svg{color:#2563EB}
html[data-theme="dark"] .sms-title svg{color:#93C5FD}
.avatar{background:linear-gradient(135deg,#DBEAFE,#EDE9FE);color:#1D4ED8;border-color:rgba(37,99,235,0.3)}
html[data-theme="dark"] .avatar{background:linear-gradient(135deg,rgba(59,130,246,0.25),rgba(139,92,246,0.25)) !important;color:#BFDBFE !important;border-color:rgba(59,130,246,0.35) !important}
/* 11) paona — semantic colors via shared rules above (red payable, amber bought, blue given) */
/* 12) settings */
html[data-theme="light"] .card-title{color:#0F172A !important}
/* 13) bottom nav */
.bottom-nav{border-radius:22px}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,0.97) !important;border:1px solid #E6EAF2 !important;box-shadow:0 12px 32px rgba(10,27,61,0.14)}
html[data-theme="dark"] .bottom-nav{background:rgba(11,23,48,0.95) !important;border:1px solid #1B2E54 !important;box-shadow:0 12px 32px rgba(0,0,0,0.5)}
.bottom-nav a{color:#94A3B8;position:relative;transition:color 0.15s ease,background 0.15s ease}
html[data-theme="light"] .bottom-nav a.active{color:#1D4ED8 !important;background:#EAF1FF !important}
html[data-theme="dark"] .bottom-nav a.active{color:#93C5FD !important;background:rgba(59,130,246,0.14) !important}
.bottom-nav a.active::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:3px;background:#2563EB}
html[data-theme="dark"] .bottom-nav a.active::after{background:#60A5FA}
.nav-plus{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 60%,#7C3AED 100%);box-shadow:0 10px 24px rgba(37,99,235,0.4);transform:translateY(-8px)}
.nav-plus:active{transform:translateY(-8px) scale(0.92)}
/* 14) chips + semantic fixes */
.method-chip{background:#EAF1FF;color:#1D4ED8;border:1px solid rgba(37,99,235,0.25)}
html[data-theme="dark"] .method-chip{background:rgba(59,130,246,0.14) !important;color:#93C5FD !important;border-color:rgba(59,130,246,0.3) !important}
html[data-theme="light"] .type-baki{background:#FDECEC !important;color:#C93338 !important}
html[data-theme="light"] .type-payment{background:#E7F6EC !important;color:#15803D !important}
html[data-theme="dark"] .type-baki{background:rgba(229,72,77,0.16) !important;color:#F87171 !important}
html[data-theme="dark"] .type-payment{background:rgba(34,197,94,0.14) !important;color:#4ADE80 !important}
html[data-theme="light"] table.table th{background:#F7F9FC !important;color:#64748B !important}
html[data-theme="dark"] table.table th{background:#0A1428 !important;color:#94A3B8 !important;border-color:#1B2E54 !important}
html[data-theme="dark"] table.table tbody tr:hover{background:rgba(59,130,246,0.08) !important}
html[data-theme="light"] table.table.ledger td.ld-dilam{background:#FDECEC !important;color:#C93338 !important}
html[data-theme="light"] table.table.ledger td.ld-pelam{background:#E7F6EC !important;color:#15803D !important}
html[data-theme="dark"] table.table.ledger td.ld-dilam{background:rgba(229,72,77,0.13) !important;color:#FCA5A5 !important}
html[data-theme="dark"] table.table.ledger td.ld-pelam{background:rgba(34,197,94,0.13) !important;color:#4ADE80 !important}
html[data-theme="light"] .sq-bal.pos{color:#C93338 !important}
html[data-theme="light"] .sq-bal.neg{color:#15803D !important}
html .be-amount.negative{color:#16A34A}
html[data-theme="dark"] .be-amount.negative{color:#4ADE80 !important}
html[data-theme="light"] .notif-info{background:linear-gradient(135deg,#60A5FA,#2563EB) !important}
html[data-theme="light"] .notif-success{background:linear-gradient(135deg,#22C55E,#16A34A) !important}
html[data-theme="dark"] .notif-info{background:linear-gradient(135deg,#60A5FA,#2563EB) !important}
html[data-theme="dark"] .notif-success{background:linear-gradient(135deg,#4ADE80,#16A34A) !important}
html[data-theme="dark"] .stat.primary .icon{background:rgba(59,130,246,0.16) !important;color:#93C5FD !important}
html[data-theme="dark"] .be-balance{background:rgba(59,130,246,0.10) !important}
html[data-theme="dark"] .pv-new{background:rgba(59,130,246,0.12) !important;color:#93C5FD !important}
html[data-theme="dark"] .timeline::before{background:linear-gradient(#274067,rgba(59,130,246,0.45),#274067) !important}
html[data-theme="light"] .app-sidebar nav a.active{background:#EAF1FF !important;color:#1E40AF !important}
.auth-logo{box-shadow:0 10px 26px rgba(10,27,61,0.35)}
.list-item{transition:background 0.15s ease}

/* ============ COMPACT SPACING (mobile only, desktop untouched) ============ */
@media (max-width:960px){
.page{padding:12px 10px calc(88px + env(safe-area-inset-bottom))}
.page-head{margin-bottom:12px}
.card{padding:13px 12px;margin-bottom:10px}
.section-title{margin:14px 2px 8px}
.list-item{padding:10px 12px;gap:10px}
.notif-item{padding:10px 12px;gap:10px}
.form-group{margin-bottom:12px}
.empty{padding:22px 14px;margin-bottom:12px}
.empty .btn{margin-top:10px}
.sms-bar{padding:11px 12px;margin-top:10px;margin-bottom:12px}
.sms-msg{margin-bottom:6px}
.btn{padding:10px 14px;min-height:44px}
.cust-summary{padding:10px 4px;margin-bottom:10px}
.payable-banner{padding:10px 12px;margin-bottom:10px}
.promo-banner{padding:11px 14px;margin-bottom:10px}
.search-box{margin-bottom:10px}
.cust-result-line{margin:-2px 0 8px}
.pager{margin-top:12px}
.kv{padding:7px 0}
.table-wrap{margin:-2px -4px;padding:2px 4px}
}

/* ==========================================================================
   PRO LAYER A — GLOBAL (type, spacing, header, nav, avatars, chips, a11y)
   ========================================================================== */
/* A4: 8px grid — page 16, card 16, gaps 12-16, sections 24 */
.page{padding:16px 16px calc(108px + env(safe-area-inset-bottom))}
.card{padding:16px;margin-bottom:14px}
.today-grid,.stats-grid{gap:12px}
.section-title{margin:24px 2px 12px}
/* A1: fade mask above bottom nav */
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:120px;z-index:49;pointer-events:none;background:linear-gradient(180deg,transparent,var(--canvas))}
/* A2: numbers never truncate */
.bh-value,.tg-val,.cs-val,.bs-val,.stat .value,.v,.amount,.grp-amt,.baki-inline,.pg-info,.pb .v,.be-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.bh-value{font-size:clamp(24px,7.5vw,30px)}
.cs-val{font-size:clamp(13px,4vw,15px);white-space:nowrap}
.stat .value{font-size:clamp(17px,5.5vw,21px)}
/* A3: type scale */
body{font-size:14px;line-height:1.5}
.page-head h1{font-size:20px;font-weight:700}
.page-head .sub{font-size:12px}
.list-body .name{font-size:16px;font-weight:700;line-height:1.5}
.list-body .sub{font-size:12px;line-height:1.5}
/* A6: sticky blurred header */
.appbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* A7: one avatar component, 44px, photo ring, name-hash tints */
.avatar-img{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px rgba(37,99,235,0.3)}
.avatar.av-0{background:linear-gradient(135deg,#DBEAFE,#E0E9FF);color:#1D4ED8;border-color:rgba(37,99,235,0.3)}
.avatar.av-1{background:linear-gradient(135deg,#EDE9FE,#DDD0FD);color:#6D28D9;border-color:rgba(124,58,237,0.3)}
.avatar.av-2{background:linear-gradient(135deg,#D7F3EE,#BDE8DF);color:#0F766E;border-color:rgba(15,118,110,0.3)}
.avatar.av-3{background:linear-gradient(135deg,#FEF3D3,#FDE3AC);color:#B45309;border-color:rgba(245,179,1,0.35)}
html[data-theme="dark"] .avatar-img{box-shadow:0 0 0 2px #0B1730,0 0 0 3.5px rgba(59,130,246,0.4) !important}
html[data-theme="dark"] .avatar.av-0{background:linear-gradient(135deg,rgba(59,130,246,0.3),rgba(59,130,246,0.15)) !important;color:#BFDBFE !important}
html[data-theme="dark"] .avatar.av-1{background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(139,92,246,0.15)) !important;color:#DDD0FD !important}
html[data-theme="dark"] .avatar.av-2{background:linear-gradient(135deg,rgba(45,212,191,0.25),rgba(45,212,191,0.12)) !important;color:#99F6E4 !important}
html[data-theme="dark"] .avatar.av-3{background:linear-gradient(135deg,rgba(245,179,1,0.25),rgba(245,179,1,0.12)) !important;color:#FDE68A !important}
/* A8: semantic nets */
.baki-inline.pos{color:#C93338}
.baki-inline.neg{color:#16A34A}
html[data-theme="dark"] .baki-inline.neg{color:#4ADE80 !important}
.grp-amt.neg{color:#1E40AF}
html[data-theme="dark"] .grp-amt.neg{color:#93C5FD !important}
/* A9: green leftovers -> blue (WhatsApp stays green via .wa-green) */
.welcome-feature-icon{background:#EAF1FF;color:#1D4ED8}
.welcome-feature-icon-warn{background:#FEF4D9;color:#B45309}
.hg-install__mark{background:#2563EB}
.hg-install__go{background:var(--grad-primary)}
.hg-install{border-color:rgba(37,99,235,0.25);box-shadow:0 12px 32px rgba(37,99,235,0.18)}
.wa-green,.wa-green svg{color:#25D366 !important}
/* tap targets + press */
.txn-edit{width:44px;height:44px}
.pg-btn{min-height:44px}
.nav-plus{width:48px;height:48px}
.cust-check{padding:11px;margin:-11px -4px -11px -11px}
.bottom-nav a{min-height:52px}
.list-item{transition:background 0.15s ease,transform 0.15s ease}
.list-item:active{transform:scale(0.99)}

/* ==========================================================================
   PRO LAYER B — HOME (date groups, txn rows, section links, promo count)
   ========================================================================== */
.sec-link{margin-left:auto;font-size:13px;font-weight:700;color:var(--primary-dark);text-decoration:none;white-space:nowrap}
.date-sticky{position:sticky;top:60px;z-index:30;display:inline-block;font-size:11px;font-weight:800;color:var(--ink-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:3px 12px;margin:14px 2px 8px}
.txn-row2{gap:10px}
.txn-row2 .list-body{flex:1;min-width:0}
.name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.name-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.name-row .amount{flex-shrink:0;font-size:15px}
.amount.pos{color:#C93338}
.amount.neg{color:#16A34A}
html[data-theme="dark"] .amount.neg{color:#4ADE80 !important}
.sub-row{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:12px;color:var(--ink-muted)}
.txn-date{white-space:nowrap}
.sub-row .baki-inline{margin-left:auto;white-space:nowrap}
.promo-count{display:inline-block;vertical-align:middle;font-size:11px;font-weight:800;background:rgba(245,179,1,0.22);color:#FBBF24;border:1px solid rgba(245,179,1,0.4);border-radius:999px;padding:1px 9px;margin-left:6px}

/* ==========================================================================
   PRO LAYER C — CUSTOMERS (chips, accordion SMS, due pill, totals row)
   ========================================================================== */
.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:2px;scrollbar-width:none}
.chip-row::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;min-height:36px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--card);color:var(--ink-muted);font-size:13px;font-weight:700;cursor:pointer;transition:all 0.15s ease}
.chip.on{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 4px 12px var(--primary-glow)}
.sms-bar{overflow:hidden}
.sms-bar .sms-title{cursor:pointer;position:relative;padding-right:28px}
.sms-bar .sms-title::after{content:"›";position:absolute;right:4px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:18px;color:var(--ink-muted);transition:transform 0.18s ease}
.sms-bar.open .sms-title::after{transform:translateY(-50%) rotate(-90deg)}
.sms-bar .sms-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.22s ease}
.sms-bar.open .sms-collapsible{grid-template-rows:1fr}
.sms-bar .sms-collapsible > div{overflow:hidden;min-height:0}
#sms-count{display:inline-block;min-width:20px;text-align:center;font-size:11px;font-weight:800;background:var(--primary);color:#ffffff;border-radius:999px;padding:1px 6px;margin:0 2px}
.cust-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.due-pill{font-size:12.5px;font-weight:800;white-space:nowrap;border-radius:999px;padding:4px 11px;border:1px solid transparent}
.due-pill.pos{background:#FEF4D9;color:#B45309;border-color:rgba(245,179,1,0.35)}
.due-pill.neg{background:#EAF1FF;color:#1D4ED8;border-color:rgba(37,99,235,0.3)}
.due-pill.zero{background:var(--surface-muted);color:var(--ink-subtle);border-color:var(--border)}
html[data-theme="dark"] .due-pill.pos{background:rgba(245,179,1,0.16) !important;color:#FBBF24 !important}
html[data-theme="dark"] .due-pill.neg{background:rgba(59,130,246,0.16) !important;color:#93C5FD !important}
.cust-call{width:40px;height:40px;background:#EAF1FF;color:#1D4ED8;box-shadow:none;border:1px solid rgba(37,99,235,0.2)}
html[data-theme="dark"] .cust-call{background:rgba(59,130,246,0.14) !important;color:#93C5FD !important}
.cust-totals{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-light);font-size:12px;color:var(--ink-muted);text-decoration:none}
.cust-totals strong{font-variant-numeric:tabular-nums}
.cust-summary .cs-item.hl-amber{background:#FEF6E4;border-radius:12px}
html[data-theme="dark"] .cust-summary .cs-item.hl-amber{background:rgba(245,179,1,0.1) !important}
/* A11: focus + motion */
:focus-visible{outline:2px solid #2563EB;outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.15)}
/* H: skeleton + bottom-sheet popup */
.skel{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--border-light) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skel 1.2s ease-in-out infinite;border-radius:12px;min-height:16px}
@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}
.skel-row{height:66px;margin-bottom:10px}
.skel-card{height:120px;margin-bottom:14px}
.msg-popup{align-items:flex-end;padding:0}
.msg-popup-card{border-radius:22px 22px 0 0;width:100%;max-width:480px;margin:0 auto;padding:14px 20px calc(24px + env(safe-area-inset-bottom));animation:sheetRise 0.25s cubic-bezier(0.175,0.885,0.32,1.15) both}
.msg-popup-card::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:var(--border-strong);margin:0 auto 12px}

/* ============ THEME FIXES 2026-10-12 (tiles, banner link, logo, given-blue) ============ */
/* 4) vertical action tiles: icon top-left, label below, arrow bottom-right */
.quick-actions .btn{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:84px;padding:12px 42px 12px 12px;line-height:1.35;white-space:normal}
/* 5) promo banner as link */
.promo-banner{text-decoration:none}
.promo-banner:active{transform:scale(0.99)}
.promo-title{display:block}
.promo-sub{display:block}
/* 6) navy logo tile */
.appbar .brand .logo{background:#0F2A5C;box-shadow:0 3px 10px rgba(15,42,92,0.35)}
html[data-theme="dark"] .appbar .brand .logo{background:#0F2A5C !important;box-shadow:0 3px 10px rgba(0,0,0,0.5) !important}
/* avatar: pure cool-blue gradient (no lavender) */
.avatar{background:linear-gradient(135deg,#DBEAFE,#E0E9FF)}
/* 2) দিলাম = blue */
.cs-val.given{color:#1E40AF}
.bs-val.given{color:#1E40AF}
.type-tag.type-given{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;border-radius:999px;background:#EAF1FF;color:#1D4ED8;border:1px solid rgba(37,99,235,0.25)}
html[data-theme="dark"] .cs-val.given{color:#93C5FD !important}
html[data-theme="dark"] .bs-val.given{color:#93C5FD !important}
html[data-theme="dark"] .type-tag.type-given{background:rgba(59,130,246,0.16) !important;color:#93C5FD !important;border-color:rgba(59,130,246,0.3) !important}

/* ==========================================================================
   PRO LAYER D — LEDGER (ref chip, seg toggle, timeline rows, sheet, btn-row)
   ========================================================================== */
.ref-chip{display:inline-block;font-size:11px;font-weight:700;color:var(--ink-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:1px 9px;margin-left:4px;vertical-align:1px}
.seg-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.seg{flex:1;min-height:40px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--ink-muted);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:all 0.15s ease}
.seg-row .ghost-icon-btn{margin-left:auto}
.seg.on{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 4px 12px var(--primary-glow)}
.ghost-icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1.5px solid var(--border);color:var(--ink-muted);cursor:pointer}
.ledger-list{display:flex;flex-direction:column;gap:10px}
.ledger-row{display:flex;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:19px;padding:12px;box-shadow:var(--shadow-sm);content-visibility:auto;contain-intrinsic-size:auto 96px}
.lr-date{flex-shrink:0;width:86px;font-size:11.5px;color:var(--ink-muted);line-height:1.5;padding-top:2px}
.lr-date .ref-chip{margin:4px 0 0}
.lr-mid{flex:1;min-width:0}
.lr-desc{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:break-word}
.lr-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.lr-right{flex-shrink:0;text-align:right}
.lr-amt{font-weight:800;font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lr-amt.sell{color:#C93338}
.lr-amt.get{color:#16A34A}
.lr-net{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}
.lr-net.pos{color:#C93338}
.lr-net.neg{color:#16A34A}
html[data-theme="dark"] .lr-amt.get,html[data-theme="dark"] .lr-net.neg{color:#4ADE80 !important}
.ledger-table-wrap thead th{position:sticky;top:60px;z-index:5}
button.txn-edit{border:1px solid var(--border);cursor:pointer}
.sheet-del-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 14px;border-radius:14px;font-family:var(--f-display);font-size:15.5px;font-weight:700;color:var(--danger-dark);background:#FDECEC;margin:6px 0;border:none;cursor:pointer;text-align:left}
html[data-theme="dark"] .sheet-del-btn{background:rgba(229,72,77,0.14) !important;color:#F87171 !important}
.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.btn-row .btn{min-height:48px}
.btn-wa{background:#FFFFFF;border:1.5px solid rgba(37,166,79,0.4);color:#15803D;box-shadow:var(--shadow-xs)}
html[data-theme="dark"] .btn-wa{background:#0B1730 !important;color:#4ADE80 !important;border-color:rgba(34,197,94,0.4) !important}
.txn-note{font-size:12.5px;color:var(--ink-muted);margin-top:6px;line-height:1.5}
.cust-block .avatar{width:44px;height:44px;min-width:44px;max-width:44px;font-size:18px}

/* ==========================================================================
   PRO LAYER E/F/G — REPORT, SETTINGS, MICRO (rank, progress, chart, sheet)
   ========================================================================== */
.chip{font:inherit}
a.chip{text-decoration:none;display:inline-flex;align-items:center}
.month-chips{margin-bottom:10px}
.rank-badge.r1{background:#FEF3D3 !important;color:#B45309 !important;border-color:#F5B301 !important}
.rank-badge.r2{background:#F1F5F9 !important;color:#64748B !important;border-color:#CBD5E1 !important}
.rank-badge.r3{background:#FDEBD9 !important;color:#9A5B13 !important;border-color:#E8A04C !important}
html[data-theme="dark"] .rank-badge.r1{background:rgba(245,179,1,0.16) !important;color:#FBBF24 !important}
html[data-theme="dark"] .rank-badge.r2{background:rgba(148,163,184,0.16) !important;color:#CBD5E1 !important}
html[data-theme="dark"] .rank-badge.r3{background:rgba(232,160,76,0.16) !important;color:#FDBA74 !important}
.due-progress{height:5px;border-radius:5px;background:var(--surface-muted);border:1px solid var(--border-light);margin-top:6px;overflow:hidden}
.due-progress span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3B82F6,#2563EB)}
.tagada-btn{flex-shrink:0;font-size:12px;font-weight:800;color:#1D4ED8;background:#EAF1FF;border:1px solid rgba(37,99,235,0.3);border-radius:999px;padding:7px 13px;cursor:pointer;white-space:nowrap}
html[data-theme="dark"] .tagada-btn{background:rgba(59,130,246,0.16) !important;color:#93C5FD !important}
.chart-card{padding:16px}
.chart-svg{width:100%;height:auto;display:block}
.bar-sell{fill:#2563EB}
.bar-get{fill:#16A34A}
html[data-theme="dark"] .bar-sell{fill:#60A5FA}
html[data-theme="dark"] .bar-get{fill:#4ADE80}
.bar-label{font-size:11px;fill:#64748B}
html[data-theme="dark"] .bar-label{fill:#94A3B8}
.chart-legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--ink-muted);margin-top:8px}
.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.lg-sell{background:#2563EB}
.lg-get{background:#16A34A}
.list-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.wa-preview{margin:10px 0 12px}
.wa-bubble{max-width:85%;background:#DCF8C6;color:#0F172A;border-radius:4px 14px 14px 14px;padding:10px 12px;font-size:13.5px;line-height:1.5;box-shadow:var(--shadow-sm);white-space:pre-line;overflow-wrap:break-word}
.wa-bubble:empty{display:none}
html[data-theme="dark"] .wa-bubble{background:#005C4B !important;color:#F1F5F9 !important}
.save-sticky{position:sticky;bottom:calc(100px + env(safe-area-inset-bottom));z-index:40}
.form-input,.form-select{min-height:52px}
.search-box .form-input{min-height:48px}
#to-top{position:fixed;right:14px;bottom:calc(100px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;z-index:60;place-items:center;cursor:pointer;background:var(--card);border:1px solid var(--border);color:var(--primary-dark);box-shadow:var(--shadow-md)}
html[data-theme="dark"] #to-top{color:#93C5FD}
.lr-amt.sell{color:#C93338}
html[data-theme="dark"] .lr-amt.sell,html[data-theme="dark"] .lr-net.pos{color:#F87171 !important}
@media print{.seg-row,.month-chips,#to-top,.tagada-btn,.chip-row,#print-statement,.promo-banner{display:none !important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}

/* ==========================================================================
   COMPACT PRO — tighter spacing, 700-max weights, refined nav/lists/forms.
   Mobile-first; desktop padding restored explicitly.
   ========================================================================== */
:root{--radius:16px;--radius-lg:20px}
.bh-value,.tg-val,.cs-val,.bs-val,.stat .value,.amount,.grp-amt,.lr-amt,.lr-net,.baki-inline,.be-amount,.v,.kv .v{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
@media (max-width:960px){.page{padding:8px 14px calc(86px + env(safe-area-inset-bottom))}}
@media (min-width:961px){.page{padding:30px 34px 100px}.appbar{height:68px}}
.page > :first-child{margin-top:0}
/* weights: 700 max, labels 600, body 500 */
html .page-head h1,html .section-title,html .list-body .name,html .amount,html .list-end .amount,html .tg-val,html .cs-val,html .bs-val,html .bh-value,html .stat .value,html .kv .v,html .be-amount,html .lr-amt,html .ph-name,html .auth-title,html .empty-title,html .promo-title,html .due-pill,html .seg,html .rank-badge,html .tagada-btn,html .grp-amt,html .pb .v,html .baki-inline,html .cust-totals strong{font-weight:700 !important}
html .cs-label,html .bs-label,html .tg-label,html .form-label{font-weight:600 !important}
body{font-weight:500;line-height:1.45}
h1,.section-title,.list-body .name,.ph-name{line-height:1.5}
/* header 56px */
.appbar{height:56px;box-shadow:none;border-bottom:1px solid var(--border)}
.appbar .brand{font-size:16px;font-weight:700}
html .appbar .brand .logo{width:34px;height:34px;font-size:17px;border-radius:10px}
.appbar .actions{gap:6px}
html[data-theme="light"] .icon-btn,html[data-theme="dark"] .icon-btn{width:36px;height:36px;border-radius:10px}
.icon-btn svg{width:18px;height:18px}
/* hero */
.workspace-kicker{font-size:12px;margin-bottom:6px}
.balance-hero{padding:14px 16px;min-height:104px}
.balance-hero::before{opacity:0.6}
.bh-value{font-size:clamp(22px,7vw,28px)}
.bh-label{font-size:12px}
.balance-hero .bh-sub{font-size:12px}
.g-avatar{width:32px;height:32px;font-size:15px;border-width:1px}
/* today cards: single row, 64px */
.today-grid{gap:10px}
.tg-card{min-height:64px;padding:10px 12px}
.tg-ico{width:32px;height:32px;border-radius:10px}
.tg-label{font-size:12px}
.tg-val{font-size:18px}
/* action tiles: single row 60px */
.quick-actions .btn{flex-direction:row;align-items:center;min-height:60px;padding:8px 40px 8px 10px;font-size:15px;font-weight:600;gap:10px}
.quick-actions .btn svg{width:18px;height:18px;padding:7px}
.quick-actions .btn::after{right:10px;bottom:auto;top:50%;transform:translateY(-50%);width:24px;height:24px;font-size:15px}
.quick-actions .btn-primary{box-shadow:0 6px 14px rgba(37,99,235,0.22)}
html[data-theme="light"] .quick-actions .btn-outline{box-shadow:0 6px 14px rgba(124,58,237,0.22) !important}
html[data-theme="dark"] .quick-actions .btn-outline{box-shadow:0 6px 14px rgba(139,92,246,0.25) !important}
/* banner 60px */
.promo-banner{min-height:60px;padding:10px 12px}
.promo-ico{width:38px;height:38px}
.promo-title{font-size:14px}
.promo-sub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-go{width:32px;height:32px;font-size:15px}
/* section headers */
.section-title{font-size:15px;margin:16px 0 8px}
.sec-link{font-size:12px;font-weight:600}
/* empty */
.empty{padding:20px 16px}
html[data-theme="light"] .empty,html[data-theme="dark"] .empty{border:1px dashed #C7D3EA}
.empty .empty-ico{width:44px;height:44px}
.empty-title{font-size:15px}
.empty .empty-sub{font-size:12.5px}
.empty .btn{min-height:40px}
/* summary */
.cust-summary{padding:10px 12px}
.cs-label{font-size:11px}
.cs-val{font-size:clamp(12px,3.8vw,14px)}
/* bottom nav */
.bottom-nav{min-height:60px;border-radius:20px;left:12px;right:12px;bottom:10px;margin:0 auto}
.bottom-nav a{font-size:10.5px;min-width:44px;min-height:52px}
.bottom-nav a svg{width:22px;height:22px}
.nav-plus{width:48px;height:48px;transform:translateY(-14px);box-shadow:0 6px 16px rgba(37,99,235,0.35)}
.nav-plus:active{transform:translateY(-14px) scale(0.92)}
.fab{box-shadow:0 6px 16px rgba(37,99,235,0.35)}
/* lists: 60-64px rows, 38px avatars */
.list-item{padding:10px 12px;min-height:60px}
.list-item .avatar,.cust-block .avatar{width:38px;height:38px;min-width:38px;max-width:38px;font-size:16px}
.list-body .name{font-size:15px}
.list-end .amount{font-size:14px}
/* search / chips / forms */
.search-box .form-input{min-height:44px}
.chip{min-height:30px;padding:4px 12px;font-size:12px}
.form-input,.form-select{min-height:46px}
.form-label{font-size:12.5px;margin-bottom:6px}
.btn{min-height:46px}
/* cards: soft 1px + light shadow */
.card,.list,.cust-summary,.stat{box-shadow:0 1px 2px rgba(15,42,92,0.04),0 4px 12px rgba(15,42,92,0.05)}
html[data-theme="light"] .card,html[data-theme="light"] .list{border-color:#E6EAF2}
/* remaining greens -> blue */
.btn-outline{border-color:rgba(37,99,235,0.35)}
#cell-received .be-label{color:#16A34A}
form[action*="supplier"] #cell-received .be-label{color:#1E40AF}
form[action*="supplier"] #cell-sold .be-label{color:#B45309}
html[data-theme="dark"] #cell-received .be-label{color:#4ADE80 !important}
html[data-theme="dark"] form[action*="supplier"] #cell-received .be-label{color:#93C5FD !important}
html[data-theme="dark"] form[action*="supplier"] #cell-sold .be-label{color:#FBBF24 !important}