@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap);.glass-card,.site-nav{backdrop-filter:blur(20px)}.nav-links a.active,.nav-links a:hover,.nav-logo,body,html{color:var(--text-primary)}.btn,.logo-mark,.nav-logo{font-family:var(--font-head);text-decoration:none}.btn,.logo-mark,.nav-links a,.nav-logo{text-decoration:none}.btn,.save-pill{white-space:nowrap}.btn,.history-item,.tab-btn,select{cursor:pointer}.dropzone svg,.field label,.tab-pane.active{display:block}:root{--bg:#0c0a08;--bg-mid:#100e0b;--surface:rgba(255, 255, 255, 0.04);--surface-2:rgba(255, 255, 255, 0.07);--surface-3:rgba(255, 255, 255, 0.10);--surface-solid:#161210;--border:rgba(255, 255, 255, 0.08);--border-mid:rgba(255, 255, 255, 0.12);--border-strong:rgba(255, 255, 255, 0.18);--text-primary:#f0ede8;--text-secondary:#a09488;--text-muted:#5c5550;--accent:#f26522;--accent-hover:#ff7a35;--accent-dim:rgba(242, 101, 34, 0.15);--accent-glow:rgba(242, 101, 34, 0.25);--accent-border:rgba(242, 101, 34, 0.35);--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--shadow-sm:0 1px 3px rgba(0, 0, 0, .4),0 1px 2px rgba(0, 0, 0, .3);--shadow-md:0 4px 20px rgba(0, 0, 0, .5),0 2px 8px rgba(0, 0, 0, .3);--shadow-lg:0 20px 60px rgba(0, 0, 0, .7),0 8px 24px rgba(0, 0, 0, .4);--glow-accent:0 0 40px rgba(242, 101, 34, 0.15),0 0 80px rgba(242, 101, 34, 0.08);--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t:0.16s;--t2:0.26s;--font-head:'Syne',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'DM Mono',monospace}[data-theme=light]{--bg:#f5f2ee;--bg-mid:#ede9e3;--surface:rgba(255, 255, 255, 0.7);--surface-2:rgba(255, 255, 255, 0.85);--surface-3:#ffffff;--surface-solid:#ffffff;--border:rgba(0, 0, 0, 0.07);--border-mid:rgba(0, 0, 0, 0.10);--border-strong:rgba(0, 0, 0, 0.15);--text-primary:#18140f;--text-secondary:#6b6258;--text-muted:#a8a09a;--accent-dim:rgba(242, 101, 34, 0.09);--shadow-sm:0 1px 3px rgba(0, 0, 0, .07),0 1px 2px rgba(0, 0, 0, .05);--shadow-md:0 4px 20px rgba(0, 0, 0, .09),0 2px 8px rgba(0, 0, 0, .06);--shadow-lg:0 20px 60px rgba(0, 0, 0, .14),0 8px 24px rgba(0, 0, 0, .08);--glow-accent:0 0 40px rgba(242, 101, 34, 0.10)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}.site-nav{position:sticky;top:0;z-index:100;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;background:rgba(12,10,8,.8);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.btn-ghost:hover,.btn-glass:hover,.btn-icon-only:hover{border-color:var(--border-strong)}[data-theme=light] .site-nav{background:rgba(245,242,238,.85)}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.nav-logo-icon{width:32px;height:32px;background:var(--accent);border-radius:9px;display:grid;place-items:center;box-shadow:0 4px 12px var(--accent-glow)}.nav-actions,.nav-links{display:flex;align-items:center}.nav-logo-icon svg{width:15px;height:15px;color:#fff}.nav-links{gap:28px}.nav-links a{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color var(--t) var(--ease)}.nav-actions{gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:none;transition:all var(--t2) var(--ease)}.save-pill,.tab-btn{letter-spacing:.07em}.btn-ghost,.btn-glass{border:1px solid var(--border-mid)}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px rgba(242,101,34,.4);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface)}.btn-glass{background:var(--surface-2);color:var(--text-primary);backdrop-filter:blur(12px)}.btn-glass:hover{background:var(--surface-3)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 14px rgba(239,68,68,.3)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-lg{padding:13px 28px;font-size:13px;border-radius:var(--radius)}.btn-icon-only,.glass-card{background:var(--surface);border:1px solid var(--border)}.btn-sm{padding:7px 14px;font-size:10px}.btn-full{width:100%}.btn-icon-only{padding:8px;color:var(--text-secondary);border-radius:var(--radius-sm)}.btn-icon-only:hover{color:var(--text-primary)}.editor-header,.tabs-wrap{border-bottom:1px solid var(--border)}.btn-icon-only svg{width:15px;height:15px}.glass-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px)}.editor-header,.total-bar{backdrop-filter:blur(20px)}.glass-card-solid{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg)}.app-shell{display:grid;grid-template-columns:480px 1fr;height:100vh;overflow:hidden}@media (max-width:1080px){.app-shell{grid-template-columns:1fr;height:auto}.preview-pane{display:none}}.editor-pane{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:58px;background:rgba(12,10,8,.9);flex-shrink:0;gap:12px}[data-theme=light] .editor-header{background:rgba(245,242,238,.9)}.logo-mark{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;color:var(--text-primary)}.recent-title,.save-pill,.tab-btn{font-weight:700;font-family:var(--font-head);text-transform:uppercase}.logo-icon{width:30px;height:30px;background:var(--accent);border-radius:8px;display:grid;place-items:center;box-shadow:0 3px 10px var(--accent-glow);flex-shrink:0}.invoice-paper,.modal-box,.overlay-card,.toast{box-shadow:var(--shadow-lg)}.logo-icon svg{width:14px;height:14px;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.divider-v{width:1px;height:16px;background:var(--border-mid);flex-shrink:0}.save-pill{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--green);background:rgba(34,197,94,.1);padding:4px 10px;border-radius:20px}.recent-title,.save-pill.saving,.tab-btn{color:var(--text-muted)}.save-pill.saving{background:var(--surface)}.field label,.tab-btn:hover{color:var(--text-secondary)}.save-pill svg{width:10px;height:10px}.tabs-wrap{padding:0 20px;background:var(--bg);flex-shrink:0}.tabs{display:flex;gap:0}.tab-btn{font-size:10px;padding:14px;border:none;background:0 0;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--t) var(--ease)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-scroll{flex:1;overflow-y:auto;padding:22px 20px}.tab-pane{display:none}.recent-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;backdrop-filter:blur(12px)}.recent-title{font-size:9px;letter-spacing:.16em;margin-bottom:10px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background var(--t)}.clear-btn,.history-action-btn{border:none;background:0 0;transition:all var(--t)}.history-item:hover{background:var(--surface-2)}.history-item-name,.split-person{font-size:12px;font-weight:500;color:var(--text-primary)}.field-optional,.history-action-btn,.history-item-meta,.section-label{color:var(--text-muted)}.history-item-meta{font-size:10px;margin-top:1px}.history-item-actions{display:flex;gap:2px}.history-action-btn{width:26px;height:26px;display:grid;place-items:center;cursor:pointer;border-radius:6px}.clear-btn:hover,.history-action-btn:hover{color:var(--accent);background:var(--accent-dim)}.history-action-btn.delete:hover,.item-remove-btn:hover{color:var(--red);background:rgba(239,68,68,.09)}.history-action-btn svg,.item-remove-btn svg,.loc-btn svg,.modal-close svg{width:13px;height:13px}.form-section{margin-bottom:26px}.section-label{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.section-label::after{content:'';flex:1;height:1px;background:var(--border)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-2 .span-2{grid-column:1/-1}@media (max-width:480px){.grid-2{grid-template-columns:1fr}}.item-row,.items-header{grid-template-columns:1fr 60px 96px 30px;gap:8px}.field,.input-wrap{position:relative}.clear-btn,.loc-btn{position:absolute;top:50%;transform:translateY(-50%);display:grid}.field label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.field-optional{font-weight:400;text-transform:none;letter-spacing:0}.items-header,.total-label{letter-spacing:.12em;text-transform:uppercase}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:10px 13px;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;color:var(--text-primary);outline:0;transition:border-color var(--t),box-shadow var(--t),background var(--t);-webkit-appearance:none;appearance:none;backdrop-filter:blur(8px)}[data-theme=light] input[type=date],[data-theme=light] input[type=email],[data-theme=light] input[type=number],[data-theme=light] input[type=text],[data-theme=light] select,[data-theme=light] textarea{background:rgba(255,255,255,.8)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim);background:var(--surface-2)}textarea{resize:vertical;min-height:72px;line-height:1.5}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235c5550' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.clear-btn{right:9px;width:20px;height:20px;place-items:center;color:var(--text-muted);cursor:pointer;border-radius:50%;opacity:0}.item-remove-btn,.loc-btn{width:28px;height:28px;cursor:pointer;place-items:center}.input-wrap input:focus~.clear-btn,.input-wrap:hover .clear-btn,.toast-close:hover{opacity:1}.clear-btn svg,.token-copy-btn svg{width:11px;height:11px}.loc-btn{right:8px;border:none;background:var(--accent-dim);color:var(--accent);border-radius:7px;transition:all var(--t) var(--ease)}.loc-btn:hover,.token-copy-btn:hover{background:var(--accent);color:#fff}.loc-btn.loading{animation:1s linear infinite spin}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.items-header{display:grid;padding:0 4px 8px;font-size:9px;font-weight:700;color:var(--text-muted)}.items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.item-remove-btn,.item-row{display:grid;transition:all var(--t)}.item-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 8px 8px 12px;animation:rowIn .18s var(--ease);backdrop-filter:blur(8px)}.item-row:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-dim)}.btn-add-item:hover,.dropzone.dragover,.dropzone:hover,.template-card.selected{border-color:var(--accent);background:var(--accent-dim)}@keyframes rowIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.item-row input{padding:7px 9px;background:var(--surface-2);border:1px solid transparent;border-radius:6px;font-size:13px;width:100%!important;backdrop-filter:none}.btn-add-item,.dropzone p{font-size:12px;color:var(--text-muted)}.item-row input:focus{background:var(--surface-3);border-color:var(--accent-border);box-shadow:none}.item-qty{text-align:center}.inv-table th:not(:first-child),.item-price{text-align:right}.item-remove-btn{border:none;background:0 0;color:var(--text-muted);border-radius:6px;flex-shrink:0}.btn-add-item,.logo-preview{display:flex;align-items:center}.btn-add-item,.dropzone{transition:all var(--t) var(--ease);cursor:pointer}.btn-add-item{width:100%;padding:10px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:0 0;font-family:var(--font-body);font-weight:500;justify-content:center;gap:6px}.dropzone,.logo-preview{background:var(--surface)}.btn-add-item:hover,.dropzone p strong,.inv-accent,.total-accent{color:var(--accent)}.decrypt-result h4,.total-label{font-family:var(--font-head);font-weight:700}.btn-add-item svg,.logo-remove-btn svg{width:14px;height:14px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:28px 20px;text-align:center}.dropzone svg{width:32px;height:32px;color:var(--text-muted);margin:0 auto 8px}.dropzone p.sub{font-size:10px;margin-top:3px}.logo-preview{justify-content:space-between;padding:10px 14px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);margin-top:10px}.logo-preview img{height:38px;object-fit:contain}.logo-remove-btn{width:30px;height:30px;display:grid;place-items:center;border:none;background:0 0;color:var(--red);cursor:pointer;border-radius:6px;transition:background var(--t)}.invoice-paper,.modal-box{width:100%;overflow:hidden}.logo-remove-btn:hover{background:rgba(239,68,68,.09)}.total-bar{position:sticky;bottom:0;background:rgba(12,10,8,.92);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:20}.fare-total-row,.split-card{display:flex;padding:11px 14px}[data-theme=light] .total-bar{background:rgba(245,242,238,.92)}.total-label{font-size:9px;color:var(--text-muted);margin-bottom:3px}.total-amount{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text-primary)}.decrypt-val,.split-amt{font-family:var(--font-mono)}.split-card{align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);animation:rowIn .2s var(--ease)}.split-amt{font-size:14px;font-weight:500;color:var(--accent)}.fare-total-row{align-items:center;justify-content:space-between;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);margin-top:8px;font-size:12px;font-weight:600;color:var(--accent)}.decrypt-row,.inv-header{justify-content:space-between}.decrypt-val,.inv-table td:first-child{font-weight:500}.decrypt-result{background:var(--surface);border:1px solid var(--green);border-radius:var(--radius);padding:18px 20px;margin-top:16px;animation:rowIn .25s var(--ease)}.decrypt-row,.preview-toolbar{border-bottom:1px solid var(--border);display:flex}.decrypt-result h4{font-size:13px;color:var(--green);margin-bottom:12px}.decrypt-row{align-items:center;padding:7px 0;font-size:12px}.decrypt-row:last-child{border-bottom:none}.decrypt-key{color:var(--text-muted)}.decrypt-val{font-size:11px;color:var(--text-primary)}.preview-pane{background:var(--bg-mid);display:flex;flex-direction:column;overflow:hidden}.preview-toolbar{align-items:center;justify-content:space-between;padding:0 24px;height:54px;background:rgba(12,10,8,.8);backdrop-filter:blur(20px);flex-shrink:0}[data-theme=light] .preview-toolbar{background:rgba(237,233,227,.8)}.preview-label{font-family:var(--font-head);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.preview-scroll{flex:1;overflow-y:auto;padding:32px;display:flex;justify-content:center;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.invoice-paper{background:#fff;max-width:620px;min-height:800px;border-radius:var(--radius-lg);padding:44px 48px;font-family:var(--font-body);color:#1a1714;position:relative;border-top:5px solid var(--accent);transition:border-color .3s}.inv-biz-name,.inv-client-name,.inv-date-value,.inv-table .total-row .big-total,.inv-title{font-family:var(--font-head)}.invoice-paper.t-blue{border-top-color:#2563eb}.invoice-paper.t-dark{border-top-color:#1a1714}.invoice-paper.t-forest{border-top-color:#16a34a}.inv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:#c4bdb5}.inv-empty-state svg{width:44px;height:44px;margin-bottom:12px}.inv-empty-state p{font-size:12px}.inv-header{display:flex;align-items:flex-start;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #f0ede9}.inv-title{font-size:34px;font-weight:800;color:#1a1714;letter-spacing:-.02em}.inv-number{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:4px}.inv-biz-name{font-size:15px;font-weight:800;color:#1a1714;text-align:right}.inv-biz-detail{font-size:11px;color:#9e9489;text-align:right;margin-top:2px}.inv-biz-gst,.inv-to-label{text-transform:uppercase;color:#c4bdb5;font-weight:700}.inv-biz-gst{font-size:9px;letter-spacing:.08em;text-align:right;margin-top:5px}.inv-biz-gst span{color:#6b6560}.inv-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.inv-to-label{font-size:8px;letter-spacing:.18em;margin-bottom:6px}.inv-client-name{font-size:17px;font-weight:700;color:#1a1714}.inv-client-email{font-size:11px;color:#9e9489;font-style:italic;margin-top:2px}.inv-date-label,.inv-table th{font-size:8px;font-weight:700;text-transform:uppercase}.inv-date-label{letter-spacing:.18em;color:#c4bdb5;text-align:right;margin-bottom:5px}.inv-date-label+.inv-date-label{margin-top:12px}.inv-date-value{font-size:13px;font-weight:700;color:#1a1714;text-align:right}.inv-table{width:100%;border-collapse:collapse;margin-bottom:28px}.inv-table thead tr{border-bottom:2px solid #1a1714}.inv-table th{letter-spacing:.16em;color:#9e9489;padding-bottom:9px}.inv-table th:first-child{text-align:left}.inv-table td{padding:11px 0;font-size:13px;color:#1a1714;border-bottom:1px solid #f5f3f0}.inv-table td:not(:first-child){text-align:right;font-family:var(--font-mono);font-size:12px}.inv-table .subtotal-row td,.inv-table .tax-row td{font-size:11px;color:#9e9489;border-bottom:none;padding-top:14px}.inv-table .total-row td{border-top:2px solid #1a1714;border-bottom:none;padding-top:14px}.inv-table .total-row .row-label{font-family:var(--font-head);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.inv-table .total-row .big-total{font-weight:800;font-size:22px;color:#1a1714}.inv-footer{font-size:9px;color:#c4bdb5;text-align:center;margin-top:28px;padding-top:18px;border-top:1px solid #f0ede9;font-family:var(--font-mono)}.modal-title,.template-name,.token-copy-btn,.token-label{font-family:var(--font-head)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:900;padding:16px}.modal-backdrop.open,.overlay.open{display:flex}.modal-box{background:var(--surface-solid);border-radius:var(--radius-xl);max-width:500px;border:1px solid var(--border-mid);animation:modalIn .22s var(--ease)}.modal-close,.template-card{background:var(--surface);cursor:pointer}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 18px;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:800;color:var(--text-primary)}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:3px}.modal-close{width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;color:var(--text-muted);transition:all var(--t);flex-shrink:0}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-body{padding:22px 24px}.modal-footer{padding:16px 24px 24px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{border:1.5px solid var(--border-mid);border-radius:var(--radius);padding:14px;transition:all var(--t) var(--ease)}.template-card:hover{border-color:var(--accent-border)}.template-thumb{height:72px;border-radius:8px;margin-bottom:10px}.t-orange{background:linear-gradient(135deg,#f26522,#ff9a56)}.t-blue{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.t-dark{background:linear-gradient(135deg,#1a1714,#44403c)}.t-forest{background:linear-gradient(135deg,#14532d,#4ade80)}.template-name{font-size:13px;font-weight:700;color:var(--text-primary)}.template-tag{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px}.overlay-title,.token-copy-btn,.token-label{font-weight:700;text-transform:uppercase}.success-icon,.toast.success .toast-icon{color:var(--green)}.success-icon{width:62px;height:62px;border-radius:50%;background:rgba(34,197,94,.12);display:grid;place-items:center;margin:0 auto 18px}.success-icon svg{width:28px;height:28px}.token-box{background:var(--surface-2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:14px;margin-bottom:18px}.token-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.token-label{font-size:9px;letter-spacing:.12em;color:var(--text-muted)}.token-copy-btn{display:inline-flex;align-items:center;gap:4px;font-size:9px;letter-spacing:.06em;color:var(--accent);background:var(--accent-dim);border:none;padding:4px 10px;border-radius:20px;cursor:pointer;transition:all var(--t)}.token-value{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);word-break:break-all;line-height:1.6}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:1000}.overlay-card{background:var(--surface-solid);border:1px solid var(--border-mid);border-radius:var(--radius-xl);padding:36px 44px;text-align:center;min-width:280px}.overlay-icon{width:52px;height:52px;border-radius:50%;background:var(--accent-dim);display:grid;place-items:center;margin:0 auto 18px;animation:1.4s ease-in-out infinite pulseIcon}@keyframes pulseIcon{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.8}}.overlay-icon svg{width:24px;height:24px;color:var(--accent)}.overlay-title{font-family:var(--font-head);font-size:10px;letter-spacing:.14em;color:var(--text-muted);margin-bottom:14px}.progress-track{width:100%;height:3px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff9a56);border-radius:4px;width:0%;transition:width .35s var(--ease)}.overlay-status{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:8px;letter-spacing:.08em}.toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:var(--surface-solid);color:var(--text-primary);padding:11px 16px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:12px;font-weight:500;z-index:2000;transform:translateY(70px);opacity:0;transition:all .26s var(--ease);pointer-events:none;backdrop-filter:blur(20px)}.toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.toast-icon{width:13px;height:13px;flex-shrink:0}.toast-close{margin-left:10px;padding:4px;background:0 0;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:grid;place-items:center;transition:all var(--t);opacity:.6;pointer-events:auto}.toast-close svg{width:12px;height:12px}.toast.error .toast-icon{color:var(--red)}@media print{body>:not(.invoice-paper){display:none!important}.invoice-paper{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;min-height:100%!important;border-radius:0!important;box-shadow:none!important;padding:36px 40px!important;margin:0!important}}
