:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(45,64,87,.08),transparent 28rem),#f3f5f7}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1540px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.app-header{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}.app-header h1{margin:6px 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;color:#24364b}.app-header p{max-width:740px;margin:0;color:#68747e;line-height:1.6}.eyebrow{display:inline-block;color:#7a8790;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.header-total{min-width:220px;padding:18px 20px;border:1px solid #dfe5e9;border-radius:16px;background:#ffffffc7;box-shadow:0 14px 40px #26374714}.header-total span{display:block;margin-bottom:4px;color:#7a8790;font-size:12px}.header-total strong{color:#24364b;font-size:20px}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr);gap:24px;align-items:start}.invoice-form,.preview-panel{border:1px solid #dfe5e9;border-radius:20px;background:#fff;box-shadow:0 18px 45px #24364b14}.invoice-form{overflow:hidden}.form-section{padding:24px;border-bottom:1px solid #edf0f2}.form-section__heading{margin-bottom:18px}.form-section h2,.preview-panel__heading h2{margin:0;color:#24364b;font-size:18px}.form-section__heading p{margin:5px 0 0;color:#7a8790;font-size:13px;line-height:1.5}.field-grid{display:grid;gap:16px}.field-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;min-width:0;flex-direction:column;gap:7px}.field--full{grid-column:1 / -1}.field__label{color:#4c5964;font-size:13px;font-weight:700}.field small{color:#8a969e;line-height:1.4}input,textarea,select{width:100%;border:1px solid #d8dfe4;border-radius:10px;outline:none;background:#fff;color:#25313b;transition:border-color .16s ease,box-shadow .16s ease}input,select{height:42px;padding:0 12px}textarea{resize:vertical;padding:11px 12px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#74869b;box-shadow:0 0 0 3px #2d40571a}.items-editor{display:grid;gap:12px;margin-bottom:14px}.item-row{display:grid;grid-template-columns:32px minmax(0,1fr) 92px 150px 36px;gap:10px;align-items:end;padding:14px;border:1px solid #e4e9ec;border-radius:12px;background:#fbfcfd}.item-number{display:grid;width:28px;height:28px;place-items:center;margin-bottom:7px;border-radius:8px;background:#e9edf1;color:#4b5d70;font-weight:800}.icon-button{width:34px;height:34px;margin-bottom:4px;border:0;border-radius:9px;background:#f7e8e8;color:#a04f4f;font-size:22px}.icon-button:disabled{cursor:not-allowed;opacity:.35}.primary-button,.secondary-button{border:0;border-radius:10px;font-weight:800;transition:transform .15s ease,opacity .15s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{min-width:230px;min-height:48px;padding:0 20px;background:#2d4057;color:#fff;box-shadow:0 12px 24px #2d405738}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{min-height:40px;padding:0 14px;border:1px solid #d8dfe4;background:#fff;color:#34495f}.error-message{margin:18px 24px 0;padding:12px 14px;border:1px solid #efc4c4;border-radius:10px;background:#fff3f3;color:#a53b3b;font-size:13px;font-weight:700}.form-actions{display:flex;justify-content:flex-end;padding:22px 24px 26px}.preview-panel{position:sticky;top:20px;padding:20px}.preview-panel__heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.preview-panel__heading h2{margin-top:4px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800}.status-pill--paid{background:#e8f5ec;color:#267545}.status-pill--delivery{background:#eef2f7;color:#3b5775}.preview-stage{overflow:auto;padding:26px;border-radius:14px;background:#e9edf0}.invoice-paper{position:relative;width:794px;min-height:1123px;margin:0 auto;padding:62px 66px 54px;background:#fff;color:#484848;box-shadow:0 18px 45px #1a273426;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.invoice-paper__header{display:flex;justify-content:space-between;align-items:flex-start}.invoice-paper__header h2{margin:0;color:#2d4057;font-size:42px;letter-spacing:-.03em}.issuer-summary{display:flex;flex-direction:column;align-items:flex-end;gap:4px;position:relative;margin-top:56px}.issuer-summary strong{color:#2d4057;font-size:19px}.issuer-summary span{font-size:15px}.invoice-paper__meta{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;margin-top:72px;margin-bottom:26px}.paper-label{display:block;margin-bottom:7px;color:#849094;font-size:12px;font-weight:800}.client-name{display:block;margin-bottom:5px;color:#171717;font-size:14px}.invoice-paper p{margin:2px 0;line-height:1.45}.attention{margin-top:7px!important}.invoice-meta-right{text-align:right}.payment-badge{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:5px;background:#edf1f5;color:#2d4057;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.invoice-table-wrap{width:100%}.invoice-table{width:100%;border-collapse:collapse;font-size:12px}.invoice-table thead{background:#2d4057;color:#fff}.invoice-table th{padding:15px 13px;font-family:Georgia,Times New Roman,serif;font-size:13px;text-align:left}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:14%;text-align:center}.invoice-table th:nth-child(3),.invoice-table th:nth-child(4),.invoice-table td:nth-child(3),.invoice-table td:nth-child(4){width:21%;text-align:right}.invoice-table td{padding:16px 13px;border-bottom:1px solid #f0f2f3;vertical-align:top}.invoice-summary{display:grid;grid-template-columns:1fr .75fr;gap:34px;align-items:start;margin-top:22px}.bank-information{padding:14px;border:1px solid #e1e6e9;border-radius:6px;font-size:11px}.invoice-total-area{min-width:0}.invoice-total{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid #e5e8eb;color:#242424;font-size:15px}.invoice-summary-row{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid #e5e8eb;color:#59656e;font-size:12px}.invoice-summary-row strong{color:#2f3b46}.invoice-summary-row--remaining{color:#2d4057;font-weight:800}.invoice-summary-row--remaining strong{color:#2d4057}.paid-stamp{position:absolute;top:20px;right:-120px;width:400px;padding:12px 0;transform:rotate(35deg);background:#df584c;border-top:4px solid #b93f35;border-bottom:4px solid #b93f35;color:#fff;text-align:center;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center}.paid-stamp strong,.paid-stamp span{display:block;white-space:nowrap}.paid-stamp strong{font-size:34px;font-weight:900;letter-spacing:.1em;line-height:1}.paid-stamp span{margin-top:4px;font-size:13px;font-weight:700}.invoice-notes{margin-top:24px!important;color:#69757c;font-size:11px}.invoice-paper footer{position:absolute;right:66px;bottom:54px;left:66px;color:#9da9ab;font-family:Georgia,Times New Roman,serif;font-size:12px;text-align:center}@media (max-width: 1240px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width: 760px){.app-shell{width:min(100% - 20px,1540px);padding-top:20px}.app-header{align-items:stretch;flex-direction:column}.header-total{min-width:0}.field-grid--2{grid-template-columns:1fr}.item-row{grid-template-columns:32px 1fr 36px}.item-row .field:nth-of-type(2),.item-row .field:nth-of-type(3){grid-column:2 / 3}.item-row .icon-button{grid-column:3;grid-row:1}.form-section,.preview-panel{padding:18px}.preview-stage{padding:14px}}