.pageWrapper{background-color:var(--app-page-bg);background-image:radial-gradient(ellipse at 50% 10%,var(--app-bg-gradient-start) 0%,var(--app-bg-gradient-end) 80%);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box;color:var(--app-footer-heading);position:relative;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.logoContainer{display:flex;align-items:center}.logoImg{height:38px;object-fit:contain}.headerBadge{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;background-color:var(--app-badge-bg);border:1px solid var(--app-badge-border);color:var(--app-badge-text);font-size:var(--app-font-size-badge);font-weight:600}.pulseDot{width:8px;height:8px;border-radius:50%;background-color:var(--app-pulse-dot);box-shadow:0 0 10px var(--app-pulse-dot)}.heroSection{flex:1;min-height:105vh;padding:8rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:820px;margin:0 auto;box-sizing:border-box}.heroTitle{font-size:var(--app-font-size-hero-title);font-weight:800;color:var(--app-hero-title);line-height:1.12;letter-spacing:-.025em;margin:0 0 1.25rem}.gradientText{background:linear-gradient(135deg,var(--app-hero-gradient-start) 0%,var(--app-hero-gradient-end) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroSubtitle{color:var(--app-hero-subtitle);font-size:var(--app-font-size-hero-subtitle);line-height:1.6;max-width:640px;margin:0 0 2.5rem}.footer{background-color:var(--app-footer-bg);border-top:1px solid var(--app-footer-border-top);padding:4rem 1.5rem 2rem;margin-top:auto}.footerContainer{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--app-footer-border-divider)}.footerColMain{grid-column:span 1}.footerLogo{height:32px;margin-bottom:1rem}.footerDesc{color:var(--app-footer-desc);font-size:var(--app-font-size-footer-desc);line-height:1.6;margin:0;max-width:260px}.footerInfoBlock{margin-top:1.25rem;display:flex;flex-direction:column;gap:.9rem;max-width:280px}.footerInfoGroup{display:flex;flex-direction:column;gap:.25rem}.footerInfoLabel{font-size:var(--app-font-size-footer-label);font-weight:700;color:var(--app-footer-label);margin:0 0 .15rem;text-transform:uppercase;letter-spacing:.05em}.footerInfoText{font-size:var(--app-font-size-footer-text);color:var(--app-footer-text);line-height:1.5;margin:0}.footerInfoLink{font-size:var(--app-font-size-footer-text);color:var(--app-footer-link);text-decoration:none;line-height:1.5}.footerCol{display:flex;flex-direction:column;gap:.75rem}.footerHeading{font-size:var(--app-font-size-footer-heading);font-weight:600;color:var(--app-footer-heading);margin:0 0 .5rem}.footerLink{color:var(--app-footer-link);text-decoration:none;font-size:var(--app-font-size-footer-text);transition:color .2s ease}.footerBottom{max-width:1100px;margin:1.5rem auto 0;text-align:center}.copyrightText{color:var(--app-copyright-text);font-size:var(--app-font-size-copyright);margin:0}.pageContainer{max-height:100vh;overflow:scroll;background-color:#f9fafb;font-family:sans-serif;color:#4b5563}.navBar{background-color:#fff;box-shadow:0 1px 3px #0000001a}.navContainer{max-width:90rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.navContent{display:flex;height:4rem;justify-content:space-between}.navFlex{display:flex}.logoContainer{display:flex;flex-shrink:0;align-items:center}.mainContent{max-width:90rem;margin-left:auto;margin-right:auto;overflow:auto}.contentWrapper{padding:1.5rem}.flexWrapper{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.leftColumn{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 1024px){.leftColumn{width:66.666667%}}.customerInfoCard,.invoiceItemsCard,.additionalInfoCard{margin-bottom:1.5rem;border-radius:.5rem;background-color:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.sectionTitle{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.gridLayout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.gridLayout{grid-template-columns:repeat(2,minmax(0,1fr))}}.fullWidthField{grid-column:span 2}.inputLabel{display:block;margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151}.textInput,.textArea{width:100%;border-radius:.375rem;border-width:1px;border-color:#d1d5db}.textInput:focus,.textArea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.textInput{padding:.5rem}.textArea{padding:.5rem;resize:vertical}.errorMessage{margin-top:.25rem;font-size:.875rem;color:#ef4444}.tableContainer{overflow-x:auto}.itemsTable{width:100%;border-collapse:collapse}.tableHeaderRow{border-bottom:1px solid #e5e7eb}.serialNumberHeader,.productNameHeader,.quantityHeader,.unitHeader,.priceHeader,.amountHeader,.actionHeader{padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151;text-align:left}.serialNumberHeader{max-width:.75rem}.quantityHeader,.priceHeader,.amountHeader{text-align:right}.unitHeader{max-width:6rem}.quantityHeader,.priceHeader{max-width:9rem}.tableBody{overflow:scroll}.itemRow{border-bottom:1px solid #e5e7eb}.serialNumberCell,.productNameCell,.quantityCell,.unitCell,.priceCell,.totalCell,.actionCell{padding:1rem}.serialNumberCell{max-width:.75rem}.itemInput,.itemSelect{width:100%;border-radius:.375rem;border-width:1px;border-color:#d1d5db;padding:.5rem}.itemInput:focus,.itemSelect:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.numberInput{text-align:right}.totalCell{text-align:right;font-weight:500}.actionCell{text-align:center}.removeButton{color:#ef4444;background:none;border:none;cursor:pointer;padding:.25rem}.removeButton:hover{color:#dc2626}.addItemContainer{margin-top:1rem}.addItemButton{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.addItemButton:hover{background-color:#2563eb}.rightColumn{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 1024px){.rightColumn{width:33.333333%}}.invoiceDetailsCard,.summaryCard{margin-bottom:1.5rem;border-radius:.5rem;background-color:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.detailsContainer{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.summaryContainer{display:grid;gap:1rem}.summaryRow{display:flex;justify-content:space-between;align-items:center}.summaryLabel{font-size:.875rem;color:#6b7280}.summaryValue{font-weight:500}.discountContainer{margin-top:1rem}.discountInputGroup{display:flex}.discountInput{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.discountSelect{width:6rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.totalContainer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.totalRow{display:flex;justify-content:space-between;align-items:center}.totalLabel{font-size:1rem;font-weight:500}.totalAmount{font-size:1.25rem;font-weight:600;color:#1f2937}.buttonGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.draftButton,.printButton{padding:.75rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.draftButton{background-color:#e5e7eb;color:#4b5563}.draftButton:hover{background-color:#d1d5db}.printButton{background-color:#10b981;color:#fff}.printButton:hover{background-color:#059669}:root{--app-page-bg: #f4e5e5;--app-bg-gradient-start: #f6a9a9;--app-bg-gradient-end: #f4e5e5;--app-badge-bg: rgba(246, 9, 9, .12);--app-badge-border: rgba(246, 9, 9, .3);--app-badge-text: #ff6b6b;--app-pulse-dot: #ef4444;--app-hero-title: #ffffff;--app-hero-gradient-start: #ff4d4d;--app-hero-gradient-end: #3b82f6;--app-hero-subtitle: #000000;--app-footer-bg: #d5b8b8;--app-footer-border-top: rgba(229, 201, 201, .43);--app-footer-border-divider: rgba(255, 255, 255, .06);--app-footer-desc: #000000;--app-footer-label: #0f172a;--app-footer-text: #1e293b;--app-footer-link: #000000;--app-footer-heading: #f8fafc;--app-copyright-text: #000000;--app-font-size-hero-title: clamp(2.5rem, 5.5vw, 4.25rem);--app-font-size-hero-subtitle: 1.15rem;--app-font-size-badge: .85rem;--app-font-size-footer-desc: .9rem;--app-font-size-footer-label: .8rem;--app-font-size-footer-text: .875rem;--app-font-size-footer-heading: .95rem;--app-font-size-copyright: .85rem}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%;overflow-x:hidden;background-color:var(--app-bg-gradient-start)}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:var(--app-footer-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}