.invoiceFormContainer{max-width:1100px}.invoiceFormLayout{align-items:flex-start;gap:1.5rem;display:flex}.invoiceFormMain{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.invoiceFormSidebar{flex-shrink:0;width:320px;position:sticky;top:1rem}.invoiceFormSection{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusXl);box-shadow:var(--shadowSm);margin-bottom:1.25rem;padding:1.25rem}.invoiceFormSectionTitle{color:var(--textPrimary);border-bottom:1px solid var(--borderSecondary);align-items:center;gap:.375rem;margin:0 0 1rem;padding-bottom:.625rem;font-size:1rem;font-weight:600;display:flex}.invoiceFormSectionTitle svg{width:1rem;height:1rem;color:var(--cdBlue);flex-shrink:0}.invoiceFormSectionSubtitle{color:var(--textSecondary);margin:1rem 0 .75rem;font-size:.875rem;font-weight:600}.invoiceFormInvoiceNumber{color:var(--cdBlue);font-variant-numeric:tabular-nums;letter-spacing:.025em;font-size:1.125rem;font-weight:700}.invoiceFormGrid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.invoiceFormGroup{flex-direction:column;gap:.5rem;display:flex}.invoiceFormGroup.full{grid-column:1/-1}.invoiceFormLabel{color:var(--textSecondary);font-size:.8125rem;font-weight:500;display:block}.invoiceFormRequired{color:var(--cdRed);font-weight:600}.invoiceFormInput,.invoiceFormSelect,.invoiceFormTextarea{border:1px solid var(--inputBorder);border-radius:var(--radiusMd);width:100%;transition:all var(--animFast)ease;background:var(--inputBg);color:var(--inputText);box-sizing:border-box;padding:.625rem .875rem;font-size:.8125rem}.invoiceFormInput:focus,.invoiceFormSelect:focus,.invoiceFormTextarea:focus{border-color:var(--inputBorderFocus);box-shadow:var(--focusRing);background:var(--cardBg);outline:none}.invoiceFormInput::placeholder,.invoiceFormTextarea::placeholder{color:var(--inputPlaceholder)}.invoiceFormInput.error,.invoiceFormSelect.error,.invoiceFormTextarea.error{border-color:var(--cdRed)}.invoiceFormSelect{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:.875rem;padding-right:2rem}.invoiceFormTextarea{resize:vertical;min-height:60px;font-family:inherit}.invoiceFormError{color:var(--cdRed);margin-top:.25rem;font-size:.6875rem;display:block}.invoiceLineItemsTable{margin-top:.75rem}.invoiceLineItemsHeader{background-color:var(--bgMuted);border-radius:var(--radiusMd)var(--radiusMd)0 0;border:1px solid var(--borderSecondary);border-bottom:none;grid-template-columns:40px 1fr 80px 100px 100px 40px;gap:.5rem;padding:.625rem .75rem;display:grid}.invoiceLineItemsHeader .invoiceLineItemCol{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.invoiceLineItemRow{border:1px solid var(--borderSecondary);transition:background-color var(--animFast)ease;border-top:none;grid-template-columns:40px 1fr 80px 100px 100px 40px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:grid}.invoiceLineItemRow:hover{background-color:var(--bgMuted)}.invoiceLineItemCol{align-items:center;display:flex}.invoiceLineItemCol.num{color:var(--textTertiary);justify-content:center;font-size:.8125rem;font-weight:500}.invoiceLineItemCol.desc,.invoiceLineItemCol.qty,.invoiceLineItemCol.price{min-width:0}.invoiceLineItemCol.total{color:var(--textPrimary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.invoiceLineItemRemove{width:1.75rem;height:1.75rem;color:var(--textTertiary);cursor:pointer;border-radius:var(--radiusSm);transition:all var(--animFast)ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.invoiceLineItemRemove:hover:not(:disabled){background-color:var(--errorBg);color:var(--cdRed)}.invoiceLineItemRemove:disabled{opacity:.3;cursor:not-allowed}.invoiceLineItemRemove svg{width:.875rem;height:.875rem}.invoiceLineItemAdd{border:1px dashed var(--borderPrimary);border-radius:0 0 var(--radiusMd)var(--radiusMd);width:100%;color:var(--cdBlue);cursor:pointer;transition:all var(--animFast)ease;background:0 0;border-top:none;justify-content:center;align-items:center;gap:.375rem;margin-top:0;padding:.625rem;font-size:.8125rem;font-weight:500;display:flex}.invoiceLineItemAdd:hover{background-color:var(--infoBg);border-color:var(--cdBlue);border-style:solid;border-top:1px solid var(--cdBlue)}.invoiceLineItemAdd svg{width:.875rem;height:.875rem}.invoiceClientSelector{margin-bottom:1rem;position:relative}.invoiceClientSelectorTrigger{align-items:center;gap:.5rem;display:flex}.invoiceClientSearchWrap{background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:var(--radiusMd);cursor:text;transition:all var(--animFast)ease;flex:1;align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.invoiceClientSearchWrap:focus-within{border-color:var(--inputBorderFocus);box-shadow:var(--focusRing);background:var(--cardBg)}.invoiceClientSearchIcon{width:.875rem;height:.875rem;color:var(--textTertiary);flex-shrink:0}.invoiceClientSearchInput{color:var(--inputText);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.8125rem}.invoiceClientSearchInput::placeholder{color:var(--inputPlaceholder)}.invoiceClientClearBtn{background:var(--buttonSecondary);width:1.75rem;height:1.75rem;color:var(--textTertiary);cursor:pointer;border-radius:var(--radiusSm);transition:all var(--animFast)ease;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.invoiceClientClearBtn:hover{background-color:var(--errorBg);color:var(--cdRed)}.invoiceClientDropdown{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusMd);box-shadow:var(--shadowLg);z-index:50;max-height:260px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.invoiceClientDropdownMessage{text-align:center;color:var(--textTertiary);padding:1rem .75rem;font-size:.8125rem}.invoiceClientDropdownList{flex-direction:column;display:flex}.invoiceClientOption{cursor:pointer;transition:background-color var(--animFast)ease;border-bottom:1px solid var(--borderSecondary);align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.invoiceClientOption:last-child{border-bottom:none}.invoiceClientOption:hover{background-color:var(--bgMuted)}.invoiceClientOptionIcon{background-color:var(--infoBg);width:2rem;height:2rem;color:var(--cdBlue);border-radius:var(--radiusSm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.invoiceClientOptionInfo{flex-direction:column;gap:.125rem;min-width:0;display:flex}.invoiceClientOptionName{color:var(--textPrimary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.invoiceClientOptionCompany{color:var(--textSecondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.invoiceClientOptionEmail{color:var(--textTertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.invoiceCurrencySelector{position:relative}.invoiceCurrencySelected{background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:var(--radiusMd);cursor:pointer;transition:all var(--animFast)ease;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.invoiceCurrencySelected:hover{border-color:var(--borderPrimary)}.invoiceCurrencyCode{color:var(--cdBlue);font-size:.875rem;font-weight:700}.invoiceCurrencyName{color:var(--textSecondary);flex:1;font-size:.8125rem}.invoiceCurrencyChevron{width:.875rem;height:.875rem;color:var(--textTertiary);transition:transform var(--animFast)ease;flex-shrink:0}.invoiceCurrencyDropdown{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusMd);box-shadow:var(--shadowLg);z-index:50;flex-direction:column;max-height:280px;margin-top:.25rem;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.invoiceCurrencySearch{border-bottom:1px solid var(--borderSecondary);background-color:var(--cardBg);z-index:1;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex;position:sticky;top:0}.invoiceCurrencySearchIcon{width:.875rem;height:.875rem;color:var(--textTertiary);flex-shrink:0}.invoiceCurrencySearchInput{color:var(--inputText);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.8125rem}.invoiceCurrencySearchInput::placeholder{color:var(--inputPlaceholder)}.invoiceCurrencyList{max-height:220px;overflow-y:auto}.invoiceCurrencyGroupLabel{color:var(--textTertiary);text-transform:uppercase;letter-spacing:.08em;background-color:var(--bgMuted);border-top:1px solid var(--borderSecondary);padding:.5rem .75rem .25rem;font-size:.625rem;font-weight:700}.invoiceCurrencyGroupLabel:first-child{border-top:none}.invoiceCurrencyOption{color:var(--textPrimary);cursor:pointer;transition:background-color var(--animFast)ease;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.invoiceCurrencyOption:hover{background-color:var(--bgMuted)}.invoiceCurrencyOption.selected{background-color:var(--infoBg);color:var(--cdBlue)}.invoiceCurrencyOptionCode{min-width:36px;color:inherit;font-weight:700}.invoiceCurrencyOption.selected .invoiceCurrencyOptionCode{color:var(--cdBlue)}.invoiceCurrencyOptionName{color:var(--textSecondary);flex:1;font-size:.8125rem}.invoiceCurrencyOption.selected .invoiceCurrencyOptionName{color:var(--cdBlue)}.invoiceCurrencyOptionSymbol{color:var(--textTertiary);text-align:right;min-width:20px;font-size:.875rem;font-weight:600}.invoiceCurrencyNoResults{text-align:center;color:var(--textTertiary);padding:1.25rem .75rem;font-size:.8125rem}.invoiceTaxToggle{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.invoiceToggleLabel{cursor:pointer;color:var(--textPrimary);-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;font-size:.8125rem;display:inline-flex}.invoiceToggleCheckbox{opacity:0;width:0;height:0;position:absolute}.invoiceToggleSwitch{background-color:var(--bgMuted);border:1px solid var(--borderPrimary);width:2.25rem;height:1.25rem;transition:all var(--animFast)ease;border-radius:9999px;flex-shrink:0;position:relative}.invoiceToggleSwitch:after{content:"";background-color:var(--textTertiary);width:.875rem;height:.875rem;transition:all var(--animFast)ease;border-radius:50%;position:absolute;top:2px;left:2px}.invoiceToggleCheckbox:checked+.invoiceToggleSwitch{background-color:var(--cdBlue);border-color:var(--cdBlue)}.invoiceToggleCheckbox:checked+.invoiceToggleSwitch:after{background-color:var(--neutral50);left:calc(100% - 2px - .875rem)}.invoiceTaxRows{border-top:1px solid var(--borderSecondary);flex-direction:column;gap:.625rem;margin-top:.75rem;padding-top:.75rem;display:flex}.invoiceTaxRow{align-items:center;gap:.75rem;display:flex}.invoiceTaxRow .invoiceFormInput{flex:1}.invoiceTaxRateInput{flex-shrink:0;align-items:center;gap:0;width:100px;display:flex;position:relative}.invoiceTaxRateInput .invoiceFormInput{text-align:right;padding-right:1.75rem}.invoiceTaxRateSymbol{color:var(--textTertiary);pointer-events:none;font-size:.8125rem;font-weight:600;position:absolute;right:.625rem}.invoiceTaxAmount{color:var(--textPrimary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:80px;font-size:.8125rem;font-weight:600}.invoiceDiscountRow{border-top:1px solid var(--borderSecondary);align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.invoiceDiscountRow .invoiceFormLabel{flex-shrink:0;min-width:120px}.invoiceDiscountRow .invoiceFormInput{max-width:160px}.invoiceTotalsPanel{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusXl);box-shadow:var(--shadowSm);padding:1.25rem;position:sticky;top:1rem}.invoiceTotalsPanelTitle{color:var(--textPrimary);border-bottom:1px solid var(--borderSecondary);margin:0 0 1rem;padding-bottom:.625rem;font-size:1rem;font-weight:600}.invoiceTotalsRows{flex-direction:column;gap:0;display:flex}.invoiceTotalsRow{border-bottom:1px solid var(--borderSecondary);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.invoiceTotalsRow:last-child{border-bottom:none}.invoiceTotalsRow span:first-child{color:var(--textSecondary);font-size:.8125rem}.invoiceTotalsRow span:last-child{color:var(--textPrimary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.invoiceTotalsRow.tax span:first-child{color:var(--textTertiary);font-size:.75rem}.invoiceTotalsRow.discount span:last-child{color:var(--cdRed)}.invoiceTotalsRow.grand{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark));border-radius:var(--radiusMd);border-bottom:none;margin-top:.5rem;padding:.75rem}.invoiceTotalsRow.grand span:first-child{color:var(--neutral50);font-size:.875rem;font-weight:600}.invoiceTotalsRow.grand span:last-child{color:var(--neutral50);font-size:1.125rem;font-weight:700}.invoicePaymentTypeRadio{flex-wrap:wrap;gap:.625rem;margin-bottom:1rem;display:flex}.invoicePaymentTypeOption{background-color:var(--buttonSecondary);border:1px solid var(--borderPrimary);border-radius:var(--radiusMd);color:var(--textSecondary);cursor:pointer;transition:all var(--animFast)ease;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.invoicePaymentTypeOption input[type=radio]{display:none}.invoicePaymentTypeOption:hover{background-color:var(--buttonSecondaryHover);color:var(--textPrimary);border-color:var(--cdBlue)}.invoicePaymentTypeOption.active{background-color:var(--infoBg);color:var(--cdBlue);border-color:var(--cdBlue);font-weight:600}.invoiceNotesQuickChips{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.invoiceNoteChip{background-color:var(--buttonSecondary);border:1px solid var(--borderSecondary);color:var(--textSecondary);cursor:pointer;transition:all var(--animFast)ease;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.invoiceNoteChip:hover{background-color:var(--buttonSecondaryHover);border-color:var(--cdBlue);color:var(--textPrimary)}.invoiceNoteChip svg{width:.75rem;height:.75rem}.invoiceNoteRow{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.invoiceNoteRow .invoiceFormTextarea{flex:1;min-height:56px}.invoiceNoteRemove{width:1.75rem;height:1.75rem;color:var(--textTertiary);cursor:pointer;border-radius:var(--radiusSm);transition:all var(--animFast)ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;padding:0;display:flex}.invoiceNoteRemove:hover{background-color:var(--errorBg);color:var(--cdRed)}.invoiceNoteRemove svg{width:.875rem;height:.875rem}.invoiceNoteAdd{border:1px dashed var(--borderPrimary);border-radius:var(--radiusSm);color:var(--cdBlue);cursor:pointer;transition:all var(--animFast)ease;background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.invoiceNoteAdd:hover{background-color:var(--infoBg);border-color:var(--cdBlue);border-style:solid}.invoiceNoteAdd svg{width:.875rem;height:.875rem}.invoiceFormActions{background-color:var(--cardBg);border:1px solid var(--cardBorder);border-radius:var(--radiusXl);box-shadow:var(--shadowMd);z-index:10;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:1rem}.invoiceFormActionBtn{border-radius:var(--radiusMd);cursor:pointer;transition:all var(--animFast)ease;border:none;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.invoiceFormActionBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.invoiceFormActionBtn.cancel{background-color:var(--buttonSecondary);color:var(--textPrimary);border:1px solid var(--borderPrimary)}.invoiceFormActionBtn.cancel:hover{background-color:var(--buttonSecondaryHover);border-color:var(--cdBlue)}.invoiceFormActionBtn.submit{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark));color:var(--neutral50);box-shadow:var(--shadowGlow)}.invoiceFormActionBtn.submit:hover:not(:disabled){box-shadow:var(--shadowGlowStrong);transform:translateY(-1px)}.invoiceFormActionBtn svg{width:.875rem;height:.875rem}@media (max-width:900px){.invoiceFormLayout{flex-direction:column}.invoiceFormSidebar{width:100%;position:static}.invoiceTotalsPanel{position:static}}@media (max-width:768px){.invoiceFormGrid{grid-template-columns:1fr}.invoiceLineItemsHeader,.invoiceLineItemRow{grid-template-columns:30px 1fr 60px 80px 80px 32px;gap:.375rem;padding:.5rem}.invoiceFormActions{border-radius:var(--radiusXl)var(--radiusXl)0 0;z-index:20;flex-direction:column;position:fixed;bottom:0;left:0;right:0}.invoiceFormActionBtn{justify-content:center;width:100%}.invoicePaymentTypeRadio{flex-direction:column}.invoicePaymentTypeOption{justify-content:center;width:100%}.invoiceTaxRow{flex-direction:column;align-items:stretch}.invoiceTaxRateInput{width:100%}.invoiceDiscountRow{flex-direction:column;align-items:stretch}.invoiceDiscountRow .invoiceFormInput{max-width:none}}@media (max-width:480px){.invoiceLineItemsHeader{display:none}.invoiceLineItemRow{border-radius:var(--radiusMd);border:1px solid var(--borderSecondary);grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.invoiceLineItemCol.num{display:none}.invoiceLineItemCol.actions{justify-content:flex-end}}.invoiceTemplateModal{width:95vw;max-width:960px}.invoiceTemplateSubtitle{color:var(--textSecondary);margin:0 0 1.25rem;font-size:.875rem}.invoiceTemplateGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.invoiceTemplateCard{border:2px solid var(--borderSecondary);border-radius:var(--radiusMd);cursor:pointer;background:var(--cardBg);transition:all .2s;position:relative;overflow:hidden}.invoiceTemplateCard:hover{border-color:var(--cdBlueLight,#818cf8);transform:translateY(-2px);box-shadow:0 4px 16px #6366f11f}.invoiceTemplateCard.selected{border-color:var(--cdBlue);box-shadow:0 0 0 3px #6366f126,0 4px 16px #6366f11f}.invoiceTemplateThumbnail{justify-content:center;align-items:center;height:130px;padding:12px;display:flex;overflow:hidden}.invoiceTemplateMiniPreview{border-radius:4px;flex-direction:column;width:90%;height:120px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000001f}.miniAccentBar{flex-shrink:0;width:100%;height:3px}.miniAccentLine{background:#111827;flex-shrink:0;width:calc(100% - 20px);height:1px;margin:10px auto 0;position:relative}.miniDiamond{width:6px;height:6px;display:block;position:absolute;top:-3px;left:0;transform:rotate(45deg)}.miniHeader{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px 4px;display:flex}.miniLogo{opacity:.2;background:currentColor;border-radius:2px;width:22px;height:7px}.miniTitle{opacity:.8;border-radius:2px;width:28px;height:5px}.miniDivider{flex-shrink:0;height:1px;margin:2px 10px}.miniLines{flex-direction:column;flex:1;gap:3px;padding:4px 10px;display:flex}.miniLine{border-radius:1px;width:100%;height:3px}.miniLine.short{width:65%}.miniLine.shorter{width:45%}.miniTotal{border-radius:3px;flex-shrink:0;width:40%;height:12px;margin:auto 10px 8px auto}.invoiceTemplateInfo{padding:.75rem 1rem .375rem}.invoiceTemplateName{color:var(--textPrimary);margin:0 0 .1875rem;font-size:.9375rem;font-weight:700}.invoiceTemplateDesc{color:var(--textTertiary);margin:0;font-size:.75rem;line-height:1.4}.invoiceTemplateColors{gap:6px;padding:.375rem 1rem .75rem;display:flex}.invoiceTemplateSwatch{border:1.5px solid #80808026;border-radius:50%;flex-shrink:0;width:14px;height:14px}.invoiceTemplateCheck{background:var(--cdBlue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #6366f14d}.invoiceTemplateCheck svg{width:14px;height:14px}@media (max-width:900px){.invoiceTemplateGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.invoiceTemplateGrid{grid-template-columns:1fr}.invoiceTemplateModal{max-width:100%}}