*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.block{display:block}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.border-collapse{border-collapse:collapse}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--background:#0f1419;--background-subtle:#181818;--background-surface:#1c1c1c;--background-overlay:#262626;--border:#2d2d2d;--border-strong:#404040;--text:#f8f9fa;--text-light:#a1a1aa;--text-muted:#71717a;--brand:#3ecf8e;--brand-400:#34d399;--brand-500:#10b981;--brand-600:#059669;--accent:#8b5cf6;--warning:#f59e0b;--error:#ef4444;--success:#22c55e}body{color:#f8f9fa;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6}.app,body{background:#0f1419;background:var(--background)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1c1c;background:var(--background-surface);border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.brand h1{color:#f8f9fa;color:var(--text);font-size:1.125rem;font-weight:600;margin-bottom:2px}.tagline{color:#71717a;color:var(--text-muted);font-size:.75rem;font-weight:400}.nav-menu{background:#181818;background:var(--background-subtle);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:6px;display:flex;gap:.25rem;padding:.25rem}.nav-menu button{align-items:center;background:#0000;border:none;border-radius:4px;color:#a1a1aa;color:var(--text-light);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .15s ease}.nav-menu button:hover{background:#262626;background:var(--background-overlay);color:#f8f9fa;color:var(--text)}.nav-menu button.active{background:#3ecf8e;background:var(--brand);box-shadow:0 1px 2px #0000000d;color:#0f1419;color:var(--background)}.nav-icon{font-size:.875rem}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.loading-screen{align-items:center;background:#0f1419;background:var(--background);display:flex;height:100vh;justify-content:center}.loading-content{padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #2d2d2d;border-top:2px solid #3ecf8e;border:2px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:32px;margin:0 auto 1.5rem;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{color:#71717a;color:var(--text-muted);font-style:italic;padding:3rem;text-align:center}.btn-primary{align-items:center;background:#3ecf8e;background:var(--brand);border:none;border-radius:6px;color:#0f1419;color:var(--background);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem 1rem;transition:all .15s ease}.btn-primary:hover{background:#059669;background:var(--brand-600);box-shadow:0 4px 12px #3ecf8e40;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:6px;color:#f8f9fa;color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem 1rem;transition:all .15s ease}.btn-secondary:hover{background:#262626;background:var(--background-overlay);border-color:#404040;border-color:var(--border-strong)}.btn-small{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:4px;color:#a1a1aa;color:var(--text-light);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;height:28px;padding:.25rem .5rem;transition:all .15s ease}.btn-small:hover{background:#262626;background:var(--background-overlay);border-color:#404040;border-color:var(--border-strong);color:#f8f9fa;color:var(--text)}.btn-small.danger{color:#ef4444;color:var(--error)}.btn-small.danger,.btn-small.danger:hover{border-color:#ef4444;border-color:var(--error)}.btn-small.danger:hover{background:#ef44441a}.btn-link{background:none;border:none;color:#3ecf8e;color:var(--brand);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s ease}.btn-link:hover{color:#34d399;color:var(--brand-400)}.btn-icon{font-size:.875rem}.page-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#f8f9fa;color:var(--text);font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.page-header p{color:#71717a;color:var(--text-muted);font-size:.875rem}.dashboard{space-y:2rem}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{color:#f8f9fa;color:var(--text);font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#71717a;color:var(--text-muted);font-size:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .15s ease}.stat-card:hover{border-color:#404040;border-color:var(--border-strong);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-icon{align-items:center;background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-content h3{color:#f8f9fa;color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.stat-content p{color:#71717a;color:var(--text-muted);font-size:.875rem;font-weight:500}.quick-actions{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;margin-bottom:3rem;padding:2rem}.quick-actions h2{color:#f8f9fa;color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-btn{align-items:center;background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;color:#f8f9fa;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.875rem;font-weight:500;gap:.75rem;padding:1.5rem 1rem;text-align:center;transition:all .15s ease}.action-btn.primary{background:#3ecf8e0d;border-color:#3ecf8e;border-color:var(--brand);color:#3ecf8e;color:var(--brand)}.action-btn.primary:hover{background:#3ecf8e;background:var(--brand);box-shadow:0 8px 25px #3ecf8e40;color:#0f1419;color:var(--background);transform:translateY(-2px)}.action-btn.secondary:hover{border-color:#404040;border-color:var(--border-strong);transform:translateY(-2px)}.action-btn.secondary:hover,.recent-invoices{background:#1c1c1c;background:var(--background-surface)}.recent-invoices{border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#f8f9fa;color:var(--text);font-size:1.25rem;font-weight:600}.customers-table,.invoices-table{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;overflow:hidden}.table-header{grid-gap:1rem;background:#262626;background:var(--background-overlay);border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);color:#71717a;color:var(--text-muted);display:grid;font-size:.75rem;font-weight:500;gap:1rem;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase}.invoices-table .table-header{grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr}.customers-table .table-header{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1.5fr}.table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);display:grid;gap:1rem;padding:1rem 1.5rem;transition:background-color .15s ease}.invoices-table .table-row{grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr}.customers-table .table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1.5fr}.customers-table .table-row.inactive{opacity:.6}.table-row:hover{background-color:#262626;background-color:var(--background-overlay)}.table-row:last-child{border-bottom:none}.invoice-number{color:#f8f9fa;color:var(--text)}.amount,.invoice-number{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;font-weight:600}.amount{color:#3ecf8e;color:var(--brand)}.customer-name{color:#f8f9fa;color:var(--text);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.customer-contact,.customer-email{color:#71717a;color:var(--text-muted);font-size:.75rem}.customer-type{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.customer-type.retailer{background:#22c55e1a;color:#22c55e;color:var(--success)}.customer-type.distributor{background:#8b5cf61a;color:#8b5cf6;color:var(--accent)}.customer-type.hospitality{background:#22c55e1a;color:#22c55e;color:var(--success)}.customer-type.events{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.customer-type.wholesale{background:#ef44441a;color:#ef4444;color:var(--error)}.actions{display:flex;gap:.5rem}.no-data{color:#71717a;color:var(--text-muted);font-style:italic;padding:4rem;text-align:center}.status{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.status.draft{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.status.sent{background:#3b82f61a;color:#60a5fa}.status.active,.status.paid{background:#22c55e1a;color:#22c55e;color:var(--success)}.status.inactive{background:#6b72801a;color:#71717a;color:var(--text-muted)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#f8f9fa;color:var(--text);font-size:1.25rem;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .15s ease;width:32px}.close-btn:hover{background:#262626;background:var(--background-overlay);color:#f8f9fa;color:var(--text)}.modal-body{padding:2rem}.modal-actions{background:#181818;background:var(--background-subtle);border-top:1px solid #2d2d2d;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#f8f9fa;color:var(--text);font-size:.875rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.form-group input,.form-group select,.form-group textarea{background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:6px;color:#f8f9fa;color:var(--text);font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3ecf8e;border-color:var(--brand);box-shadow:0 0 0 3px #3ecf8e1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#71717a;color:var(--text-muted)}.modal-header h2,.modal-header h3,.view-title h1,.view-title h2,.view-title h3,h1,h2,h3,h4,h5,h6,th,thead th{color:#f8f9fa!important;color:var(--text)!important}th,thead th{background:#1c1c1c!important;background:var(--background-surface)!important}td{color:#f8f9fa!important;color:var(--text)!important}select{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important}input,select,textarea{background:#262626!important;background:var(--background-overlay)!important;border:1px solid #2d2d2d!important;border:1px solid var(--border)!important;border-radius:6px;color:#f8f9fa!important;color:var(--text)!important;font-family:inherit;font-size:14px;padding:.75rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{background:#1c1c1c!important;background:var(--background-surface)!important;border-color:#3ecf8e!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px #3ecf8e1a!important;outline:none!important}input::placeholder,textarea::placeholder{color:#71717a!important;color:var(--text-muted)!important;opacity:1}select option{background:#1c1c1c!important;background:var(--background-surface)!important;border:none!important}input[type=file],select option{color:#f8f9fa!important;color:var(--text)!important}input[type=file]{background:#262626!important;background:var(--background-overlay)!important;border:1px solid #2d2d2d!important;border:1px solid var(--border)!important;padding:.5rem}input[type=file]::-webkit-file-upload-button{background:#3ecf8e!important;background:var(--brand)!important;border:none!important;border-radius:4px;color:#fff!important;cursor:pointer;margin-right:1rem;padding:.5rem 1rem}input[type=checkbox],input[type=radio]{accent-color:#3ecf8e!important;accent-color:var(--brand)!important;background:#262626!important;background:var(--background-overlay)!important;border:1px solid #2d2d2d!important;border:1px solid var(--border)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}input[type=number]{-moz-appearance:textfield!important}.form-group label{color:#f8f9fa!important;color:var(--text)!important;display:block;font-weight:500;margin-bottom:.5rem}.modal-content input,.modal-content select,.modal-content textarea{background:#262626!important;background:var(--background-overlay)!important;border:1px solid #2d2d2d!important;border:1px solid var(--border)!important;color:#f8f9fa!important;color:var(--text)!important}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{background:#1c1c1c!important;background:var(--background-surface)!important;border-color:#3ecf8e!important;border-color:var(--brand)!important}table input,table select{background:#262626!important;background:var(--background-overlay)!important;border:1px solid #2d2d2d!important;border:1px solid var(--border)!important;border-radius:4px;color:#f8f9fa!important;color:var(--text)!important;padding:.5rem}table input:focus,table select:focus{background:#1c1c1c!important;background:var(--background-surface)!important;border-color:#3ecf8e!important;border-color:var(--brand)!important}#emergent-badge,.emergent-widget,:contains("Made with Emergent"),:contains("emergent"),[data-emergent],a:contains("Made with Emergent"),a[href*=emergent],div:has-text("Made with Emergent"),div:has-text("emergent"),div[class*=emergent],div[id*=emergent],iframe[src*=emergent],iframe[src*=widget]{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-9999!important}a[id*=emergent],a[style*="position: fixed"][style*=bottom],div[style*="position: absolute"][style*=bottom],div[style*="position: fixed"][style*=bottom],iframe[style*="position: absolute"][style*=bottom],iframe[style*="position: fixed"][style*=bottom]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.login-screen{align-items:center;background:#0f1419;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:400px;text-align:center;width:100%}.login-header{margin-bottom:3rem}.login-header h1{color:#f8f9fa;color:var(--text);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#71717a;color:var(--text-muted);font-size:.875rem}.login-form-container{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:2rem}.login-form-container h2{color:#f8f9fa;color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-subtitle{color:#a1a1aa;color:var(--text-light);font-size:.875rem;line-height:1.5;margin-bottom:2rem}.login-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:6px;color:#ef4444;color:var(--error);font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{text-align:left}.login-form label{display:block;font-weight:500;margin-bottom:.5rem}.login-form input,.login-form label{color:#f8f9fa;color:var(--text);font-size:.875rem}.login-form input{background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:6px;font-family:inherit;padding:.75rem 1rem;transition:all .15s ease;width:100%}.login-form input:focus{border-color:#3ecf8e;border-color:var(--brand);box-shadow:0 0 0 3px #3ecf8e1a;outline:none}.login-form input::placeholder{color:#71717a;color:var(--text-muted)}.login-btn{align-items:center;background:#3ecf8e;background:var(--brand);border:none;border-radius:6px;color:#0f1419;color:var(--background);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;padding:.75rem 1rem;transition:all .15s ease}.login-btn:hover{background:#059669;background:var(--brand-600);box-shadow:0 4px 12px #3ecf8e40;transform:translateY(-1px)}.login-help{background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:left}.login-help h3{color:#f8f9fa;color:var(--text);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.demo-creds{display:flex;flex-direction:column;gap:.5rem}.demo-creds p{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:4px;color:#a1a1aa;color:var(--text-light);font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:.5rem;text-align:center}.demo-creds strong{color:#3ecf8e;color:var(--brand)}.nav-menu .logout-btn{background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);color:#ef4444;color:var(--error);margin-left:1rem}.nav-menu .logout-btn:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--error);color:#ef4444;color:var(--error)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;height:auto;padding:1rem 2rem}.nav-menu{justify-content:flex-start;overflow-x:auto;width:100%}.main-content{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-grid{gap:1rem}.action-buttons,.form-grid{grid-template-columns:1fr}.invoices-table .table-header,.invoices-table .table-row{gap:.5rem;grid-template-columns:1fr}.invoices-table .table-row{background:#262626;background:var(--background-overlay);border-radius:8px;margin-bottom:1rem;padding:1rem}.customers-table .table-header,.customers-table .table-row{gap:.5rem;grid-template-columns:1fr}.customers-table .table-row{background:#262626;background:var(--background-overlay);border-radius:8px;margin-bottom:1rem;padding:1rem}.modal-content{margin:1rem;width:95%}}.company-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.info-card{background:#1c1c1c;background:var(--background-surface);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .2s ease}.info-card:hover{border-color:#404040;border-color:var(--border-strong);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.info-card h3{border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);color:#f8f9fa;color:var(--text);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.info-row{align-items:flex-start;border-bottom:1px solid #2d2d2d80;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#a1a1aa;color:var(--text-light);flex-shrink:0;font-weight:500;margin-right:1rem;min-width:120px}.info-row .value{color:#f8f9fa;color:var(--text);flex-grow:1;text-align:right;word-break:break-word}.info-row .value img{border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:4px}.large-modal{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#262626;background:var(--background-overlay);border:1px solid #2d2d2d;border:1px solid var(--border);border-radius:8px;padding:1.5rem}.form-section h3{border-bottom:1px solid #2d2d2d;border-bottom:1px solid var(--border);color:#f8f9fa;color:var(--text);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.form-section .form-grid{gap:1.5rem}@media (max-width:768px){.company-info-grid{gap:1.5rem;grid-template-columns:1fr}.info-card{padding:1.5rem}.info-row{align-items:flex-start;flex-direction:column;gap:.5rem}.info-row .label{margin-right:0;min-width:auto}.info-row .value{text-align:left}.large-modal{margin:1rem;width:95%}.form-section{padding:1rem}}
/*# sourceMappingURL=main.21d16cd1.css.map*/