@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;--bg: #f6f8fa;--surface: #ffffff;--surface-dim: #f0f2f5;--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--text: #111827;--text-secondary: #6b7280;--primary: #0e7490;--primary-hover: #0c6579;--primary-bg: rgba(14, 116, 144, .08);--primary-bg-strong: rgba(14, 116, 144, .14);--accent: #ea580c;--accent-hover: #c2410c;--accent-bg: rgba(234, 88, 12, .08);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--tab-height: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);line-height:1.5}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;background:none}h1,h2,h3,h4,p{margin:0}.auth-shell{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.25rem;background:radial-gradient(circle at top,rgba(14,116,144,.1),transparent 36%),linear-gradient(180deg,#f8fafc,#eef3f7)}.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border:1px solid var(--border);border-radius:24px;background:#fffffff0;box-shadow:var(--shadow-lg)}.auth-kicker{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.auth-card h1{font-size:1.7rem;font-weight:800;letter-spacing:-.03em}.auth-copy{color:var(--text-secondary);line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:.85rem}.app-shell{display:flex;flex-direction:column;min-height:100dvh;min-height:-webkit-fill-available}.app-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 1rem calc(var(--tab-height) + var(--safe-bottom) + 1rem)}.top-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;background:#ffffffd1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.top-bar-brand,.top-bar-actions{display:flex;align-items:center;gap:.5rem}.top-bar-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;font-size:.8rem}.top-bar-title{font-weight:700;font-size:1rem;letter-spacing:-.01em}.top-bar-badge{display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-bg)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.45rem 0;color:var(--text-secondary);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--primary)}.tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;position:relative}.tab-item.active .tab-icon:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary)}.tab-label{font-size:.68rem;font-weight:600;letter-spacing:.01em}.view-enter{animation:viewIn .25s ease-out}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-stack{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.card-header-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.card-header-value{font-size:.92rem;font-weight:700;color:var(--text)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-tile{display:flex;flex-direction:column;gap:.25rem;padding:.85rem;border-radius:var(--radius-sm);background:var(--surface-dim)}.stat-tile.highlight{background:var(--primary-bg)}.stat-tile.warn{background:var(--accent-bg)}.stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.stat-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.15}.stat-tile.highlight .stat-value{color:var(--primary)}.stat-tile.warn .stat-value{color:var(--accent)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.btn-back{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:.25rem}.section-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.section-subtitle{font-size:.85rem;color:var(--text-secondary)}.section-count{font-size:.78rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.action-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;min-height:100px;padding:.85rem;border-radius:var(--radius);color:var(--primary);background:var(--primary-bg);transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.action-tile:active{transform:scale(.97)}.action-tile.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:var(--shadow-md)}.action-tile.primary:active{box-shadow:var(--shadow-sm)}.action-icon{font-size:1.5rem;line-height:1}.action-tile strong{font-size:.88rem;font-weight:700;line-height:1.25}.action-tile small{display:none}.chip-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chip-scroll::-webkit-scrollbar{display:none}.customer-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:140px;max-width:200px;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.customer-chip strong{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.customer-chip span{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.customer-chip.active{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #0e74901f}.customer-chip.active strong{color:var(--primary)}.filter-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--text-secondary);background:var(--surface-dim);border:1.5px solid transparent;transition:all .15s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.filter-chip.active{color:var(--primary);background:var(--primary-bg);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.7rem 1.15rem;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:var(--primary);box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{color:#fff;background:var(--accent);box-shadow:var(--shadow)}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);background:var(--surface-dim)}.btn-ghost:hover{background:var(--border)}.btn-danger{color:#fff;background:var(--danger);box-shadow:var(--shadow)}.btn-danger:hover{background:#b91c1c}.btn-outline{color:var(--primary);background:transparent;border:1.5px solid var(--border-strong)}.btn-outline:hover{background:var(--primary-bg)}.btn-sm{min-height:36px;padding:.4rem .75rem;font-size:.8rem;border-radius:var(--radius-xs)}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-stack{display:flex;flex-direction:column;gap:.85rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.field-input,.field select,.field textarea{width:100%;min-height:48px;padding:.7rem .85rem;color:var(--text);background:var(--surface-dim);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:90px;resize:vertical}.field-input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0e74901a;background:var(--surface)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.checkbox-field{display:flex;align-items:center;gap:.65rem;padding:.5rem 0}.checkbox-field input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:var(--primary)}.checkbox-field span{font-size:.88rem;font-weight:600}.feedback{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem}.feedback.success{color:var(--success);background:var(--success-bg);border:1px solid rgba(5,150,105,.16)}.feedback.error{color:var(--danger);background:var(--danger-bg);border:1px solid rgba(220,38,38,.12)}.balance-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--surface-dim);border:1px solid var(--border)}.balance-info{display:flex;flex-direction:column;gap:.1rem}.balance-info strong{font-size:.92rem;font-weight:700}.balance-info span{font-size:.78rem;color:var(--text-secondary)}.balance-banner.due{background:var(--accent-bg);border-color:#ea580c29}.balance-banner.settled{background:var(--success-bg);border-color:#05966929}.balance-amount{font-size:1.1rem;font-weight:800;white-space:nowrap}.balance-banner.due .balance-amount{color:var(--accent)}.balance-banner.settled .balance-amount{color:var(--success)}.search-bar{position:relative}.search-bar .search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-secondary);pointer-events:none}.search-bar input{width:100%;min-height:44px;padding:.6rem .85rem .6rem 2.4rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.9rem;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0e74901a}.search-bar input::placeholder{color:var(--text-secondary)}.autocomplete-wrapper{position:relative}.autocomplete-selected{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;padding:.7rem .85rem;background:var(--primary-bg);border:1.5px solid var(--primary);border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;color:var(--primary)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0e74901f;color:var(--primary);font-size:.75rem;font-weight:800;flex-shrink:0;transition:background .15s ease}.autocomplete-clear:hover{background:#0e749033}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:50;margin:4px 0 0;padding:0;list-style:none;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;max-height:280px;overflow-y:auto}.autocomplete-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .85rem;cursor:pointer;transition:background .1s ease;-webkit-tap-highlight-color:transparent}.autocomplete-item:not(:last-child){border-bottom:1px solid var(--border)}.autocomplete-item:hover,.autocomplete-item:active{background:var(--primary-bg)}.autocomplete-item-name{font-size:.9rem;font-weight:600;color:var(--text)}.autocomplete-item-balance{font-size:.78rem;font-weight:700;color:var(--accent);white-space:nowrap}.autocomplete-empty{justify-content:center;color:var(--text-secondary);font-size:.85rem;cursor:default}.autocomplete-empty:hover{background:transparent}.customer-list{display:flex;flex-direction:column;gap:.5rem}.customer-card{display:flex;flex-direction:column;gap:.6rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.customer-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.customer-card-info h3{font-size:.95rem;font-weight:700;line-height:1.3}.customer-card-info p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.customer-balance-badge{flex-shrink:0;padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}.customer-balance-badge.due{color:var(--accent);background:var(--accent-bg)}.customer-balance-badge.ok{color:var(--success);background:var(--success-bg)}.customer-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-tag{font-size:.73rem;font-weight:600;color:var(--text-secondary)}.customer-card-note{font-size:.82rem;color:var(--text-secondary);line-height:1.45;padding-top:.25rem;border-top:1px solid var(--border)}.payment-list{display:flex;flex-direction:column;gap:.5rem}.payment-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.payment-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.payment-card.charge:before{background:var(--accent)}.payment-card.settlement:before{background:var(--success)}.payment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-left:.5rem}.payment-card-info h3{font-size:.92rem;font-weight:700;line-height:1.3}.payment-card-info p{font-size:.78rem;color:var(--text-secondary);margin:0}.payment-amount{font-size:1.1rem;font-weight:800;white-space:nowrap}.payment-card.charge .payment-amount{color:var(--accent)}.payment-card.settlement .payment-amount{color:var(--success)}.payment-card-pills{display:flex;flex-wrap:wrap;gap:.3rem;padding-left:.5rem}.mini-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700}.mini-pill.type-charge{color:#9a4b19;background:#ea580c1a}.mini-pill.type-settlement{color:var(--success);background:var(--success-bg)}.mini-pill.receipt-pending{color:#9a4b19;background:#ea580c1a}.mini-pill.receipt-done{color:var(--success);background:var(--success-bg)}.mini-pill.balance{color:var(--text-secondary);background:var(--surface-dim)}.mini-pill.balance.warn{color:#9a4b19;background:#ea580c1a}.payment-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-left:.5rem;font-size:.75rem;color:var(--text-secondary)}.payment-card-note{font-size:.8rem;color:var(--text-secondary);line-height:1.4;padding:.35rem 0 0 .5rem;border-top:1px solid var(--border)}.payment-card-actions{display:flex;flex-wrap:wrap;gap:.45rem;padding-left:.5rem;padding-top:.25rem}.payment-card-actions .btn{flex:1 1 180px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1rem;text-align:center;color:var(--text-secondary);border:1.5px dashed var(--border-strong);border-radius:var(--radius)}.empty-icon{font-size:1.8rem;opacity:.5}.empty-text{font-size:.88rem;font-weight:600}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-sm);background:var(--surface-dim);padding:3px;border:1px solid var(--border)}.type-toggle button{min-height:42px;border-radius:calc(var(--radius-sm) - 2px);font-weight:700;font-size:.82rem;color:var(--text-secondary);transition:all .2s ease}.type-toggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.text-muted{color:var(--text-secondary)}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.fw-700{font-weight:700}.mt-auto{margin-top:auto}.gap-sm{gap:.5rem}.gap-xs{gap:.25rem}@media(min-width:680px){.app-content{max-width:820px;padding-left:1.5rem;padding-right:1.5rem}.quick-actions{grid-template-columns:repeat(3,1fr)}.action-tile small{display:block;font-size:.75rem;color:inherit;opacity:.7;line-height:1.35}.stats-row{grid-template-columns:repeat(4,1fr)}.field-row{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.app-content{max-width:960px}.tab-bar{display:none}.app-content{padding-bottom:2rem}.desktop-nav{display:flex!important}}.desktop-nav{display:none}