:root{color-scheme:light;--bg: #f6f8fa;--card: #ffffff;--navbar: #ffffff;--line: #e1e4e8;--line-subtle: #edf0f3;--text: #0f172a;--text-secondary: #334155;--muted: #64748b;--optional: #94a3b8;--green: #0d8244;--green-hover: #0b703a;--green-strong: #085a2e;--green-bg: #eaf6ee;--border-success: #b2e4c4;--red: #c92a2a;--red-hover: #b02525;--red-bg: #fde8e8;--border-failed: #f8b4b4;--border-error: #f8b4b4;--amber: #925700;--amber-bg: #fef3d6;--border-pending: #f5d487;--grey: #475569;--grey-bg: #f1f5f9;--border-stale: #cbd5e1;--blue: #0b63ce;--blue-bg: #edf5ff;--border-blue: #b9d8ff;--input-bg: #ffffff;--input-error-bg: #fffafa;--row-stale-bg: #fafbfc;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .04);--nav-shadow: 0 1px 3px rgba(15, 23, 42, .05);--focus-ring: 0 0 0 3px rgba(13, 130, 68, .2);--topbar-h: 56px;--sidebar-w: 260px}:root[data-theme=dark]{color-scheme:dark;--bg: #090d14;--card: #131822;--navbar: #131822;--line: #222b3b;--line-subtle: #19212f;--text: #f1f5f9;--text-secondary: #cbd5e1;--muted: #94a3b8;--optional: #64748b;--green: #22c55e;--green-hover: #34d399;--green-strong: #16a34a;--green-bg: #0e291a;--border-success: #1d5032;--red: #ef4444;--red-hover: #f87171;--red-bg: #2d1417;--border-failed: #5c2125;--border-error: #5c2125;--amber: #f59e0b;--amber-bg: #2c1f0a;--border-pending: #593e11;--grey: #94a3b8;--grey-bg: #1c2432;--border-stale: #334155;--blue: #60a5fa;--blue-bg: #12233c;--border-blue: #234773;--input-bg: #131822;--input-error-bg: #2a1518;--row-stale-bg: #171e2c;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 4px 10px rgba(0, 0, 0, .55);--shadow-md: 0 10px 22px rgba(0, 0, 0, .65);--shadow-lg: 0 20px 32px rgba(0, 0, 0, .75);--nav-shadow: 0 1px 3px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(34, 197, 94, .28)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .15s ease,color .15s ease}.page{min-height:100vh;position:relative}.install-prompt{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;align-items:center;gap:12px;width:min(420px,calc(100vw - 32px));padding:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.install-prompt-icon{width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-md)}.install-prompt-copy{min-width:0;flex:1 1 auto}.install-prompt-copy h2{margin:0;color:var(--text);font-size:15px;font-weight:700}.install-prompt-copy p{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.install-prompt-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.install-prompt button{min-height:36px;padding:0 12px;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.install-dismiss{color:var(--muted);background:transparent;border:1px solid var(--line)}.install-dismiss:hover{background:var(--grey-bg);color:var(--text)}.install-action{color:#fff;background:var(--green);border:1px solid var(--green)}.install-action:hover{background:var(--green-hover);border-color:var(--green-hover)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:0 16px;height:var(--topbar-h);background:var(--navbar);border-bottom:1px solid var(--line);box-shadow:var(--nav-shadow);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.menu-btn{flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid transparent;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.menu-btn:hover{background:var(--grey-bg);border-color:var(--line)}.topbar-title{margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--text);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.theme-toggle{flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid var(--line);background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.theme-icon{font-size:17px;line-height:1}.theme-toggle:hover{background:var(--green-bg);color:var(--green);border-color:var(--border-success)}.theme-toggle:active{transform:scale(.96)}.main{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.form{padding:22px 24px;margin-bottom:20px}.fields{display:grid;grid-template-columns:1.25fr .9fr 1.15fr auto;gap:14px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.optional{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--optional);background:var(--grey-bg);padding:1px 6px;border-radius:var(--radius-xs)}.input{height:48px;padding:0 14px;font-size:16px;font-family:inherit;color:var(--text);background:var(--input-bg);border:1.5px solid var(--line);border-radius:var(--radius-md);width:100%;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.input:focus{outline:none;border-color:var(--green);box-shadow:var(--focus-ring)}.input-error{border-color:var(--red);background:var(--input-error-bg)}.input-error:focus{border-color:var(--red);box-shadow:0 0 0 3px #dc262633}.field-error{font-size:12.5px;font-weight:600;color:var(--red);margin-top:2px}.btn{font-family:inherit;font-weight:700;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-send{height:48px;min-width:175px;padding:0 22px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 1px 2px #0d824426}.btn-send:hover:not(:disabled){background:var(--green-hover);border-color:var(--green-hover)}.btn-send:disabled{background:var(--grey);border-color:var(--grey);box-shadow:none}.form-note{margin:14px 0 0;padding:10px 14px;font-size:13.5px;line-height:1.4;font-weight:500;color:var(--amber);background:var(--amber-bg);border:1px solid var(--border-pending);border-radius:var(--radius-md)}.form-error,.list-error{margin:14px 0 0;padding:10px 14px;font-size:14px;font-weight:600;color:var(--red);background:var(--red-bg);border:1px solid var(--border-error);border-radius:var(--radius-md)}.list-error{margin:0 16px 12px}.summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;margin-bottom:20px;background:linear-gradient(135deg,var(--green-bg) 0%,var(--card) 65%);border-color:var(--border-success)}.summary>svg:first-child{flex:0 0 auto;width:26px;height:26px;padding:10px;background:var(--card);border:1px solid var(--border-success);border-radius:var(--radius-md);color:var(--green);box-sizing:content-box;box-shadow:var(--shadow-xs)}.summary>svg:last-child{flex:0 0 auto;width:22px;height:22px;color:var(--green);opacity:.75}.summary-body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px}.summary-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);transition:color .15s ease}.summary-value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--green-strong);font-variant-numeric:tabular-nums;transition:color .15s ease}:root[data-theme=dark] .summary-value{color:var(--green)}.summary-unresolved{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--amber);background:var(--amber-bg);border:1px solid var(--border-pending);border-radius:999px;padding:6px 14px;white-space:nowrap;box-shadow:var(--shadow-xs);transition:color .15s ease,background-color .15s ease,border-color .15s ease}.summary-unresolved:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.transaction-history{overflow:hidden}.transaction-history .filters{padding:16px 20px;margin-bottom:0;border-bottom:1px solid var(--line)}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.search-control{position:relative;display:flex;align-items:center;min-width:0;flex:1 1 240px;color:var(--muted);background:var(--input-bg);border:1.5px solid var(--line);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.filter-select{position:relative;display:flex;align-items:center;min-width:0;height:42px;padding:0 10px 0 12px;color:var(--muted);background:var(--input-bg);border:1.5px solid var(--line);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.search-control:focus-within,.filter-select:focus-within{border-color:var(--green);box-shadow:var(--focus-ring);color:var(--text)}.search-control .control-icon{position:absolute;left:12px;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--muted)}.search-control .control-icon svg{width:18px;height:18px}.filter-select .control-icon{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin:0;color:var(--muted);pointer-events:none}.filter-select .control-icon svg{width:16px;height:16px}.filter-label{display:inline-block;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;flex:0 0 auto;margin-left:8px;pointer-events:none}.select-chevron{position:absolute;right:10px;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.select-chevron svg{width:14px;height:14px}.filter-input{width:100%;min-width:0;height:42px;padding:0 14px 0 38px;color:var(--text);background:transparent;border:0;font:inherit;font-size:14.5px;outline:none}.filter-input::placeholder{color:var(--optional)}.filter-input::-webkit-search-cancel-button{cursor:pointer}.filter-controls{display:flex;align-items:center;flex:0 1 auto;gap:10px}.filter-select select{flex:1 1 auto;min-width:0;width:100%;height:100%;padding:0 24px 0 10px;color:var(--text);background:transparent;border:0;font:inherit;font-size:13.5px;font-weight:600;text-align:right;text-align-last:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-select select option{color:var(--text);background:var(--card);text-align:left}.clear-filters{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 12px;border:1px dashed var(--line);border-radius:var(--radius-md);background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease}.clear-filters .clear-icon{display:inline-flex;align-items:center;justify-content:center}.clear-filters:hover:not(:disabled),.clear-filters:focus-visible:not(:disabled){color:var(--red);border-color:var(--border-failed);background:var(--red-bg)}.clear-filters:disabled{opacity:.4;cursor:default;border-style:solid}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.empty{padding:36px 20px;text-align:center;color:var(--muted)}.empty p{margin:0;font-size:15px}.table{width:100%;border-collapse:collapse;font-size:15px;transition:color .15s ease}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--muted);padding:12px 16px;background:var(--bg);border-bottom:1.5px solid var(--line);white-space:nowrap;transition:color .15s ease,border-color .15s ease}.th-content{display:inline-flex;align-items:center;gap:6px}.th-icon{color:var(--muted);flex-shrink:0}.th-amount{justify-content:flex-end;width:100%}.table td{padding:13px 16px;border-bottom:1px solid var(--line-subtle);vertical-align:middle;transition:border-color .15s ease,background-color .15s ease}.table tr.row:hover td{background:#0f172a05}:root[data-theme=dark] .table tr.row:hover td{background:#ffffff06}.table tr:last-child td{border-bottom:none}.col-time{width:80px;font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--muted)}.col-phone{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.phone-number{letter-spacing:.01em}.col-amount{width:110px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.amount-unit{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}.col-status{width:105px}.col-detail{min-width:180px}.col-action{width:125px;text-align:right}.sub{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:1px}.receipt{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);padding:1px 7px;border-radius:var(--radius-xs);letter-spacing:.03em;margin-bottom:2px}.detail-text{display:block;font-size:13px;color:var(--muted);line-height:1.35}.row-stale{background:var(--row-stale-bg)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:var(--shadow-xs);transition:color .15s ease,background-color .15s ease,border-color .15s ease}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{color:var(--green);background:var(--green-bg);border:1px solid var(--border-success)}.badge-failed{color:var(--red);background:var(--red-bg);border:1px solid var(--border-failed)}.badge-pending{color:var(--amber);background:var(--amber-bg);border:1px solid var(--border-pending)}.badge-stale{color:var(--grey);background:var(--grey-bg);border:1px solid var(--border-stale)}.btn-check{height:36px;min-width:104px;padding:0 12px;font-size:13px;font-weight:600;color:var(--text);background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius-sm);white-space:nowrap}.btn-check:hover:enabled{border-color:var(--green);color:var(--green);background:var(--green-bg)}.splash-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(120% 90% at 50% 0%,var(--green-bg) 0%,var(--bg) 64%)}.splash-wrap{width:100%;max-width:380px}.splash-card{padding:36px 28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.splash-mark{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.splash-title{margin:14px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.splash-sub{margin:3px 0 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.splash-loader{margin:24px 0 12px;display:flex;align-items:center;justify-content:center}.splash-spinner{width:26px;height:26px;border:2.5px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:splash-spin .75s cubic-bezier(.4,0,.2,1) infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-check{margin:0;font-size:14px;font-weight:500;color:var(--muted)}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 16px 24px;background:radial-gradient(120% 90% at 50% 0%,var(--green-bg) 0%,var(--bg) 62%)}.login-wrap{width:100%;max-width:410px}.login-card{padding:28px 24px 24px}.login-head{text-align:center;margin-bottom:22px}.login-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.login-title{margin:12px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.login-sub{margin:4px 0 0;font-size:13.5px;color:var(--muted)}.login-fields{display:grid;grid-template-columns:1fr;gap:16px}.password-control{position:relative;display:flex;align-items:center}.password-control .input{padding-right:48px}.password-toggle{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.password-toggle:hover:not(:disabled){background:var(--grey-bg);color:var(--text)}.password-toggle:disabled{cursor:not-allowed;opacity:.55}.password-toggle svg{width:19px;height:19px}.login-submit{width:100%;height:48px;margin-top:18px;font-size:16px}.login-error{margin:0 0 16px}.login-theme-toggle{position:fixed;top:16px;right:16px;z-index:5}.login-check{margin:0;text-align:center;font-size:14.5px;color:var(--muted)}.setup-complete{display:flex;flex-direction:column;gap:12px}.settings{max-width:660px}.settings-head{margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-title{margin:0;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--text)}.settings-desc{margin:6px 0 0;max-width:580px;font-size:14px;color:var(--muted)}.settings-fields{display:grid;grid-template-columns:1fr;gap:16px;max-width:580px}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.settings-actions .btn-send{align-self:auto}.settings-saved,.settings-error{margin:0;text-align:right}.settings-saved{max-width:440px;padding:10px 14px;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);border-radius:var(--radius-md);font-size:13.5px;font-weight:600;line-height:1.4}.settings-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:settings-spin .7s linear infinite;display:inline-block;margin-right:6px}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-error{color:var(--red);font-size:13.5px;font-weight:600}.content{transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;z-index:60;display:flex;flex-direction:column;gap:18px;width:min(280px,84vw);padding:16px 12px;overflow-x:hidden;overflow-y:auto;background:var(--navbar);border-right:1px solid var(--line);box-shadow:var(--nav-shadow);visibility:hidden;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s ease,background-color .15s ease,border-color .15s ease}.sidebar.is-open{visibility:visible;transform:translate(0)}.sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-height:0}.nav-section-title{margin:0 0 6px;padding:0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--optional);transition:color .15s ease}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-item{display:flex;gap:12px;align-items:center;width:100%;padding:10px 12px;font:inherit;font-size:14.5px;font-weight:600;text-align:left;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,color .15s ease}.nav-item:hover:enabled{background:var(--grey-bg);color:var(--text)}.nav-item.is-active{color:var(--green);background:var(--green-bg)}.nav-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.nav-icon svg{width:20px;height:20px}.nav-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-item:disabled,.nav-item-disabled:disabled{color:var(--optional);opacity:.55;cursor:not-allowed}.sidebar-footer{padding-top:14px;border-top:1px solid var(--line);transition:border-color .15s ease}.sidebar-backdrop{position:fixed;inset:var(--topbar-h) 0 0 0;z-index:55;padding:0;background:#0c101673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:backdrop-in .2s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.receipts-page{max-width:100%}.page-heading{margin-bottom:20px}.page-heading h2{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.02em}.page-heading p{margin:0;color:var(--muted);font-size:14.5px}.receipt-search{margin-bottom:18px}.receipt-list{overflow:hidden}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line-subtle);transition:background-color .15s ease}.receipt-row:hover{background:#0f172a05}:root[data-theme=dark] .receipt-row:hover{background:#ffffff06}.receipt-row:last-child{border-bottom:0}.receipt-row-main,.receipt-row-side{display:flex;flex-direction:column;gap:3px;min-width:0}.receipt-row-main{flex:1 1 auto}.receipt-row-main strong{font-size:15.5px;font-weight:700;letter-spacing:.01em}.receipt-row-main span{color:var(--muted);font-size:13px}.receipt-row-side{align-items:flex-end;font-variant-numeric:tabular-nums;flex-shrink:0}.receipt-row-side strong{font-size:16px;font-weight:800;color:var(--text)}.receipt-id{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px!important;color:var(--green)!important;font-weight:600}.btn-receipt{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;color:#fff;background:var(--green);border:1px solid var(--green);border-radius:var(--radius-md);font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:0 1px 2px #0d824426}.btn-receipt:hover{background:var(--green-hover);border-color:var(--green-hover)}.btn-receipt,.btn-outline{text-decoration:none}.btn-receipt svg{width:16px;height:16px}.btn-outline{height:38px;padding:0 14px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-bg)}.receipt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:16px;background:#0a0f16a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-in .15s ease}.receipt-modal{width:min(660px,100%);max-height:min(90vh,780px);overflow-y:auto;padding:24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.receipt-modal-head,.items-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.receipt-modal-head h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.015em}.receipt-modal-head p,.receipt-note{margin:4px 0 0;color:var(--muted);font-size:13.5px}.modal-close,.remove-item{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;transition:all .15s ease}.modal-close:hover,.remove-item:hover{color:var(--text);background:var(--grey-bg)}.receipt-business{display:flex;flex-direction:column;gap:2px;margin:18px 0;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md)}.receipt-business h3,.items-head h3{margin:0;font-size:16px;font-weight:700}.receipt-business span,.receipt-details dt,.receipt-note{color:var(--muted)}.receipt-details{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 20px;padding:14px 16px;border:1px solid var(--line-subtle);border-radius:var(--radius-md)}.receipt-details div{min-width:0}.receipt-details dt{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.receipt-details dd{margin:3px 0 0;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}.items-empty{padding:14px;margin:12px 0 0;color:var(--muted);background:var(--grey-bg);border-radius:var(--radius-md);font-size:13.5px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 110px auto 28px;align-items:center;gap:8px;margin-top:10px}.item-row .input{height:40px;padding:0 10px;font-size:14px}.item-row strong{white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.receipt-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:2px solid var(--line)}.receipt-total span{font-size:14.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.receipt-total strong{font-size:20px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.receipt-history{margin-top:24px;padding:20px 0 0;overflow:hidden}.receipt-history h2{margin:0 20px 14px;font-size:19px;font-weight:700;letter-spacing:-.01em}.receipt-history-wrap{margin:0}.receipt-history-table{min-width:660px}.receipt-history-table th:first-child,.receipt-history-table td:first-child{padding-left:20px}.receipt-history-table th:last-child,.receipt-history-table td:last-child{padding-right:20px}.receipt-history-time{display:block;margin-top:2px;color:var(--muted);font-size:12px}.receipt-phone-label{display:none}.receipt-history-receipt{display:flex;align-items:center;gap:14px}.receipt-history-receipt>span,.receipt-history-id{flex:1 1 auto;min-width:140px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;color:var(--muted)}.receipt-history-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px}.receipt-history-download,.receipt-history-receipt .btn{min-height:36px;white-space:nowrap}.receipt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.receipt-note{margin:8px 0 0}@media print{body{background:#fff!important}body *{visibility:hidden!important}.receipt-printable,.receipt-printable *{visibility:visible!important}.receipt-printable{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:24px;color:#000;background:#fff}.receipt-business,.receipt-total{border-color:#bbb}.receipt-details dt,.receipt-business span{color:#444}}.help-page{display:flex;flex-direction:column;gap:18px}.help-intro{margin-bottom:4px}.help-intro h2{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.02em}.help-intro p{margin:0;color:var(--muted);font-size:14.5px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-card{display:flex;gap:16px;padding:22px}.help-card-icon{display:flex;flex:0 0 46px;align-items:center;justify-content:center;width:46px;height:46px;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);border-radius:var(--radius-md)}.help-card-icon svg{width:24px;height:24px}.help-card-content{min-width:0}.help-card h3,.quick-help h3{margin:0;font-size:19px;font-weight:700;line-height:1.25}.help-card p{margin:8px 0 16px;color:var(--muted);font-size:14px;line-height:1.45}.help-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;text-decoration:none}.help-card .btn svg{width:17px;height:17px}.btn-help-primary{color:#fff;background:var(--green);border-color:var(--green)}.btn-help-primary:hover{background:var(--green-hover);border-color:var(--green-hover)}.btn-help-secondary{color:var(--green);background:transparent;border-color:var(--border-success)}.btn-help-secondary:hover:enabled{background:var(--green-bg)}.help-contact-card{background:linear-gradient(135deg,var(--green-bg),var(--card));border-color:var(--border-success)}.help-actions{display:flex;flex-wrap:wrap;gap:10px}.help-phone{display:block;margin-top:12px;color:var(--muted);font-size:13px}.quick-help{padding:22px}.quick-help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:16px}.quick-help details{border-top:1px solid var(--line);padding:12px 0 4px}.quick-help summary{cursor:pointer;color:var(--text);font-size:14px;font-weight:700}.quick-help details p{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.help-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:16px;background:#0a0f16a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal{width:min(620px,100%);max-height:min(90vh,760px);overflow-y:auto;padding:24px;border-radius:var(--radius-xl)}.help-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.help-modal-head h3{margin:0;font-size:21px;font-weight:800}.help-modal-head p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.feature-request-form{display:flex;flex-direction:column;gap:16px}.feature-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-request-form textarea.input{height:auto;min-height:120px;padding:12px;resize:vertical}.feature-request-note{margin:0;color:var(--muted);font-size:13px}.feature-request-actions{display:flex;justify-content:flex-end;gap:10px}.feature-request-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px}.feature-request-actions .btn svg{width:17px;height:17px;flex:0 0 17px}.toast-viewport{position:fixed;top:calc(var(--topbar-h) + 16px);right:16px;z-index:90;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:11px;overflow:hidden;padding:14px 14px 16px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-enter .18s ease-out both}.toast-exiting{animation:toast-exit .18s ease-in both}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;color:var(--toast-color);background:var(--toast-bg);border-radius:50%;font-weight:800}.toast-content{min-width:0;flex:1}.toast-content strong{display:block;font-size:14px;font-weight:700;line-height:1.25}.toast-content p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.toast-close{flex:0 0 auto;width:26px;height:26px;padding:0;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-xs);font-size:20px;line-height:1;cursor:pointer}.toast-close:hover,.toast-close:focus-visible{color:var(--text);background:var(--grey-bg)}.toast-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--toast-color);transform-origin:left;animation:toast-progress 5s linear forwards}.toast-success{--toast-color: var(--green);--toast-bg: var(--green-bg);border-color:var(--border-success)}.toast-error{--toast-color: var(--red);--toast-bg: var(--red-bg);border-color:var(--border-error)}.toast-warning{--toast-color: var(--amber);--toast-bg: var(--amber-bg);border-color:var(--border-pending)}.toast-info{--toast-color: var(--blue);--toast-bg: var(--blue-bg);border-color:var(--border-blue)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}@media (max-width: 1024px){.filters{flex-direction:column;align-items:stretch}.search-control{flex:1 1 auto;width:100%}.filter-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.filter-select{min-width:0;width:100%}.clear-filters{align-self:flex-start}}@media (max-width: 860px){.main{padding:18px 14px 48px}.fields{grid-template-columns:1fr 1fr;gap:12px}.field-name,.btn-send{grid-column:span 2}.btn-send{width:100%}}@media (max-width: 680px){.table-wrap{overflow-x:visible}.table{min-width:0;display:block;width:100%}.table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.table tbody{display:flex;flex-direction:column;gap:12px;padding:14px}.table tr.row{display:grid;grid-template-areas:"time status" "phone amount" "detail detail" "action action";grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:14px;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.table tr.row:hover{background:var(--card)}.table td{display:block;padding:0;border-bottom:none}.col-time{grid-area:time;width:auto;font-size:13px;font-weight:500;color:var(--muted)}.col-status{grid-area:status;width:auto;text-align:right}.col-phone{grid-area:phone;white-space:normal;font-size:15px;font-weight:700}.col-amount{grid-area:amount;width:auto;text-align:right;font-size:17px;font-weight:800;color:var(--text)}.col-detail{grid-area:detail;width:100%;padding-top:6px;border-top:1px dashed var(--line-subtle);margin-top:2px}.col-action{grid-area:action;width:100%;text-align:left;margin-top:2px}.col-action .btn-check{width:100%;height:40px;font-size:14px}.receipt-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.receipt-row-side{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.btn-receipt{width:100%;height:42px}.receipt-modal{padding:16px}.receipt-details,.item-row{grid-template-columns:1fr 1fr}.item-row .input:first-child{grid-column:1 / -1}.item-row strong{align-self:center;text-align:right}.item-row .remove-item{justify-self:end}.filter-controls{display:flex;flex-direction:column;width:100%;gap:8px}.filter-select{width:100%;min-width:0}.clear-filters{width:100%;justify-content:center}.receipt-history{padding:16px 0 0}.receipt-history h2{margin-left:14px;margin-right:14px}.receipt-history-wrap{overflow-x:visible}.receipt-history-table{min-width:0!important;display:block;width:100%}.receipt-history-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.receipt-history-table tbody{display:flex;flex-direction:column;gap:12px;padding:12px 14px 16px}.receipt-history-row{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.receipt-history-row td{display:block;padding:0!important;border:0!important}.receipt-col-datetime{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted)}.receipt-history-time{display:inline-block;margin-top:0}.receipt-history-time:before{content:"· ";margin-right:2px}.receipt-col-phone{font-size:14.5px;font-weight:600;color:var(--text)}.receipt-phone-label{display:none}.receipt-history-receipt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:8px;border-top:1px dashed var(--line-subtle);margin-top:2px}.receipt-history-id{flex:0 1 auto;min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px;font-weight:600;color:var(--green);background:var(--green-bg);border:1px solid var(--border-success);padding:2px 8px;border-radius:var(--radius-xs)}.receipt-history-amount{flex:0 0 auto;font-size:16px;font-weight:800;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.receipt-history-download{width:100%;height:38px;margin-top:4px;justify-content:center}.quick-help-list,.help-grid,.feature-request-grid{grid-template-columns:1fr}}@media (max-width: 560px){.main{padding:14px 10px 40px}.form{padding:16px 14px}.fields{grid-template-columns:1fr;gap:12px}.field-phone,.field-amount,.field-name,.btn-send{grid-column:span 1}.btn-send{width:100%;height:48px}.topbar{gap:10px;padding:0 12px}.topbar-title{font-size:17px}.summary{padding:14px 16px;gap:12px}.summary-value{font-size:24px}.summary>svg:first-child{width:22px;height:22px;padding:8px}.summary-unresolved{padding:5px 10px;font-size:12px}.settings-actions{align-items:stretch;flex-direction:column-reverse;gap:10px}.settings-saved,.settings-error{text-align:left}.toast-viewport{top:calc(var(--topbar-h) + 10px);right:10px;left:10px;width:auto}.toast{padding:12px 12px 14px}}@media (max-width: 430px){.main{padding-left:8px;padding-right:8px}.card{border-radius:var(--radius-md)}.table tbody{padding:10px;gap:10px}.table tr.row{padding:12px}.col-phone{font-size:14.5px}.col-amount{font-size:16px}.receipt-history-table{min-width:0!important}}@media (max-width: 390px){.topbar-title{font-size:16px}.summary-value{font-size:22px}.summary-unresolved{font-size:11.5px;padding:4px 8px}.btn-receipt{font-size:13px;padding:0 10px}}@media (max-width: 360px){.main{padding-left:6px;padding-right:6px}.form{padding:14px 10px}.summary{padding:12px;flex-wrap:wrap}.summary>svg:last-child{display:none}.input{font-size:15px;padding:0 10px}.table tr.row{padding:10px;gap:6px 10px}.col-phone{font-size:14px}.col-amount{font-size:15px}.badge{padding:2px 7px;font-size:11px}.receipt-modal{padding:12px}.receipt-details{grid-template-columns:1fr;gap:10px}.item-row{grid-template-columns:1fr;gap:6px}}@media (min-width: 1024px){.sidebar{width:var(--sidebar-w)}.sidebar-backdrop{display:none}.page.nav-open .content{margin-left:var(--sidebar-w)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
