:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f5;--bg-strong:#e8eeeb;--surface:#fff;--surface-soft:#f8faf9;--ink:#17211d;--muted:#66736d;--line:#dce4df;--line-strong:#c9d5cf;--teal:#0f766e;--blue:#2563eb;--rose:#be123c;--amber:#b45309;--shadow:0 18px 48px #17211d17}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(90deg, #0f766e0d 1px, transparent 1px), linear-gradient(0deg, #2563eb09 1px, transparent 1px), var(--bg);color:var(--ink);background-size:44px 44px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f6f5eb;border-bottom:1px solid #c9d5cfcc;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark,.invoice-logo{border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--teal);border-radius:8px;flex:none;place-items:center;display:grid;box-shadow:0 8px 20px #17211d0f}.brand strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1;display:block;overflow:hidden}.brand span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;display:block;overflow:hidden}.topbar-actions,.toolbar-buttons,.button-row,.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button,.icon-button,.text-button{color:var(--ink);background:0 0;border:0}.button{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.secondary{color:#075e58;background:#eaf6f4;border-color:#0f766e59}.button.ghost{background:#ffffffad}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.button.icon-label{min-height:34px;padding-inline:10px;font-size:13px;position:relative}.button.icon-label input{opacity:0;position:absolute;inset:0}.icon-button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-button:hover,.button:hover,.text-button:hover{border-color:var(--ink)}.icon-button.danger:hover{color:var(--rose);border-color:#be123c59}.text-button{min-height:32px;color:var(--teal);white-space:nowrap;padding:0 4px;font-size:13px;font-weight:800}.workspace{grid-template-columns:minmax(240px,280px) minmax(420px,1fr) minmax(360px,520px);align-items:start;gap:12px;padding:12px;display:grid}.sidebar,.form-block,.editor-toolbar,.invoice-paper{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.sidebar{flex-direction:column;gap:14px;max-height:calc(100vh - 104px);padding:14px;display:flex;position:sticky;top:86px;overflow:hidden}.metric-grid{grid-template-columns:1fr;gap:8px;display:grid}.metric{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-width:0;padding:12px}.metric span,.library-heading,.block-title small,.field span,.field small,.preview-header,.invoice-addresses span,.payment-box span,.saved-invoice span,.empty-inline,.empty-state,.library-footer span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{overflow-wrap:anywhere;margin-top:6px;font-size:18px;line-height:1.2;display:block}.metric.alert strong{color:var(--rose)}.cloud-card{background:#eff8f6;border:1px solid #0f766e40;border-radius:8px;gap:12px;padding:12px;display:grid}.cloud-card-head{align-items:center;gap:10px;min-width:0;display:flex}.cloud-icon{width:34px;height:34px;color:var(--teal);background:#fff;border:1px solid #0f766e3d;border-radius:8px;flex:none;place-items:center;display:grid}.cloud-card strong,.cloud-card span,.cloud-card p{overflow-wrap:anywhere;display:block}.cloud-card strong{font-size:13px}.cloud-card span,.cloud-card p{color:var(--muted);margin:3px 0 0;font-size:12px;font-weight:700;line-height:1.35}.cloud-form,.cloud-signed-in{gap:8px;display:grid}.cloud-form input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:38px;color:var(--ink);border-radius:8px;outline:0;padding:0 10px}.cloud-form input:focus{border-color:#0f766eb3;box-shadow:0 0 0 3px #0f766e1f}.cloud-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cloud-actions .button{min-height:36px;padding-inline:10px;font-size:13px}.google-button{background:#fff;width:100%;min-height:38px}.auth-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-strong);flex:1;height:1px}.searchbox{border:1px solid var(--line);background:var(--surface-soft);min-height:42px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchbox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.library-heading{text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.invoice-list{flex-direction:column;flex:1;gap:8px;min-height:140px;padding-right:2px;display:flex;overflow:auto}.saved-invoice{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid}.saved-invoice.active{background:#eef8f6;border-color:#0f766e73}.saved-invoice strong,.saved-invoice span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-invoice-meta{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.saved-invoice-meta>span:nth-child(2){color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.status-pill{color:#475569;text-transform:uppercase;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.status-pill.sent{color:var(--blue);background:#e8f0ff}.status-pill.paid{color:#047857;background:#e5f6ef}.status-pill.overdue{color:var(--rose);background:#fff1f2}.empty-state{border:1px dashed var(--line-strong);border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:148px;display:grid}.library-footer{grid-template-columns:1fr 1fr;gap:8px;display:grid}.library-footer div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:10px}.library-footer strong,.library-footer span{display:block}.editor{flex-direction:column;gap:14px;min-width:0;display:flex;container:editor-container/inline-size}.editor-toolbar{grid-template-columns:minmax(160px,1fr) 150px auto;align-items:end;gap:12px;padding:14px;display:grid}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sidebar-action{margin-bottom:2px}.sidebar-action .button.primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f766e33}.sidebar-action .button.primary:hover{background:#0d685f;transform:translateY(-1px);box-shadow:0 6px 16px #0f766e4d}.sidebar-action .button.primary:active{transform:translateY(0)}.empty-library{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:8px;padding:32px 16px;display:flex}.empty-library span{color:var(--ink);margin-top:8px;font-size:13px;font-weight:600}.empty-library p{margin:4px 0 0;font-size:12px;line-height:1.4}.tabs button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted);background:#ffffffbd;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.editor-accordion{flex-direction:column;gap:16px;display:flex}.accordion-section{border:1px solid var(--line);background:var(--surface);border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #00000005}.accordion-section.active{border-color:var(--teal);box-shadow:var(--shadow)}.accordion-header{background:var(--surface-soft);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-family:inherit;transition:background .2s;display:flex}.accordion-header:hover{background:var(--bg-strong)}.accordion-header-left{align-items:center;gap:12px;display:flex}.accordion-header-left .step-num{background:var(--line-strong);width:26px;height:26px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .2s;display:flex}.accordion-section.active .accordion-header-left .step-num{background:var(--teal);color:#fff}.accordion-header-left span{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:800}.accordion-header-right{color:var(--muted);align-items:center;display:flex}.accordion-content{border-top:1px solid var(--line);background:var(--surface);padding:20px}@keyframes spotlight-pulse{0%{box-shadow:0 0 0 1px var(--teal), 0 0 12px #0f766e26}50%{box-shadow:0 0 0 3px var(--teal), 0 0 24px #0f766e66}to{box-shadow:0 0 0 1px var(--teal), 0 0 12px #0f766e26}}.spotlight-active{outline-offset:4px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite spotlight-pulse;position:relative;outline:2px solid var(--teal)!important;background:#0f766e08!important}@media print{.spotlight-active{box-shadow:none!important;background:0 0!important;outline:none!important;animation:none!important}}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{gap:14px;display:grid}.form-block{gap:12px;min-width:0;padding:16px;display:grid;container:form-block-container/inline-size}.form-block.wide{overflow:hidden}.block-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-bottom:4px;display:flex}.block-title span{color:var(--ink);font-size:16px;font-weight:900;display:block}.block-title small{margin-top:2px;display:block}.field{gap:6px;min-width:0;display:grid}.field input,.field select,.field textarea,.item-name-cell input,.item-name-cell textarea,.items-grid input,.items-grid select,.searchbox input{min-width:0}.field input,.field select,.field textarea,.item-name-cell input,.item-name-cell textarea,.items-grid input,.items-grid select{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:8px;outline:0}.field input,.field select,.items-grid input,.items-grid select{min-height:40px;padding:0 10px}.field textarea,.item-name-cell textarea{resize:vertical;padding:10px;line-height:1.4}.field input:focus,.field select:focus,.field textarea:focus,.item-name-cell input:focus,.item-name-cell textarea:focus,.items-grid input:focus,.items-grid select:focus,.searchbox:focus-within{border-color:#0f766eb3;box-shadow:0 0 0 3px #0f766e1f}.inline-grid,.payment-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.payment-row{grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) 150px auto}.items-grid{grid-template-columns:minmax(220px,1.6fr) minmax(88px,.7fr) minmax(96px,.75fr) minmax(70px,.55fr) minmax(70px,.55fr) minmax(112px,.8fr) 36px;align-items:start;gap:10px;display:grid}.items-grid.header{color:var(--muted);text-transform:uppercase;padding:2px 4px;font-size:12px;font-weight:900}.items-grid.row{border-top:1px solid var(--line);padding-top:12px}.item-name-cell{gap:8px;display:grid}.item-name-cell input{min-height:40px;padding:0 10px}.split-input{gap:6px;display:grid}.inline-actions select{flex:1;width:auto;min-width:138px}.line-total{overflow-wrap:anywhere;text-align:right;padding-top:10px;font-size:13px;display:block}.payment-list{gap:8px;display:grid}.payment-entry{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:10px;padding:10px;font-size:13px;display:grid}.payment-entry span,.payment-entry strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-inline{border:1px dashed var(--line-strong);text-align:center;border-radius:8px;padding:14px}.template-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-picker button{border:1px solid var(--line);background:var(--surface-soft);min-height:62px;color:var(--ink);text-transform:capitalize;border-radius:8px;font-weight:900}.template-picker button.selected{border-color:var(--ink);background:#edf7f5;box-shadow:inset 0 0 0 2px #0f766e1f}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{width:36px;height:36px;box-shadow:0 0 0 1px var(--line-strong);border:2px solid #fff;border-radius:999px}.swatches button.selected{box-shadow:0 0 0 2px var(--ink), 0 6px 16px #17211d29}.switch-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-weight:800;display:flex}.switch-row input{width:42px;height:24px;accent-color:var(--teal)}.automation-note{color:#744500;background:#fff8e8;border:1px solid #f1d8a8;border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:13px;line-height:1.45;display:flex}.preview-wrap{min-width:0;position:sticky;top:86px;container:editor-preview/inline-size}@container editor-preview (width<=760px){.preview-wrap .invoice-paper{zoom:.85}}@container editor-preview (width<=660px){.preview-wrap .invoice-paper{zoom:.75}}@container editor-preview (width<=560px){.preview-wrap .invoice-paper{zoom:.65}}@container editor-preview (width<=480px){.preview-wrap .invoice-paper{zoom:.55}}@container editor-preview (width<=400px){.preview-wrap .invoice-paper{zoom:.48}}@media print{.preview-wrap .invoice-paper{zoom:1!important}}.invoice-paper{--accent:var(--teal);color:#18231f;gap:28px;min-height:980px;padding:34px;display:grid;overflow:hidden}.invoice-paper.ledger{border-top:8px solid var(--accent)}.invoice-paper.compact{gap:20px;min-height:820px;padding:28px}.invoice-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.invoice-brand{gap:12px;min-width:0;display:flex}.invoice-brand img{border:1px solid var(--line);object-fit:contain;border-radius:8px;width:54px;height:54px}.invoice-brand strong,.invoice-brand span,.invoice-title p,.invoice-addresses p,.payment-box p,.payment-box a,.invoice-notes p,.invoice-notes small{overflow-wrap:anywhere}.invoice-brand strong{font-size:17px;display:block}.invoice-brand span{color:#5d6b65;margin-top:4px;font-size:12px;display:block}.invoice-title{text-align:right;min-width:128px}.invoice-title h1{margin:12px 0 4px;font-size:clamp(28px,4vw,44px);line-height:1}.invoice-title p{color:#5d6b65;margin:0;font-size:13px;font-weight:800}.invoice-addresses{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(138px,.75fr);gap:18px;padding:18px;display:grid}.invoice-addresses strong{margin-top:8px;font-size:15px;display:block}.invoice-addresses p,.payment-box p,.invoice-notes p{color:#5d6b65;margin:6px 0 0;font-size:13px;line-height:1.45}.invoice-addresses dl,.summary-box{gap:8px;margin:0;display:grid}.invoice-addresses dl div,.summary-box div{justify-content:space-between;gap:12px;display:flex}.invoice-addresses dt,.summary-box dt{color:#66736d;font-size:12px;font-weight:800}.invoice-addresses dd,.summary-box dd{text-align:right;margin:0;font-size:12px;font-weight:900}.preview-table{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.preview-row{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.45fr) 70px 96px 112px;align-items:start;gap:12px;padding:14px 16px;display:grid}.preview-row:first-child{border-top:0}.preview-header{color:#5d6b65;text-transform:uppercase;background:#eef3f1}.preview-row strong,.preview-row span{overflow-wrap:anywhere}.preview-row p{color:#66736d;margin:5px 0 0;font-size:12px;line-height:1.4}.preview-row>span,.preview-row>strong{text-align:right}.preview-row>:first-child,.preview-header>span:first-child{text-align:left}.invoice-summary{grid-template-columns:minmax(0,1fr) minmax(230px,.78fr);align-items:start;gap:20px;display:grid}.payment-box{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:16px}.payment-box strong{margin-top:8px;display:block}.payment-box a{color:var(--accent);margin-top:10px;font-size:12px;font-weight:900;display:block}.summary-box{border-left:3px solid var(--accent);background:#fbfcfc;padding:16px}.summary-total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.summary-total dt,.summary-total dd{color:var(--ink);font-size:17px}.invoice-notes{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:16px;display:grid}.invoice-notes small{color:#66736d;line-height:1.5}.toast{z-index:50;color:#fff;max-width:min(360px,100vw - 36px);box-shadow:var(--shadow);background:#0f342f;border:1px solid #0f766e40;border-radius:8px;padding:12px 14px;font-weight:800;position:fixed;bottom:18px;right:18px}.mobile-shell{background:var(--bg);min-height:100vh}.mobile-topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f5f2;border-bottom:1px solid #c9d5cfdb;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.mobile-brand{gap:2px;min-width:0;display:grid}.mobile-brand img{object-fit:contain;object-position:left center;width:116px;height:28px}.mobile-brand span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.mobile-topbar-actions,.mobile-inline-actions,.mobile-sheet-actions,.mobile-preview-actions{align-items:center;gap:8px;display:flex}.mobile-topbar-actions .button{min-height:34px;padding-inline:10px;font-size:12px}.mobile-content{padding:12px}.mobile-screen{gap:12px;display:grid}.mobile-screen-header{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.mobile-screen-header h1{color:var(--ink);margin:0;font-size:20px;line-height:1.15}.mobile-screen-header p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.35}.mobile-screen-header strong{overflow-wrap:anywhere;color:var(--teal);text-align:right;font-size:15px;line-height:1.2}.mobile-hero-card,.mobile-card,.mobile-item-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.mobile-hero-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.mobile-hero-card h1{overflow-wrap:anywhere;margin:12px 0 4px;font-size:22px;line-height:1.1}.mobile-hero-card p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.mobile-hero-card>strong{overflow-wrap:anywhere;color:var(--teal);text-align:right;font-size:18px}.mobile-card{gap:12px;padding:14px;display:grid}.mobile-section-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.mobile-section-title span,.mobile-account-row strong{color:var(--ink);font-size:15px;font-weight:900;display:block}.mobile-section-title small,.mobile-account-row span,.mobile-muted{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700;line-height:1.35;display:block}.mobile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-action-grid .button,.mobile-wide-button{width:100%}.mobile-searchbox{border:1px solid var(--line);background:var(--surface-soft);min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.mobile-searchbox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.mobile-draft-list,.mobile-item-list{gap:8px;display:grid}.mobile-draft-card{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.mobile-draft-card.active{background:#eef8f6;border-color:#0f766e66}.mobile-draft-card strong,.mobile-draft-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-draft-card span{color:var(--muted);font-size:12px;font-weight:800}.mobile-empty-state{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:8px;padding:16px;font-size:13px;font-weight:800}.mobile-account-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.mobile-field{gap:6px;min-width:0;display:grid}.mobile-field span{color:var(--muted);font-size:12px;font-weight:800}.mobile-field input,.mobile-field select,.mobile-field textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-width:0;color:var(--ink);border-radius:8px;outline:0}.mobile-field input,.mobile-field select{min-height:42px;padding:0 10px}.mobile-field textarea{resize:vertical;padding:10px;line-height:1.4}.mobile-field input:focus,.mobile-field select:focus,.mobile-field textarea:focus{border-color:#0f766eb3;box-shadow:0 0 0 3px #0f766e1f}.mobile-two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-sticky-action{z-index:20;background:linear-gradient(180deg, var(--bg) 68%, #f4f6f500);padding:8px 0;position:sticky;top:58px}.mobile-sticky-action .button{width:100%}.mobile-item-card{overflow:hidden}.mobile-item-main{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.mobile-item-main strong,.mobile-item-main span{overflow-wrap:anywhere;display:block}.mobile-item-main span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800}.mobile-item-main>strong{text-align:right}.mobile-item-meta{border-top:1px solid var(--line);background:var(--surface-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.mobile-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-template-grid button{border:1px solid var(--line);background:var(--surface-soft);min-height:42px;color:var(--ink);text-transform:capitalize;border-radius:8px;font-weight:900}.mobile-template-grid button.selected{border-color:var(--ink);background:#edf7f5}.mobile-preview-frame{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:auto}.mobile-preview-frame .invoice-paper{width:760px;min-height:auto;box-shadow:none;transform-origin:0 0;border:0;border-radius:0;margin:0}.mobile-preview-actions{z-index:25;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-radius:8px;grid-template-columns:1fr 1fr 1fr;padding:8px;display:grid;position:sticky;bottom:78px}.mobile-preview-actions .button{min-height:38px;padding-inline:8px;font-size:12px}.mobile-bottom-spacer{height:90px}.mobile-bottom-nav{z-index:45;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 18px 46px #17211d29}.mobile-bottom-nav button{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;font-size:10px;font-weight:900;display:grid}.mobile-bottom-nav button.active{background:var(--ink);color:#fff}.mobile-sheet-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17211d61;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-item-sheet{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px 16px 0 0;gap:12px;width:100%;max-height:88vh;padding:16px;display:grid;overflow:auto;box-shadow:0 -20px 56px #17211d2e}.mobile-sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-sheet-header span,.mobile-sheet-header strong{display:block}.mobile-sheet-header span{color:var(--muted);font-size:12px;font-weight:800}.mobile-sheet-header strong{color:var(--ink);margin-top:3px;font-size:18px}.mobile-sheet-actions{grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=1320px){.workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.preview-wrap{grid-column:1/-1;position:static}.invoice-paper{max-width:940px;margin:0 auto}}@media (width<=940px){.topbar{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr;padding:12px}.sidebar{max-height:none;position:static}.metric-grid,.library-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.library-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.topbar-actions,.toolbar-buttons{width:100%}.topbar-actions .button,.toolbar-buttons .button{flex:120px}.metric-grid{grid-template-columns:1fr}.invoice-paper{min-height:auto;padding:22px}.invoice-head,.invoice-summary{flex-direction:column;grid-template-columns:1fr}.invoice-title{text-align:left}.invoice-addresses{grid-template-columns:1fr}.preview-row{grid-template-columns:minmax(0,1.25fr) 52px 72px 86px;gap:8px;padding:12px;font-size:12px}.summary-total dt,.summary-total dd{font-size:15px}}@media print{@page{size:A4;margin:12mm}html,body,.app-shell{background:#fff!important}body{background-image:none!important}.no-print,.topbar,.sidebar,.editor,.toast{display:none!important}.workspace{padding:0;display:block}.preview-wrap{position:static}.invoice-paper{width:100%;min-height:auto;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17211d66;place-items:center;padding:16px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.modal-content{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex-direction:column;width:100%;max-width:440px;max-height:calc(100vh - 32px);animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 64px #17211d29}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:800}.modal-header .close-button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:4px;display:inline-flex}.modal-header .close-button:hover{background:var(--bg-strong);color:var(--ink)}.modal-body{padding:20px;overflow-y:auto}.modal-body p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.modal-footer{border-top:1px solid var(--line);background:var(--surface-soft);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.user-profile-card{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:4px;padding:14px;display:flex}.user-profile-info{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--bg-strong);width:32px;height:32px;color:var(--teal);border:1px solid var(--line-strong);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.user-details{flex-direction:column;min-width:0;display:flex}.user-email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.user-status-row{align-items:center;gap:6px;margin-top:2px;display:flex}.mode-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900;line-height:1}.mode-badge.guest{background:var(--bg-strong);color:var(--muted)}.mode-badge.synced{color:var(--teal);background:#e6f7f5}.sync-status-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.user-actions{gap:8px;display:flex}.user-actions button{flex:1;min-height:34px}.sidebar-auth-cta{border:1px dashed var(--line-strong);background:var(--surface);text-align:center;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.sidebar-auth-cta p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.sidebar-auth-cta button{width:100%}.topbar-auth{align-items:center;gap:10px;display:flex}.gate-teaser{color:var(--blue);background:#2563eb0a;border:1px solid #2563eb33;border-radius:6px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px;font-size:12px;line-height:1.4;display:flex}.gate-teaser a{cursor:pointer;font-weight:800;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px)}to{transform:translateY(0)}}.client-preview-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.client-preview-topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.client-preview-brand{align-items:center;gap:12px;display:flex}.client-preview-actions{align-items:center;gap:10px;display:flex}.client-preview-container{flex:1;justify-content:center;padding:40px 24px;display:flex;overflow-y:auto}.client-preview-container .invoice-paper{width:100%;max-width:800px;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--surface);border-radius:8px}@media print{.client-preview-shell{background:#fff!important}.client-preview-topbar{display:none!important}.client-preview-container{padding:0!important;display:block!important;overflow:visible!important}.client-preview-container .invoice-paper{box-shadow:none!important;border:none!important;width:100%!important;max-width:none!important;padding:0!important}}@container editor-container (width<=720px){.items-grid.header{display:none}.items-grid.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0}.item-name-cell,.line-total{grid-column:1/-1}.line-total{text-align:left;padding-top:0}}@container editor-container (width<=600px){.editor-toolbar,.form-grid.two{grid-template-columns:1fr}}@container editor-container (width<=480px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@container form-block-container (width<=560px){.payment-row,.inline-grid{grid-template-columns:1fr}}