@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap";:root{color:#302f28;font-synthesis:none;--ink:#302f28;--muted:#78786f;--cream:#f8f5ef;--paper:#fffefb;--line:#dfded6;--olive:#71715b;--olive-dark:#555643;--blush:#d8aaa2;--blush-light:#f2dfda;background:#f3f0ea;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.auth-loading,.login-page{background:linear-gradient(145deg,#f5eee8,#ecebe1);place-items:center;min-height:100vh;display:grid}.auth-loading{color:var(--muted);align-content:center;gap:12px;font-size:12px}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(420px,100% - 32px);padding:34px;box-shadow:0 24px 70px #39372e21}.login-brand{align-items:center;gap:11px;margin-bottom:38px;display:flex}.login-brand>div{flex-direction:column;gap:1px;display:flex}.login-brand strong{letter-spacing:.16em;font-family:Italiana,serif;font-weight:400}.login-brand small{color:var(--muted);letter-spacing:.18em;font-size:8px;font-weight:700}.login-icon{width:48px;height:48px;color:var(--olive-dark);background:#eeece5;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.login-copy{margin-bottom:24px}.login-copy h1{margin:0;font-family:Italiana,serif;font-size:36px;font-weight:400}.login-copy>p:last-child{color:var(--muted);margin:7px 0 0;font-size:12px}.login-card .form-field{margin-top:14px}.login-submit{width:100%;margin-top:20px}.app-logout{z-index:90;min-height:34px;padding:0 11px;font-size:10px;position:fixed;bottom:18px;right:18px;box-shadow:0 7px 20px #39372e1f}.app-shell{background:var(--cream);min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefbeb;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 28px;display:grid;position:sticky;top:0}.back-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:max-content;font-weight:600;display:flex}.title-block{align-items:center;gap:10px;display:flex}.title-mark{width:30px;height:30px;color:var(--olive-dark);background:#eeece5;border-radius:50%;place-items:center;display:grid}.title-block p{color:var(--muted);letter-spacing:.18em;margin:0 0 1px;font-size:9px;font-weight:700}.title-block input{width:74px;color:var(--ink);background:0 0;border:0;padding:0;font-weight:700}.top-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.button,.icon-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .18s;display:inline-flex}.button{border:1px solid #0000;min-height:40px;padding:0 15px;font-size:13px}.button:hover,.icon-button:hover{transform:translateY(-1px)}.icon-button{border:1px solid var(--line);background:#fff;width:40px;height:40px}.button-outline{border-color:var(--line);background:#fff}.button-primary{color:#fff;background:var(--olive-dark);box-shadow:0 5px 14px #4f503e29}.button-primary:hover,.button-dark:hover{background:#444535}.button-dark{color:#fff;background:var(--olive-dark)}.button-soft{color:var(--olive-dark);background:#efede5;border-color:#dad8ce}.workspace{grid-template-columns:minmax(600px,1.08fr) minmax(520px,.92fr);min-height:calc(100vh - 70px);display:grid}.editor-pane{background:var(--paper);border-right:1px solid var(--line)}.editor-inner{width:min(760px,100% - 60px);margin:0 auto;padding:0 0 80px}.welcome-card{background:linear-gradient(110deg,#f7eae6,#f7f3eb 72%);border:1px solid #e5d6d0;border-radius:14px;align-items:flex-start;gap:17px;padding:25px 26px;display:flex;position:relative;overflow:hidden}.welcome-card:after{content:"";background:#70715b1f;border-radius:50%;width:150px;height:120px;position:absolute;top:-60px;right:-20px}.welcome-icon{color:#9a6d65;background:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 12px #caa9a333}.eyebrow{color:#9c6f67;letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.welcome-card h1{letter-spacing:.02em;margin:0;font-family:Italiana,serif;font-size:32px;font-weight:400}.welcome-card>div>p:last-child{color:var(--muted);margin:5px 0 0;font-size:13px}.draft-pill{z-index:1;color:var(--olive-dark);text-transform:uppercase;letter-spacing:.09em;background:#ffffffad;border:1px solid #d8d5ca;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:10px;font-weight:700}.form-section{border-bottom:1px solid #e7e5de;padding:34px 0}.section-heading{grid-template-columns:32px 1fr;align-items:start;gap:13px;margin-bottom:20px;display:grid}.section-heading>span{width:29px;height:29px;color:var(--olive-dark);background:#ebe9e1;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.section-heading h2{letter-spacing:.02em;margin:1px 0 4px;font-family:Italiana,serif;font-size:22px;font-weight:400}.section-heading p{color:var(--muted);margin:0;font-size:12px}.heading-with-action{grid-template-columns:32px 1fr auto}.customer-select-wrap{position:relative}.customer-select{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.customer-select:hover{border-color:#aaa996}.customer-select>svg{color:var(--muted);margin-left:auto}.avatar{color:#777761;background:#eeece4;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.selected-customer,.placeholder-copy{flex-direction:column;gap:3px;display:flex}.selected-customer strong,.placeholder-copy strong{font-size:13px}.selected-customer small,.placeholder-copy small{color:var(--muted);font-size:11px}.customer-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 16px 42px #2f2f2624}.search-field{min-height:42px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--olive);box-shadow:0 0 0 3px #70715b1a}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.contact-results{max-height:220px;padding-top:6px;overflow:auto}.contact-results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.contact-results button:hover{background:#f6f4ef}.contact-avatar{color:#825f58;background:var(--blush-light);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.contact-results button>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.contact-results strong{font-size:12px}.contact-results small,.contact-results p{color:var(--muted);font-size:11px}.contact-results p{text-align:center;padding:10px}.field-grid{gap:13px;display:grid}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-span-two{grid-column:1/-1}.form-field{flex-direction:column;gap:7px;display:flex}.form-field>span{color:#59594f;font-size:11px;font-weight:600}.form-field>input,.form-field>select,.form-field textarea,.prefix-input{border:1px solid var(--line);background:#fff;border-radius:9px;outline:0;width:100%;min-height:43px}.form-field>input,.form-field>select,.form-field textarea{padding:10px 12px;font-size:13px}.form-field>input:focus,.form-field>select:focus,.form-field textarea:focus,.prefix-input:focus-within{border-color:var(--olive);box-shadow:0 0 0 3px #70715b1a}.prefix-input{align-items:center;display:flex;overflow:hidden}.prefix-input small{color:var(--muted);border-right:1px solid var(--line);background:#f3f1eb;align-self:stretch;align-items:center;padding:0 10px;font-weight:700;display:flex}.prefix-input input{border:0;outline:0;width:100%;padding:0 10px}.items-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.items-head,.item-row{grid-template-columns:minmax(190px,1.5fr) .65fr .8fr .7fr 30px;align-items:center;gap:10px;display:grid}.items-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f1efe9;padding:10px 14px;font-size:10px;font-weight:700}.item-row{border-top:1px solid #eceae3;padding:12px 14px;font-size:12px}.item-info{align-items:center;gap:10px;display:flex}.item-info i,.product-swatch{color:#865f58;background:linear-gradient(145deg,#f3e1dc,#e4c4bd);border-radius:8px;flex:none;place-items:center;width:35px;height:35px;font-family:Italiana;font-size:16px;font-style:normal;display:grid}.item-info>span{flex-direction:column;gap:2px;display:flex}.item-info small{color:var(--muted);font-size:10px}.quantity{border:1px solid var(--line);border-radius:7px;align-items:center;gap:9px;width:max-content;padding:3px;display:flex}.quantity button{cursor:pointer;background:#f0eee8;border:0;border-radius:5px;width:23px;height:23px}.remove-button{color:#a87970;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.remove-button:hover{background:#f7e9e5}.products-empty{cursor:pointer;background:#faf9f5;border:1px dashed #c9c7bb;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:28px;display:flex}.products-empty:hover{border-color:var(--olive);background:#f7f5ee}.empty-art{width:48px;height:48px;color:var(--olive-dark);background:#e9e7de;border-radius:50%;place-items:center;margin-bottom:11px;display:grid}.products-empty strong{font-size:13px}.products-empty small{color:var(--muted);margin-top:4px}.text-link{color:#956a61;margin-top:13px;font-size:11px;font-weight:700}.summary-layout{grid-template-columns:1fr 280px;gap:20px;display:grid}.payment-fields{flex-direction:column;gap:14px;display:flex}.notes-field textarea{resize:vertical}.totals-card{border:1px solid var(--line);background:#faf9f5;border-radius:11px;padding:14px 16px}.totals-card>div,.totals-card>label{color:#5f5f55;justify-content:space-between;align-items:center;min-height:37px;font-size:11px;display:flex}.rate-input{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;padding-right:8px;display:flex;overflow:hidden}.rate-input input{text-align:right;border:0;outline:0;width:48px;height:29px;padding:0 5px 0 9px}.totals-card .grand-total{min-height:48px;color:var(--ink);border-top:1px solid #d7d5cc;margin-top:7px;padding-top:8px}.grand-total strong{font-size:18px}.preview-pane{background:#e9e6df;position:relative}.preview-toolbar{z-index:10;color:#6f6f65;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.13em;background:#ece9e2eb;border-bottom:1px solid #d8d5cd;justify-content:space-between;align-items:center;height:58px;padding:0 28px;font-size:9px;font-weight:700;display:flex;position:sticky;top:70px}.preview-toolbar>div{align-items:center;gap:7px;display:flex}.live-dot{background:#7e8c65;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #7e8c6521}.button-paper{letter-spacing:0;background:#ffffffad;border-color:#d4d1c9;min-height:34px;padding:0 11px;font-size:11px}.paper-wrap{justify-content:center;padding:44px 30px 70px;display:flex;position:sticky;top:128px}.invoice-paper{aspect-ratio:1/1.29;background:var(--paper);width:min(100%,620px);padding:7.5% 7%;position:relative;overflow:hidden;box-shadow:0 16px 45px #3b3a3129}.paper-shape{pointer-events:none;position:absolute}.shape-olive{background:#81816a;border-radius:45% 55% 60% 40%;width:170px;height:165px;top:-80px;left:-78px;transform:rotate(28deg)}.shape-blush{background:#e4bdb5;border-radius:55% 45% 36% 64%;width:150px;height:160px;bottom:-65px;right:-95px;transform:rotate(-20deg)}.paper-header{border-bottom:1px solid #77766c;justify-content:space-between;align-items:flex-start;padding-bottom:4%;display:flex;position:relative}.wordmark{letter-spacing:.28em;color:#774b44;font-family:Italiana,serif;font-size:clamp(18px,2.1vw,27px)}.invoice-heading{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.invoice-heading span{letter-spacing:.08em;font-family:Italiana,serif;font-size:clamp(20px,2.4vw,31px)}.invoice-heading strong{color:var(--muted);letter-spacing:.1em;font-size:9px}.paper-meta{grid-template-columns:1.25fr .75fr;gap:10%;padding:7% 0;display:grid}.paper-meta section{flex-direction:column;gap:3px;font-size:clamp(7px,.75vw,10px);display:flex}.paper-label{color:#9b746c;text-transform:uppercase;letter-spacing:.12em;margin:0 0 5px;font-size:.8em;font-weight:700}.paper-meta span{color:#77766e}.paper-muted{font-style:italic}.due-label{margin-top:12px}.paper-table{min-height:37%}.paper-row{border-bottom:1px solid #e4e1da;grid-template-columns:1.65fr .35fr .55fr .65fr;align-items:center;gap:8px;padding:2.8% 0;font-size:clamp(7px,.74vw,10px);display:grid}.paper-row>span:not(:first-child){text-align:right}.paper-table-head{color:#fff;background:var(--olive);text-transform:uppercase;letter-spacing:.09em;border:0;padding:2.2% 2.5%;font-size:clamp(6px,.62vw,8px)}.paper-row small{color:#8b8a80;margin-top:2px;font-size:.8em;display:block}.paper-empty{color:#aaa89f;border-bottom:1px solid #e4e1da;place-items:center;min-height:120px;font-size:clamp(7px,.75vw,10px);font-style:italic;display:grid}.paper-footer{grid-template-columns:1fr 48%;align-items:end;gap:10%;padding-top:5%;font-size:clamp(7px,.74vw,10px);display:grid}.paper-footer>p{color:#77766d;line-height:1.65}.paper-footer>p span{color:#9f7067;font-family:Italiana,serif;font-size:1.2em}.paper-totals>div{color:#737269;border-bottom:1px solid #e5e2dc;justify-content:space-between;padding:3.5% 0;display:flex}.paper-grand-total{font-size:1.15em;color:var(--ink)!important;border-bottom:0!important}.paper-contact{color:#8b8a81;letter-spacing:.1em;justify-content:center;gap:8px;font-size:clamp(5px,.52vw,7px);display:flex;position:absolute;bottom:3.5%;left:7%;right:7%}.paper-contact i{background:var(--blush);border-radius:50%;align-self:center;width:2px;height:2px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a2a2385;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.product-modal{background:var(--paper);border-radius:17px;width:min(610px,100%);max-height:min(760px,100vh - 40px);padding:24px;overflow:auto;box-shadow:0 25px 80px #23231d47}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-header h2{margin:0;font-family:Italiana,serif;font-size:28px;font-weight:400}.modal-header .eyebrow{margin-bottom:5px}.scan-card{background:#f0eee6;border:1px solid #d8d6cb;border-radius:12px;padding:16px;overflow:hidden}.scan-card.active{background:#25251f;padding:0}.scan-prompt{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.scan-icon{width:43px;height:43px;color:var(--olive-dark);background:#fff;border-radius:50%;place-items:center;display:grid}.scan-prompt strong{font-size:13px}.scan-prompt p{color:var(--muted);margin:3px 0 0;font-size:11px}.camera-wrap{min-height:245px;position:relative}.camera-wrap video{object-fit:cover;width:100%;height:300px;display:block}.camera-frame{width:190px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-frame span{border-style:solid;border-color:#fff;width:28px;height:28px;position:absolute}.camera-frame span:first-child{border-width:2px 0 0 2px;top:0;left:0}.camera-frame span:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.camera-frame span:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.camera-frame span:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.camera-close{color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff4d;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:10px;right:10px}.form-message{color:#9c685e;margin:7px 2px 0;font-size:11px}.sku-row{grid-template-columns:1fr auto;gap:9px;margin:15px 0;display:grid}.product-results{border:1px solid var(--line);border-radius:11px;overflow:hidden}.product-result{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eceae3;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:100%;padding:11px 13px;display:grid}.product-result:last-child{border-bottom:0}.product-result:hover{background:#f8f6f1}.product-copy{flex-direction:column;gap:3px;display:flex}.product-copy strong,.product-result>strong{font-size:12px}.product-copy small{color:var(--muted);font-size:10px}.add-dot{width:25px;height:25px;color:var(--olive-dark);background:#edebe3;border-radius:50%;place-items:center;display:grid}.empty-result{min-height:120px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.toast{z-index:200;color:#fff;background:#414235;border-radius:10px;align-items:center;gap:9px;padding:11px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2828213d}.toast button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.create-error{z-index:80;color:#75463f;background:#fff4f1;border:1px solid #e5bdb5;border-radius:11px;align-items:flex-start;gap:10px;width:min(660px,100% - 32px);margin:12px auto;padding:12px 14px;font-size:12px;display:flex;position:sticky;top:82px;box-shadow:0 10px 30px #4628231f}.create-error span{flex:1}.create-error button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.create-client-action{width:100%;color:var(--olive-dark);text-align:left;cursor:pointer;background:#f0eee6;border:0;border-radius:8px;align-items:center;gap:10px;margin-top:7px;padding:10px;display:flex}.create-client-action:hover{background:#e8e5da}.create-client-action>span{flex-direction:column;gap:2px;display:flex}.create-client-action strong{font-size:12px}.create-client-action small{color:var(--muted);font-size:10px}.client-modal{width:min(680px,100%)}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;display:flex}.error-message{color:#7d4a42;background:#fff4f1;border:1px solid #e5c0b8;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:12px}.list-shell{background:#f4f1ea}.list-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefbf0;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--olive-dark);border-radius:50%;place-items:center;width:38px;height:38px;font-family:Italiana,serif;font-size:20px;display:grid}.brand-lockup>div{flex-direction:column;gap:1px;display:flex}.brand-lockup strong{letter-spacing:.16em;font-family:Italiana,serif;font-weight:400}.brand-lockup small{color:var(--muted);letter-spacing:.18em;font-size:8px;font-weight:700}.list-page{width:min(1180px,100% - 48px);margin:0 auto;padding:50px 0 80px}.list-hero{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.list-hero h1{margin:0;font-family:Italiana,serif;font-size:47px;font-weight:400}.list-hero>div:first-child>p:last-child{color:var(--muted);margin:8px 0 0;font-size:14px}.invoice-stat{flex-direction:column;align-items:flex-end;padding:0 3px 5px;display:flex}.invoice-stat strong{font-family:Italiana,serif;font-size:30px;font-weight:400}.invoice-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.notice{border:1px solid;border-radius:11px;align-items:flex-start;gap:11px;margin-bottom:16px;padding:13px 15px;font-size:12px;display:flex}.notice>svg{flex:none}.notice>div{flex:1}.notice strong{margin-bottom:2px;display:block}.notice p{margin:0;line-height:1.45}.notice-warning{color:#6d5d35;background:#fff9e7;border-color:#e0d19f}.notice-error{color:#75463f;background:#fff3f0;border-color:#e4bcb4}.notice-success{color:#4f6044;background:#f3faed;border-color:#cbd9bc}.notice code{background:#fff9;border-radius:4px;padding:1px 4px}.invoice-list-card{border:1px solid var(--line);background:var(--paper);border-radius:15px;overflow:hidden;box-shadow:0 15px 45px #39372e12}.list-tools{border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,1fr) auto auto;align-items:end;gap:12px;padding:18px;display:grid}.invoice-search{max-width:510px}.status-filter{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.status-filter select{min-width:155px;height:42px;color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.invoice-list-head,.invoice-list-row{grid-template-columns:2fr 6fr 2fr 1fr 1fr;align-items:center;gap:14px;display:grid}.invoice-list-head{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;background:#f1efe9;padding:11px 20px;font-size:9px;font-weight:700}.invoice-list-head span:last-child{text-align:right}.invoice-list-row{border-top:1px solid #eceae3;min-height:76px;padding:13px 20px;font-size:12px}.invoice-list-row:first-child{border-top:0}.invoice-list-row:hover{background:#faf8f3}.invoice-identity,.client-cell{align-items:center;gap:10px;min-width:0;display:flex}.invoice-identity i{color:#8d655d;background:var(--blush-light);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.invoice-identity>span,.client-cell{flex-direction:column;align-items:flex-start;gap:2px}.invoice-identity small,.client-cell small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.amount-cell{text-align:right;font-size:1.2em}.status-pill{text-transform:capitalize;white-space:nowrap;background:#eeece5;border-radius:999px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.status-paid{color:#4d6843;background:#e7f1e2}.status-sent{color:#52627a;background:#e7edf5}.status-draft{color:#766946;background:#f3eedb}.status-void{color:#86534b;background:#f5e5e1}.status-partially_paid,.status-payment_processing{color:#68577b;background:#eee7f4}.list-empty{min-height:310px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.list-empty strong{color:var(--ink)}.list-empty p{margin:0 0 8px;font-size:12px}.loading-ring{border:3px solid #ddd9ce;border-top-color:var(--olive);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.refreshing{opacity:.55;pointer-events:none}.spinning{animation:.8s linear infinite spin}.list-pagination{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.list-pagination>div{gap:7px;display:flex}.list-pagination .icon-button{width:34px;height:34px}@keyframes spin{to{transform:rotate(360deg)}}.modal-enter-active,.modal-leave-active,.dropdown-enter-active,.dropdown-leave-active,.toast-enter-active,.toast-leave-active{transition:all .2s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .product-modal,.modal-leave-to .product-modal{transform:translateY(12px)scale(.98)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-5px)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media (width<=1100px){.workspace{grid-template-columns:1fr}.preview-pane{min-height:850px}.preview-toolbar,.paper-wrap{position:static}.invoice-paper{width:min(620px,92%)}.editor-inner{width:min(760px,100% - 40px)}}@media (width<=680px){.topbar{grid-template-columns:auto 1fr auto;height:62px;padding:0 14px}.back-button span,.title-block,.top-actions .button span,.hide-mobile{display:none}.top-actions{gap:6px}.top-actions .button{width:39px;min-height:39px;padding:0}.workspace{min-height:calc(100vh - 62px)}.editor-inner{width:calc(100% - 28px);padding-top:20px}.welcome-card{padding:20px}.draft-pill{position:absolute;top:14px;right:14px}.welcome-card h1{font-size:28px}.form-section{padding:26px 0}.field-grid.three,.field-grid.two,.summary-layout{grid-template-columns:1fr}.field-span-two{grid-column:auto}.heading-with-action{grid-template-columns:32px 1fr}.heading-with-action .button{grid-column:1/-1;margin-top:3px}.items-table{overflow-x:auto}.items-head,.item-row{min-width:610px}.preview-pane{min-height:660px}.preview-toolbar{padding:0 15px;top:62px}.paper-wrap{padding:25px 12px 45px}.invoice-paper{width:100%}.scan-prompt{grid-template-columns:auto 1fr}.scan-prompt .button{grid-column:1/-1}.product-modal{padding:18px}.sku-row{grid-template-columns:1fr}.create-error{top:72px}.list-topbar{height:64px;padding:0 16px}.list-topbar .button{width:40px;padding:0;font-size:0}.list-page{width:calc(100% - 28px);padding:30px 0 60px}.list-hero{align-items:flex-start}.list-hero h1{font-size:39px}.invoice-stat{display:none}.list-tools{grid-template-columns:1fr auto}.invoice-search{grid-column:1/-1;max-width:none}.status-filter select{min-width:0}.invoice-list-head{display:none}.invoice-list-row{grid-template-columns:1fr auto;gap:10px;padding:16px}.client-cell{grid-column:1/-1;padding-left:44px}.invoice-list-row>span[data-label]:before{content:attr(data-label) ": ";color:var(--muted);text-transform:uppercase;font-size:9px}.amount-cell{grid-area:1/2}.notice{align-items:flex-start}.notice .button{padding:0 9px}}@media print{body{background:#fff}.topbar,.editor-pane,.preview-toolbar,.toast,.create-error{display:none!important}.workspace{display:block}.preview-pane,.paper-wrap{background:#fff;padding:0}.invoice-paper{width:100%;max-width:none;box-shadow:none}}