:root{--navy: #16243e;--navy-2: #1d3358;--teal: #1c7293;--gold: #e8a33d;--bg: #f4f6f9;--surface: #ffffff;--ink: #1b2430;--muted: #748196;--border: #eef1f5;--success: #22c55e;--success-bg: #e8f6f1;--warning: #f59e0b;--warning-bg: #fef6e7;--warning-ink: #b8791e;--danger: #ef4444;--danger-bg: #fdecec;--danger-ink: #dc2626;--neutral: #9ca3af;--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(22, 36, 62, .06);--shadow: 0 4px 14px rgba(22, 36, 62, .1);--font: "Manrope", system-ui, -apple-system, sans-serif}:root[data-theme=dark]{--bg: #0f1620;--surface: #1a2436;--ink: #eef2f7;--muted: #90a0b7;--border: #2a3548;--success-bg: rgba(34, 197, 94, .16);--warning-bg: rgba(245, 158, 11, .18);--warning-ink: #f5b855;--danger-bg: rgba(239, 68, 68, .18);--danger-ink: #f87171;--neutral: #7c8aa0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow: 0 4px 14px rgba(0, 0, 0, .36)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}button{font-family:inherit;border:none;cursor:pointer}.screen{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding-bottom:84px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 6px}.header__greeting{font-size:12.5px;color:var(--muted);font-weight:500}.header__store{font-size:19px;font-weight:800}.hero{margin:14px 20px 0;background:var(--navy);border-radius:18px;padding:20px;color:#fff;position:relative;overflow:hidden}.hero__circle{position:absolute;top:-40px;right:-30px;width:120px;height:120px;border-radius:60px;background:var(--navy-2)}.hero__label{font-size:12.5px;color:#afc3de;font-weight:600;position:relative}.hero__value{font-size:29px;font-weight:800;margin-top:4px;position:relative}.hero__unit{font-size:16px;font-weight:600;color:#cadcfc}.hero__meta{font-size:13px;color:#cadcfc;font-weight:600;margin-top:14px;position:relative}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 20px 0}.mini-stat{background:var(--surface);border-radius:14px;padding:12px 10px;box-shadow:var(--shadow-sm)}.mini-stat__label{font-size:10.5px;color:var(--muted);font-weight:600;line-height:1.3}.mini-stat__value{font-size:14px;font-weight:800;margin-top:6px}.mini-stat--danger{background:var(--danger-bg)}.mini-stat--danger .mini-stat__label{color:#b91c1c}.mini-stat--danger .mini-stat__value{color:var(--danger-ink)}.mini-stat--success{background:var(--success-bg)}.mini-stat--success .mini-stat__label{color:var(--teal)}.list{margin:10px 20px 0;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.list__row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.list__row:last-child{border-bottom:none}.list__name{font-size:13.5px;font-weight:700}.list__phone{font-size:11px;color:var(--muted);margin-top:1px}.list__amount{font-size:13.5px;font-weight:800;text-align:right}.avatar{width:38px;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:var(--success-bg);color:var(--teal)}.avatar--danger{background:var(--danger-bg);color:var(--danger-ink)}.avatar--warning{background:var(--warning-bg);color:var(--warning-ink)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;margin-top:3px}.badge__dot{width:6px;height:6px;border-radius:3px}.badge--overdue{color:var(--danger-ink)}.badge--due_today{color:var(--warning-ink)}.badge--active{color:#15803d}.badge--paid{color:var(--muted)}.section-head{margin:22px 20px 0;display:flex;justify-content:space-between;align-items:center}.section-title{font-size:14.5px;font-weight:800}.quick-actions{display:flex;gap:10px;margin:16px 20px 0}.quick{flex:1;background:var(--surface);border-radius:14px;padding:13px 8px;text-align:center;box-shadow:var(--shadow-sm);font-size:11px;font-weight:700;color:var(--ink)}.quick--gold{background:var(--gold);flex:1.3}.cta{position:fixed;left:0;right:0;bottom:78px;max-width:480px;margin:0 auto;padding:0 20px}.cta__button{width:100%;background:var(--gold);color:var(--navy);border-radius:14px;padding:15px;font-size:15px;font-weight:800;box-shadow:0 6px 14px #e8a33d59}.cta__button:disabled{opacity:.55}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:70px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 6px}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--neutral)}.tabbar__item--active{color:var(--navy);font-weight:700}:root[data-theme=dark] .tabbar__item--active{color:var(--gold)}.tabbar__fab{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:28px;background:var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #e8a33d73;color:var(--navy);font-size:28px;font-weight:700;line-height:1}.form{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12.5px;font-weight:700;color:var(--muted)}.input{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px;font-size:16px;font-family:inherit;background:var(--surface);color:var(--ink)}.input:focus{outline:2px solid var(--teal);outline-offset:-1px}.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 20px 2px}.chip{white-space:nowrap;padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:12.5px;font-weight:700;color:var(--muted)}.chip--active{background:var(--navy);color:#fff}.muted{color:var(--muted)}.error-text{color:var(--danger-ink);font-size:13px;font-weight:600}.center{text-align:center;padding:40px 20px}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg) 37%,var(--border) 63%);background-size:400% 100%;animation:miniapp-shimmer 1.4s ease infinite;border-radius:12px}@keyframes miniapp-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{text-align:center;padding:36px 24px}.empty-state__emoji{font-size:34px;margin-bottom:10px}.empty-state__text{font-size:13.5px;color:var(--muted);font-weight:600;line-height:1.6;margin-bottom:16px}.error-box{margin:14px 20px 0;background:var(--danger-bg);color:var(--danger-ink);border-radius:14px;padding:14px;font-size:13px;font-weight:600;line-height:1.6;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.error-box__retry{background:var(--danger-ink);color:#fff;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700}.row-call{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--success-bg);color:var(--teal);font-size:15px;margin-left:6px;flex-shrink:0}.quick-sm{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;color:var(--ink)}.load-more{display:flex;justify-content:center;padding:16px 20px 4px}.load-more__button{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;padding:10px 20px;font-size:12.5px;font-weight:700;color:var(--teal)}