:root{--bg:#f0f6fc;--surface:#fff;--ink:#0b3a6e;--muted:#6b7280;--line:#dbe3ee;--brand:#077dd3;--brand-dark:#066bb5;--brand-soft:#e8f3ff;--brand-banner:#eaf4ff;--primary:#077dd3;--danger:#ff5454;--success:#16a34a;--warning:#ffb800;--sidebar-bg:#0b3a6e;--sidebar-active:#077dd3;--sidebar-hover:#134a82;--sidebar-w:224px;--sidebar-rail:56px;--header-h:56px;--shadow:0 1px 3px #077dd314;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Poppins,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{--login-blue:#4c7bff;--login-blue-dark:#3b66e0;--login-ink:#1e3a5f;--login-muted:#6b7280;--login-line:#d5dbe7;background:#eef3fb;place-items:center;min-height:100vh;padding:28px 20px;display:grid;position:relative;overflow:hidden}.login-page-bg{opacity:.18;pointer-events:none;filter:blur(1px)saturate(.9);background:url(/login_bg_image.png) 50%/cover no-repeat;position:absolute;inset:-4%}.login-card{z-index:1;aspect-ratio:16/9;background:#fff;border-radius:28px;grid-template-columns:minmax(280px,.9fr) 1.1fr;width:min(980px,100%);min-height:520px;max-height:min(620px,88vh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1e40781f,0 2px 8px #1e40780f}.login-card-art{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-form{z-index:2;align-content:center;gap:18px;width:min(420px,100%);padding:48px 36px 48px 52px;display:grid;position:relative}.login-brand-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-brand-icon{object-fit:contain;background:0 0;width:40px;height:36px;display:block}.login-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--login-blue);margin:0;font-size:.82rem;font-weight:700}.login-form-heading h1{letter-spacing:-.03em;color:var(--login-ink);margin:0 0 8px;font-size:clamp(2rem,3vw,2.55rem);font-weight:700}.login-form-heading>p{color:#4b5563;margin:0 0 8px;font-size:.98rem;font-weight:600}.login-powered{text-align:center;letter-spacing:.04em;color:var(--login-muted);justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:.82rem;font-weight:600;display:flex}.login-powered-icon{object-fit:contain;background:0 0;width:20px;height:18px;display:block}.field-with-icon{align-items:center;display:flex;position:relative}.field-icon{color:#9aa3b2;pointer-events:none;place-items:center;width:18px;height:18px;display:grid;position:absolute;left:14px}.field-icon svg{width:18px;height:18px}.field-with-icon input{border:1px solid var(--login-line);color:#111827;background:#fffffff5;border-radius:10px;width:100%;padding:14px 44px;transition:border-color .15s,box-shadow .15s}.field-with-icon input::placeholder{color:#9aa3b2}.field-with-icon input:focus{border-color:var(--login-blue);outline:none;box-shadow:0 0 0 3px #4c7bff29}.password-toggle{color:#9aa3b2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--login-blue);background:#f3f6ff}.password-toggle svg{width:18px;height:18px}.login-form-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:-4px;display:flex}.remember-row{color:var(--login-muted);cursor:pointer;align-items:center;gap:8px;font-size:.86rem;display:flex}.remember-row input{width:auto;accent-color:var(--login-blue)}.forgot-link{color:var(--login-blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.login-submit{background:var(--login-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:4px;padding:14px 16px;font-size:1rem;font-weight:700;transition:background .15s,box-shadow .15s;box-shadow:0 10px 22px #4c7bff47}.login-submit:hover:not(:disabled){background:var(--login-blue-dark)}.login-submit:disabled{opacity:.72;cursor:not-allowed}.form-error{color:var(--danger);margin:0;font-size:.9rem}.primary-btn,.logout-btn{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;transition:background .15s,transform .15s,box-shadow .15s}.primary-btn{background:var(--brand);color:#fff;margin-top:8px;font-weight:600;box-shadow:0 8px 18px #077dd347}.primary-btn:hover:not(:disabled){background:var(--brand-dark)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.app-shell{background:var(--bg);height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{height:var(--header-h);z-index:20;background:linear-gradient(#fff 0%,#f3f8fd 100%);border-bottom:1px solid #d6e6f5;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex;box-shadow:inset 0 1px #fffc,0 4px 14px #077dd30f}.header-left,.header-right{align-items:center;gap:8px;min-width:0;display:flex}.header-title{color:#0b3a6e;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.header-icon-btn{color:#3d6a94;cursor:pointer;background:#ffffffb3;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:inline-grid}.header-icon-btn:hover{color:var(--brand);background:#e8f3ff;border-color:#cfe4f8}.mobile-only{display:inline-grid}.desktop-only{display:none}.user-menu{position:relative}.user-chip{cursor:pointer;background:#ffffffd9;border:1px solid #d6e6f5;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 8px;transition:background .15s,border-color .15s;display:flex;box-shadow:0 1px 2px #077dd30d}.user-chip:hover{background:#eaf4ff;border-color:#b9d8f3}.user-avatar{width:28px;height:28px;color:var(--brand);background:linear-gradient(145deg,#e8f3ff,#d4ebff);border:1px solid #cfe4f8;border-radius:999px;place-items:center;display:grid}.user-meta{text-align:left;display:none}.user-name{color:#0b3a6e;margin:0;font-size:.75rem;font-weight:600;display:block}.user-email{color:#6b8aad;text-transform:capitalize;margin:0;font-size:.68rem;display:block}.user-chevron{color:#9ca3af;display:none}.user-dropdown{border:1px solid var(--line);z-index:40;background:#fff;border-radius:10px;width:240px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 28px #0f172a1f}.user-dropdown-head{border-bottom:1px solid #f3f4f6;padding:12px 14px}.user-dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.875rem;display:flex}.user-dropdown-item:hover{background:#f9fafb}.user-dropdown-item.is-danger{color:#dc2626}.app-sidebar{background:var(--sidebar-bg);color:#fff;flex-direction:column;display:flex;box-shadow:0 10px 24px #0f172a2e}.desktop-sidebar{flex-shrink:0;transition:width .25s;display:none}.desktop-sidebar.is-expanded{width:var(--sidebar-w)}.desktop-sidebar.is-rail{width:var(--sidebar-rail)}.mobile-sidebar{z-index:40;width:256px;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.mobile-sidebar.is-open{transform:translate(0)}.sidebar-overlay{z-index:30;cursor:pointer;background:#00000080;border:0;position:fixed;inset:0}.sidebar-brand{height:var(--header-h);border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:0 16px;display:flex}.sidebar-brand.is-compact{justify-content:center;padding:0}.sidebar-logo-wrap{background:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.sidebar-logo{object-fit:cover;width:100%;height:100%}.sidebar-brand-text{white-space:nowrap;font-size:.875rem;font-weight:600}.sidebar-brand-accent{color:var(--primary)}.sidebar-mobile-top{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;display:flex}.sidebar-close{color:#d1d5db;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:8px;display:grid}.sidebar-close:hover{background:var(--sidebar-hover);color:#fff}.sidebar-nav{flex:1;align-content:start;gap:2px;padding:12px 8px;display:grid;overflow:auto}.sidebar-link{color:#d1d5db;border-radius:6px;align-items:center;gap:12px;height:36px;padding:0 12px;font-size:.875rem;transition:background .15s,color .15s;display:flex}.sidebar-link.is-rail{justify-content:center;padding:0}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.is-active{background:var(--sidebar-active);color:#fff;font-weight:500}.sidebar-lucide{flex-shrink:0;width:16px;height:16px}.app-content{flex:1;min-height:0;padding:12px;overflow:auto}.page{gap:20px;display:grid}.page-header h1{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.page-header p{color:#6b7280;margin:4px 0 0;font-size:.875rem}.dashboard-page .dist-toolbar{margin-bottom:4px}.dashboard-page .sale-date-filter{margin-left:auto}.dashboard-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.report-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.dashboard-stat-card{background:#fff;border:1px solid #e5e7eb;border-top:3px solid #077dd3;border-radius:10px;min-width:0;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.dashboard-stat-card.is-cash{border-top-color:#16a34a}.dashboard-stat-card.is-online{border-top-color:#0f766e}.dashboard-stat-card.is-credit{border-top-color:#b45309}.dashboard-stat-card.is-combined{border-top-color:#0b3a6e}.dashboard-stat-card.is-pending{border-top-color:#dc2626}.dashboard-stat-top{color:#4b5563;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:600;display:flex}.dashboard-stat-icon{color:#077dd3;background:#e8f3ff;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:inline-grid}.dashboard-stat-card.is-cash .dashboard-stat-icon{color:#16a34a;background:#ecfdf5}.dashboard-stat-card.is-online .dashboard-stat-icon{color:#0f766e;background:#f0fdfa}.dashboard-stat-card.is-credit .dashboard-stat-icon{color:#b45309;background:#fffbeb}.dashboard-stat-card.is-combined .dashboard-stat-icon{color:#0b3a6e;background:#e8eef5}.dashboard-stat-card.is-pending .dashboard-stat-icon{color:#dc2626;background:#fef2f2}.dashboard-stat-amount{color:#111827;letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.2;display:block}.dashboard-stat-count{color:#6b7280;margin:6px 0 0;font-size:.75rem}@media (width<=1200px){.dashboard-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-stats-grid{grid-template-columns:1fr}}.panel-card,.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px}.stat-card{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.stat-title{color:#4b5563;margin:0 0 4px;font-size:.75rem}.stat-value{color:#111827;margin:0;font-size:1.15rem;font-weight:700}.stat-icon{border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.stat-icon.tone-primary{background:var(--brand-soft);color:var(--brand)}.stat-icon.tone-green{color:#16a34a;background:#dcfce7}.stat-icon.tone-amber{color:#d97706;background:#fef3c7}.stat-icon.tone-red{color:#dc2626;background:#fee2e2}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dash-mid,.dash-tables{gap:16px;display:grid}.panel-card{padding:16px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-head h2,.panel-title{color:#111827;margin:0;font-size:.875rem;font-weight:600}.panel-head p{color:#6b7280;margin:4px 0 0;font-size:.75rem}.text-link{color:var(--brand);white-space:nowrap;font-size:.75rem;font-weight:500}.text-link:hover{text-decoration:underline}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.month-chip{border:1px solid #0000;border-radius:8px;gap:6px;padding:12px;display:grid}.month-chip span{font-size:.7rem;font-weight:600}.month-chip strong{font-size:1.05rem}.month-chip.tone-blue{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.month-chip.tone-green{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.month-chip.tone-amber{color:#b45309;background:#fffbeb;border-color:#fef3c7}.month-chip.tone-purple{color:#7e22ce;background:#faf5ff;border-color:#f3e8ff}.payment-bars-title{color:#374151;margin:0 0 8px;font-size:.75rem;font-weight:600}.payment-row{color:#4b5563;grid-template-columns:130px 1fr auto;align-items:center;gap:12px;margin-bottom:8px;font-size:.75rem;display:grid}.bar-track{background:#f3f4f6;border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%}.payment-row strong{color:#374151;white-space:nowrap;font-weight:600}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-action{text-align:center;color:#374151;border:1px solid var(--line);background:#f9fafb;border-radius:8px;padding:10px 12px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.quick-action:hover{background:var(--brand-soft);color:var(--brand-dark)}.form-success{color:var(--success);margin:0;font-size:.9rem}.modal-backdrop{z-index:60;background:#0b3a6e59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(420px,100%);overflow:hidden;box-shadow:0 18px 40px #0b3a6e2e}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-head h2{color:var(--ink);margin:0;font-size:1rem}.modal-form{gap:12px;padding:16px;display:grid}.modal-form label{color:#374151;gap:6px;font-size:.85rem;font-weight:500;display:grid}.modal-form input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px 12px}.modal-form input:focus{border-color:var(--brand);outline:2px solid #077dd333}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.empty-table{text-align:center;color:#6b7280;background:#fafafa;border:1px dashed #e5e7eb;border-radius:8px;margin:0;padding:28px 12px;font-size:.875rem}.settings-home{gap:16px}.settings-home-header h1{color:#111827;margin:0;font-size:1.125rem;font-weight:700}.settings-home-header p{color:#4b5563;margin:2px 0 0;font-size:.75rem}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-card{height:100%;box-shadow:var(--shadow);background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:border-color .15s,background .15s;display:flex}.settings-card:hover{background:#eff6ff66;border-color:#93c5fd}.settings-card-icon{color:#1d4ed8;background:#dbeafe;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.settings-card:hover .settings-card-icon{background:#bfdbfe}.settings-card-body{flex:1;min-width:0}.settings-card-title-row{align-items:flex-start;gap:8px;display:flex}.settings-card h2{color:#111827;flex:1;min-width:0;margin:0;font-size:.75rem;font-weight:600;line-height:1.3}.settings-card:hover h2{color:#1d4ed8}.settings-card p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.settings-count{font-variant-numeric:tabular-nums;color:#4b5563;background:#f3f4f6;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.settings-count.is-loading{color:#d1d5db}.back-link{white-space:nowrap;align-items:center;gap:4px;margin-bottom:0;font-size:.75rem;display:inline-flex}.with-icon{align-items:center;gap:6px;display:inline-flex}.dist-page{gap:12px}.accounts-tabs{background:#e5e7eb;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;width:fit-content;margin-bottom:0;padding:3px;display:inline-flex}.accounts-tab{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.accounts-tab.is-active{color:#0b3a6e;background:#fff;box-shadow:0 1px 2px #0f172a14}.inv-page{gap:10px}.inv-toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.inv-toolbar h1{color:#111827;white-space:nowrap;flex-shrink:0;margin:0;font-size:1.125rem;font-weight:700}.inv-toolbar .btn-primary{border-radius:6px;flex-shrink:0;height:32px;margin-left:auto;padding:0 12px;font-size:.75rem}.inv-search{flex:180px;min-width:160px;max-width:280px;position:relative}.inv-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.inv-search input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;height:32px;padding:0 10px 0 30px;font-size:.75rem}.inv-search input:focus{border-color:#077dd3;outline:none;box-shadow:0 0 0 3px #077dd31f}.inv-tabs{background:#e5e7eb;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.inv-tab{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.inv-tab:hover{color:#111827}.inv-tab.is-active{color:#0b3a6e;background:#fff;box-shadow:0 1px 2px #0f172a14}.inv-note-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.dist-table .inv-sale-total-row td{color:#111827;background:#f8fafc;border-top:1px solid #e5e7eb;font-size:.75rem;font-weight:700}.dist-table .inv-sale-total-row .text-right{text-align:right}.dist-form-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=900px){.inv-toolbar .btn-primary{margin-left:0}.inv-search{flex:100%;order:3;max-width:none}}.ledger-balance-chip{color:#374151;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:.75rem}.ledger-balance-chip strong{color:#0b3a6e;font-weight:700}.dist-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dist-title-row h1,.dist-toolbar h1{color:#111827;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:700}.dist-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dist-toolbar-left{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:inline-flex}.dist-toolbar .dist-search{flex:220px;min-width:180px;max-width:320px;margin-left:auto}.sale-date-filter{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.sale-date-filter select,.sale-date-filter input[type=date]{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:132px;height:32px;padding:0 10px;font-size:.75rem}.sale-date-filter select:focus,.sale-date-filter input[type=date]:focus{border-color:#077dd3;outline:none;box-shadow:0 0 0 2px #077dd32e}.dist-toolbar .dist-search input{max-width:none}.dist-title-row .btn-primary,.dist-toolbar .btn-primary{border-radius:6px;flex-shrink:0;height:28px;padding:0 10px;font-size:.75rem;box-shadow:0 1px 2px #0f172a0f}.dist-search input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;max-width:20rem;height:32px;padding:0 10px;font-size:.75rem}.dist-search input:focus{border-color:#077dd3;outline:none;box-shadow:0 0 0 2px #077dd32e}@media (width<=700px){.dist-toolbar .dist-search{flex:100%;order:3;max-width:none;margin-left:0}}.dist-loading{text-align:center;color:#6b7280;padding:32px;font-size:.875rem}.dist-table-shell{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.dist-table-wrap{border-bottom:1px solid #e5e7eb;overflow:auto}.dist-table{border-collapse:collapse;width:100%;font-size:.75rem;line-height:1.25}.dist-table thead{z-index:1;background:#f3f4f6;border-bottom:2px solid #d1d5db;position:sticky;top:0}.dist-table th{text-align:left;color:#1f2937;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:6px 12px;font-size:.75rem;font-weight:700;line-height:1.25}.dist-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #e5e7eb;height:36px;padding:2px 12px;font-size:.75rem;line-height:1.25}.dist-table tbody tr:last-child td{border-bottom:0}.dist-table tbody tr:hover{background:#f9fafb}.dist-table .font-medium{font-weight:500}.dist-table .text-center{text-align:center}.dist-table .dist-col-sr{white-space:nowrap;color:#4b5563;width:56px}.dist-table .dist-muted{color:#6b7280;white-space:nowrap}.sale-created-cell{vertical-align:middle;max-width:140px;font-size:.68rem;line-height:1.15;white-space:normal!important;padding-top:4px!important;padding-bottom:4px!important}.sale-created-stack{flex-direction:column;gap:1px;min-width:0;display:flex}.sale-created-by,.sale-created-at{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sale-created-by{color:#374151;font-weight:500}.sale-created-at{color:#6b7280;font-size:.64rem}.dist-empty{text-align:center!important;color:#6b7280!important;height:auto!important;padding:32px 12px!important;font-size:.75rem!important}.dist-actions{justify-content:center;align-items:center;gap:4px;display:flex}.icon-action{cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;text-decoration:none;transition:background .15s,color .15s;display:inline-grid}a.icon-action{color:inherit}.icon-action.edit{color:#2563eb}.icon-action.edit:hover{background:#eff6ff}.icon-action.print{color:#0f766e}.icon-action.print:hover{background:#f0fdfa}.icon-action.pay{color:#b45309}.icon-action.pay:hover{background:#fffbeb}.icon-action.delete{color:#dc2626}.icon-action.delete:hover{background:#fef2f2}.dist-meta{gap:2px;display:grid}.dist-meta strong{color:#111827;font-weight:500}.dist-meta span{color:#6b7280;font-size:.7rem}.dist-pagination{background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dist-pagination-info,.dist-pagination-controls,.dist-page-size{color:#374151;align-items:center;gap:8px;font-size:.75rem;display:flex}.dist-page-size select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:.75rem}.dist-page-nav{align-items:center;gap:4px;display:flex}.dist-page-nav button{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:4px;display:inline-grid}.dist-page-nav button:hover:not(:disabled){background:#f3f4f6}.dist-page-nav button:disabled{color:#d1d5db;cursor:not-allowed}.dist-modal-root{z-index:9999;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dist-modal-backdrop{cursor:pointer;background:#00000080;border:0;position:absolute;inset:0}.dist-modal{background:#fff;border-radius:8px;flex-direction:column;width:min(440px,100%);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a33}.dist-modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.dist-modal-head h2{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.dist-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.dist-modal-close:hover{color:#4b5563;background:#f3f4f6}.dist-modal-body{gap:16px;padding:16px 24px;display:grid;overflow:auto}.dist-field{color:#374151;gap:6px;min-width:0;font-size:.75rem;font-weight:500;display:grid}.dist-field em{color:#dc2626;font-style:normal}.field-error{color:#dc2626;font-size:.7rem;font-weight:500}.dist-field input,.dist-field textarea,.dist-field select{font:inherit;color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:0;max-width:100%;padding:8px 10px;font-size:.75rem;font-weight:400}.dist-field input::placeholder,.dist-field textarea::placeholder{color:#9ca3af}.dist-field input:focus,.dist-field textarea:focus,.dist-field select:focus{border-color:#077dd3;outline:none;box-shadow:0 0 0 2px #077dd32e}.dist-field input:disabled,.dist-field textarea:disabled,.dist-field select:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.dist-field textarea{resize:vertical;min-height:84px}.dist-modal-lg{width:min(840px,100vw - 32px)}.invoice-detail-modal .dist-modal-body{gap:14px}.invoice-detail-modal-title{align-items:center;gap:10px;min-width:0;display:flex}.invoice-detail-modal-title h2{white-space:nowrap}.invoice-detail-table{border:1px solid #e5e7eb;border-radius:8px;max-height:min(42vh,360px);overflow:auto}.invoice-detail-pay{border-top:1px solid #e5e7eb;padding-top:12px}.invoice-detail-pay h3{color:#111827;margin:0 0 10px;font-size:.8125rem;font-weight:600}.invoice-detail-pay-row{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.invoice-detail-pay-row>.dist-field{flex:0 140px;min-width:120px;margin:0}.invoice-detail-pay-row>.invoice-detail-pay-remarks{flex:180px;min-width:160px}.invoice-detail-pay-row .dist-field input,.invoice-detail-pay-row .dist-field select{border-radius:6px;height:30px;padding:0 8px;font-size:.75rem}.invoice-detail-pay-action{flex:none;align-items:flex-end;display:flex}.invoice-detail-pay-action .btn-primary{white-space:nowrap;border-radius:6px;height:30px;padding:0 12px;font-size:.75rem;box-shadow:0 1px 2px #0f172a0f}.invoice-detail-pay .dist-form-actions{justify-content:flex-end;margin-top:10px;display:flex}@media (width<=720px){.invoice-detail-pay-row>.dist-field,.invoice-detail-pay-row>.invoice-detail-pay-remarks{flex:100%}.invoice-detail-pay-action{justify-content:flex-end;width:100%}}.customer-pay-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;gap:10px 18px;padding:10px 12px;display:flex}.customer-pay-summary>div{color:#4b5563;align-items:baseline;gap:8px;font-size:.75rem;display:flex}.customer-pay-summary strong{color:#111827;font-weight:700}.customer-pay-fields{grid-template-columns:minmax(140px,200px) minmax(0,1fr);align-items:end;gap:12px;display:grid}@media (width<=700px){.customer-pay-fields{grid-template-columns:1fr}}.dist-col-check{width:36px;text-align:center!important}.dist-col-check input{cursor:pointer;width:14px;height:14px}.dist-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.dist-form-span{grid-column:1/-1}.dist-form-row-4{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dist-form-row-flags{grid-column:1/-1;grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr);align-items:end;gap:16px 20px;display:grid}.dist-check-row{flex-wrap:wrap;grid-column:1/-1;gap:12px 18px;padding-top:4px;display:flex}.dist-check-row-inline{grid-column:auto;justify-content:flex-start;align-items:center;gap:12px 16px;min-height:34px;padding-top:0;padding-bottom:2px}.dist-check{color:#374151;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:inline-flex}.dist-check input{accent-color:#077dd3;flex-shrink:0;width:14px;height:14px}.dist-field input[readonly]{color:#374151;background:#f9fafb}.searchable-select{width:100%;min-width:0}.searchable-select-control{position:relative}.searchable-select-control input{padding-right:28px}.searchable-select-clear,.searchable-select-caret{color:#9ca3af;background:0 0;border:0;place-items:center;width:18px;height:18px;padding:0;display:inline-grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.searchable-select-clear{cursor:pointer}.searchable-select-clear:hover{color:#4b5563}.searchable-select-menu{z-index:10050;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:220px;position:fixed;overflow:auto;box-shadow:0 10px 24px #0f172a1f}.searchable-select-menu ul{margin:0;padding:4px 0;list-style:none}.searchable-select-option{text-align:left;color:#111827;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 10px;font-size:.75rem}.searchable-select-option:hover,.searchable-select-option.is-active{color:#0b3a6e;background:#eff6ff}.searchable-select-empty{text-align:center;color:#6b7280;padding:10px;font-size:.75rem}@media (width<=700px){.dist-form-grid,.dist-form-row-4,.dist-form-row-flags{grid-template-columns:1fr}.dist-check-row-inline{min-height:0}}.dist-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.dist-modal-footer .btn-primary,.dist-modal-footer .btn-outline,.dist-modal-footer .btn-danger{border-radius:6px;height:28px;padding:0 10px;font-size:.75rem}.btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 14px;font-size:.75rem;font-weight:500}.btn-outline:hover:not(:disabled){background:#f9fafb}.btn-outline:disabled{opacity:.7;cursor:not-allowed}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;padding:8px 14px;font-size:.75rem;font-weight:600}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.dist-confirm-modal{width:min(420px,100%)}.dist-confirm-body{gap:8px;display:grid}.dist-confirm-message{color:#374151;margin:0;font-size:.875rem;line-height:1.5}.dist-confirm-detail{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}@media (width>=640px){.settings-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.settings-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.page-placeholder{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:8px;padding:48px 24px}@media (width>=768px){.app-header{padding:0 16px}.app-content{padding:16px}.header-title{font-size:1rem}.user-meta,.user-chevron{display:block}.month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.mobile-only,.mobile-sidebar,.sidebar-overlay{display:none}.desktop-only,.desktop-sidebar{display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-mid{grid-template-columns:2fr 1fr}.dash-tables{grid-template-columns:1fr 1fr}}@media (width<=860px){.login-card{aspect-ratio:auto;grid-template-columns:1fr;min-height:auto;max-height:none}.login-card-art{object-position:70% center;opacity:.22}.login-form{background:#ffffffeb;width:100%;padding:36px 28px}}a.btn-primary,a.btn-outline{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.status-paid{color:#166534;background:#dcfce7}.status-partial{color:#92400e;background:#fef3c7}.status-unpaid{color:#991b1b;background:#fee2e2}.invoice-form{gap:12px;display:grid}.invoice-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px}.invoice-lines-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.invoice-lines-head h2{color:#111827;margin:0;font-size:.875rem;font-weight:700}.invoice-batch-stack{gap:6px;min-width:140px;display:grid}.invoice-lines-table .invoice-cell-input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:72px;height:30px;padding:0 8px;font-size:.75rem}.invoice-lines-table .invoice-cell-input[readonly]{color:#374151;cursor:default;background:#f9fafb}.invoice-lines-table .searchable-select-control input.invoice-cell-input{padding-right:28px}.invoice-lines-table .searchable-select-clear,.invoice-lines-table .searchable-select-caret{right:6px}.invoice-col-product{min-width:200px}.invoice-col-product .searchable-select,.invoice-batch-stack .searchable-select{min-width:140px}.invoice-totals-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.invoice-footer-fields{flex-wrap:wrap;flex:auto;align-items:end;gap:12px;min-width:0;display:flex}.invoice-footer-fields>.dist-field{flex:none;width:180px;max-width:100%}.invoice-footer-fields>.dist-field:first-child{width:220px}.invoice-footer-fields>.invoice-field-sm{width:110px}.invoice-discount-field{width:220px}.invoice-discount-input{align-items:center;gap:6px;display:flex}.invoice-discount-input select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:0 0 72px;width:72px;height:34px;font-size:.75rem}.invoice-discount-input input{flex:auto;min-width:0}.invoice-discount-round-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.invoice-discount-round-btn:hover:not(:disabled){color:#077dd3;background:#e8f3ff;border-color:#077dd3}.invoice-discount-round-btn.is-active{color:#fff;background:#077dd3;border-color:#077dd3}.invoice-discount-round-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-summary{gap:6px;min-width:220px;margin-left:auto;display:grid}.invoice-summary-row{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;justify-self:stretch;gap:10px 18px;min-width:0;padding-top:4px;display:flex}.invoice-summary-row div{align-items:center;gap:8px;display:flex}.invoice-summary div{color:#4b5563;justify-content:space-between;gap:16px;font-size:.75rem;display:flex}.invoice-summary strong{color:#111827}.invoice-form-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.sale-create-page .invoice-form-actions .btn-outline,.sale-create-page .invoice-form-actions .btn-primary{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:110px;height:36px;padding:0 16px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.sale-create-page .invoice-form-actions .btn-primary:last-child{min-width:150px}.sale-payment-grid{flex-direction:column;gap:12px;display:flex}.sale-payment-fields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px 12px;display:grid}.sale-payment-fields>.dist-field{width:auto;min-width:0;max-width:none}.sale-payment-fields .invoice-discount-field{width:auto}.sale-payment-summary{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:10px;display:flex}.sale-payment-summary>div{color:#4b5563;align-items:baseline;gap:8px;min-width:0;font-size:.75rem;display:flex}.sale-payment-summary strong{color:#111827;font-weight:700}@media (width<=1100px){.sale-payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sale-payment-fields{grid-template-columns:1fr}}.invoice-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;display:grid}.invoice-meta-grid span{color:#6b7280;margin-bottom:2px;font-size:.7rem;display:block}.invoice-meta-grid strong{color:#111827;font-size:.8125rem;font-weight:600}.invoice-meta-span{grid-column:1/-1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.invoice-totals-grid,.invoice-footer-fields,.invoice-meta-grid{grid-template-columns:1fr;display:grid}.invoice-footer-fields>.dist-field,.invoice-footer-fields>.dist-field:first-child,.invoice-footer-fields>.invoice-field-sm{width:100%}.invoice-summary{justify-self:stretch;margin-left:0}}.sale-create-page{min-height:0}.sale-split-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.sale-split-left{gap:12px;min-width:0;display:grid}.sale-split-right{position:sticky;top:12px}.sale-preview-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.sale-thermal{color:#111827;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;width:100%;max-width:276px;margin:0 auto;padding:12px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sale-thermal-head{text-align:center;margin-bottom:8px}.sale-thermal-head strong{font-size:.8rem;font-weight:700;display:block}.sale-thermal-head span{color:#6b7280;margin-top:2px;font-size:.65rem;display:block}.sale-thermal-title{text-align:center;letter-spacing:.04em;border-bottom:1px dashed #d1d5db;margin:8px 0;padding-bottom:6px;font-size:.78rem;font-weight:700}.sale-thermal-meta{gap:4px;margin-bottom:8px;font-size:.65rem;display:grid}.sale-thermal-meta div{justify-content:space-between;gap:8px;display:flex}.sale-thermal-meta span{color:#6b7280}.sale-thermal-meta strong{text-align:right;word-break:break-word;font-weight:600}.sale-thermal-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:.62rem}.sale-thermal-table th,.sale-thermal-table td{text-align:left;vertical-align:top;border-bottom:1px dashed #e5e7eb;padding:3px 2px}.sale-thermal-table th:nth-child(2),.sale-thermal-table td:nth-child(2),.sale-thermal-table th:nth-child(3),.sale-thermal-table td:nth-child(3),.sale-thermal-table th:nth-child(4),.sale-thermal-table td:nth-child(4){text-align:right;white-space:nowrap}.sale-thermal-empty{color:#9ca3af;text-align:center!important;padding:10px 0!important}.sale-thermal-totals{border-top:1px dashed #d1d5db;gap:3px;padding-top:6px;font-size:.68rem;display:grid}.sale-thermal-totals div{justify-content:space-between;gap:8px;display:flex}.sale-thermal-totals .is-grand{margin-top:2px;font-size:.75rem}.sale-thermal-foot{text-align:center;color:#6b7280;margin-top:10px;font-size:.65rem}.sale-hint{color:#6b7280;margin:8px 0 0;font-size:.7rem}@media (width<=1100px){.sale-split-layout{grid-template-columns:1fr}.sale-split-right{order:-1;position:static}.sale-thermal{max-width:320px}}.product-ledger-page{max-width:100%}.pl-page-head{margin-bottom:12px}.pl-breadcrumb{color:#0b3a6e;align-items:center;gap:8px;margin-bottom:4px;font-size:1.05rem;display:flex}.pl-breadcrumb a{color:#077dd3;font-weight:500;text-decoration:none}.pl-breadcrumb a:hover{text-decoration:underline}.pl-breadcrumb strong{color:#0b3a6e;font-weight:700}.pl-page-sub{color:#6b7280;max-width:640px;margin:0;font-size:.8rem}.pl-filter-bar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.pl-filter-field{flex-direction:column;gap:4px;min-width:180px;display:flex}.pl-filter-field span{color:#4b5563;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:600}.pl-filter-field select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;height:36px;padding:0 10px;font-size:.875rem}.pl-print-btn{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.pl-empty{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.product-ledger-report{flex-direction:column;gap:18px;display:flex}.product-ledger-block{background:#fff;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.product-ledger-block-head{color:#111827;background:#e5e7eb;border-bottom:1px solid #d1d5db;padding:9px 12px;font-size:.84rem;font-weight:700}.product-ledger-table-wrap{overflow-x:auto}.product-ledger-table{border-collapse:collapse;background:#fff;width:100%;margin:0}.product-ledger-table th,.product-ledger-table td{white-space:nowrap;vertical-align:middle;border:1px solid #e5e7eb;padding:7px 10px;font-size:.78rem}.product-ledger-table thead th{color:#374151;text-transform:uppercase;letter-spacing:.02em;background:#f9fafb;font-size:.7rem;font-weight:700}.product-ledger-table thead th.group{text-align:center;background:#f3f4f6}.product-ledger-table thead th.sub{font-size:.68rem;font-weight:600}.product-ledger-table th.num,.product-ledger-table td.num{text-align:right;font-variant-numeric:tabular-nums;min-width:64px}.product-ledger-opening td{color:#374151;background:#fafafa;font-style:italic}.product-ledger-total td{background:#f3f4f6;font-weight:700}