:root{--inv-bg: #e7e3dc;--inv-surface: #f6f3ee;--inv-surface-2: #f1ede6;--inv-border: rgba(20, 20, 20, .08);--inv-border-soft: rgba(20, 20, 20, .06);--inv-text: #1c1c1c;--inv-muted: rgba(28, 28, 28, .65);--inv-radius-xl: 36px;--inv-radius-lg: 22px;--inv-radius-md: 16px;--inv-radius-sm: 12px;--inv-shadow: 0 24px 80px rgba(0, 0, 0, .12);--inv-shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--inv-accent: #111}.inv-card{background:var(--inv-surface-2);border:1px solid var(--inv-border);border-radius:var(--inv-radius-lg);box-shadow:var(--inv-shadow-soft)}.invoice-page{min-height:100vh;padding:28px;color:var(--inv-text)}.invoice-container{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#ffffff8c,#ffffff2e);border:1px solid rgba(255,255,255,.35);border-radius:var(--inv-radius-xl);box-shadow:0 30px 80px #0000002e,inset 0 1px #fff6;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);overflow:hidden}.invoice-inner{padding:22px}.invoice-header{padding:22px;display:grid;gap:18px}.invoice-header__left{display:grid;place-items:center;gap:10px}.invoice-header__left .invoice-header__title{margin:0;font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-.03em;text-align:center}.invoice-header__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px;font-size:13px;color:var(--inv-muted)}.invoice-header__meta>*{background:#ffffff73;border:1px solid var(--inv-border-soft);padding:6px 10px;border-radius:999px}.invoice-header__right{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.invoice-header .block{padding:14px 16px;height:100%}.invoice-header .block__title{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--inv-muted)}.invoice-header .block__line{font-size:13px;line-height:1.55;color:#1c1c1ce0;word-break:break-word}.invoice-layout{display:grid;grid-template-columns:1.65fr .9fr;gap:16px;padding:0 22px 22px;align-items:start}.invoice-left,.invoice-right{display:grid;grid-auto-rows:max-content;gap:14px;align-content:start}.invoice-left,.invoice-right{grid-auto-flow:row}.invoice-totals{padding:0;display:grid;gap:14px;align-content:start}.comment{padding:14px 16px}.comment__title,.qr__title{margin:0 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#1c1c1c9e}.comment__text{margin:0;font-size:13px;line-height:1.6;color:#1c1c1ce0}.qr{display:grid;gap:10px;justify-items:stretch;padding:14px 16px;align-self:start}.invoice-section{background:#ffffff2e;border:1px solid var(--inv-border);border-radius:var(--inv-radius-lg);overflow:hidden}.invoice-section__head{padding:14px 16px;border-bottom:1px solid var(--inv-border-soft);background:linear-gradient(180deg,#ffffffd9,#ffffff2e)}.invoice-section__title{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}.invoice-section__body{padding:14px 16px 16px}.items-card{overflow:hidden}.table-wrap{overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:#ffffff4d;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px;border-bottom:1px solid rgba(20,20,20,.06);vertical-align:top;text-align:left;color:#1c1c1ceb}.table thead th{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1c1c1c9e;background:#ffffff47;white-space:nowrap}.table tbody tr:hover td{background:#ffffff38}.table tbody tr:last-child td{border-bottom:0}.col-name{width:42%}.col-num{width:11.6%}.name__main{font-weight:700;letter-spacing:-.01em}.name__sub{font-size:12px;color:#1c1c1c9e;margin-top:3px}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.strong{font-weight:700}.empty{text-align:center;padding:18px 12px;color:#1c1c1c9e}.items-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-top:1px solid rgba(20,20,20,.08);background:#fff3}.items-total__label{font-size:13px;color:#1c1c1ca6}.items-total__value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.items{background:var(--inv-surface-2);border:1px solid var(--inv-border);border-radius:var(--inv-radius-lg);overflow:hidden}.items__title{padding:14px 16px;font-size:14px;font-weight:700;text-align:center;border-bottom:1px solid var(--inv-border-soft);background:#ffffff59}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px;vertical-align:top;border-bottom:1px solid rgba(20,20,20,.06)}.items-table th{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--inv-muted);background:#ffffff47;white-space:nowrap}.items-table td{font-size:14px;color:#1c1c1ceb}.items-table tr:last-child td{border-bottom:0}.item-name{font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.item-sku{font-size:12px;color:var(--inv-muted)}.money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.align-right{text-align:right}.totals{background:var(--inv-surface-2);border:1px solid var(--inv-border);border-radius:var(--inv-radius-lg);padding:14px 16px;box-shadow:var(--inv-shadow-soft)}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(20,20,20,.18)}.totals__row:last-child{border-bottom:0}.totals__label{font-size:13px;color:var(--inv-muted)}.totals__value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.totals__grand{margin-top:6px;padding-top:12px;border-top:1px solid rgba(20,20,20,.1)}.totals__grand .totals__label{font-size:14px;color:#1c1c1cd9;font-weight:700}.totals__grand .totals__value{font-size:22px;font-weight:700;letter-spacing:-.02em}.qr__img{width:100%;height:auto;display:block;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:12px}.inv-btn{appearance:none;border:1px solid var(--inv-border);background:#ffffff8c;color:var(--inv-text);border-radius:999px;padding:10px 14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--inv-shadow-soft);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.inv-btn:hover{transform:translateY(-1px);background:#ffffffbf}.inv-btn--primary{background:var(--inv-accent);border-color:#00000038;color:#fff}.inv-btn--primary:hover{background:#000}.paid-overlay{position:fixed;left:0;right:0;top:22px;z-index:80;display:flex;justify-content:center;pointer-events:none;padding:0 12px;animation:paid-overlay-fade .42s ease-out}.paid-overlay__badge{pointer-events:none;display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(20,20,20,.12);box-shadow:0 12px 30px #00000026,inset 0 0 0 1px #ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:paid-badge-pop .52s cubic-bezier(.16,1,.3,1)}.paid-overlay__icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#3fbf7f,#2e9f69);color:#fff;font-size:18px;font-weight:700;box-shadow:0 6px 14px #2e9f6973}.paid-overlay__text{display:flex;flex-direction:column;gap:2px;line-height:1.1}.paid-overlay__title{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1c1c1ceb}.paid-overlay__sub{font-size:12px;color:#1c1c1c9e}@keyframes paid-overlay-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes paid-badge-pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.invoice-error{max-width:860px;margin:60px auto;padding:28px 26px;background:#ffe9e9;border-color:#b018188c;box-shadow:0 24px 80px #b0181859,0 8px 30px #b0181838}.invoice-error__title{margin:0 0 10px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#9c1c1c}.invoice-error__text{margin:0;font-size:16px;color:#8c0f0fd9;line-height:1.7}.invoice-error__hint{margin-top:12px;font-size:15px;color:#8c0f0fb3}.pay-total{width:100%;margin-top:14px;padding:16px 18px}.pay-total__label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--inv-muted);font-weight:700;margin-bottom:10px}.pay-total__value{font-size:30px;line-height:1.05;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#1c1c1ceb}.pay-total__hint{margin-top:8px;font-size:13px;color:var(--inv-muted)}@media(max-width:980px){.invoice-layout,.invoice-header__right{grid-template-columns:1fr}.invoice-header__left .invoice-header__title{font-size:32px}}@media(max-width:640px){.invoice-page{padding:14px}.invoice-header{padding:18px 16px 12px}.invoice-layout{padding:0 12px 14px}.items-table th:nth-child(3),.items-table td:nth-child(3),.items-table th:nth-child(4),.items-table td:nth-child(4){display:none}}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;font-weight:400;color-scheme:light;--bg: #e7e3dc;--surface: #f6f3ee;--surface-2: #f1ede6;--border: rgba(20, 20, 20, .08);--border-soft: rgba(20, 20, 20, .06);--text: #1c1c1c;--muted: rgba(28, 28, 28, .65);--radius-xl: 36px;--radius-lg: 22px;--radius-md: 16px;--shadow: 0 24px 80px rgba(0, 0, 0, .459);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--accent: #111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;display:block;color:var(--text);background:#5a5958}#app{width:100%;min-height:100vh;margin:0;padding:0}a{color:inherit;text-decoration:none;font-weight:700;opacity:.9}a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em}button{font-family:inherit;border:1px solid var(--border);background:#ffffff8c;color:var(--text);border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-soft)}button:hover{transform:translateY(-1px);background:#ffffffbf}button:focus,button:focus-visible{outline:3px solid rgba(17,17,17,.18);outline-offset:3px}input,textarea,select{font-family:inherit;border:1px solid var(--border);background:#fff9;color:var(--text);border-radius:14px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#11111138;box-shadow:0 0 0 4px #11111114}.card{padding:0}