@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::selection{background:rgba(56,189,248,.4)}@media (prefers-color-scheme:dark){body{background:#020617;color:#e2e8f0}}.min-h-screen{min-height:100vh}.bg-slate-950{background-color:#020617}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5f5}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.border-slate-800{border-color:#1e293b}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-5xl{max-width:64rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.02em}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.grid{display:grid}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:768px){.md\:grid-cols-3{grid-template-columns:minmax(0,1fr)}}.hover\:underline:hover{text-decoration:underline}input,select,textarea{color:#f8fafc;background-color:#0f172a;border-color:#334155}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{outline:2px solid rgba(46,178,255,.6);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer}.btn-primary{background:#2eb2ff;color:#0f172a}.btn-primary:hover{background:#5bc4ff}.btn-secondary{background:#0f172a;color:#e2e8f0;border-color:#334155}.btn-secondary:hover{border-color:#2eb2ff}.btn-ghost{background:transparent;color:#e2e8f0;border-color:#1e293b}.btn-ghost:hover{border-color:#2eb2ff;color:#f8fafc}.btn-delete{padding:.25rem .5rem;font-size:.75rem;background:rgba(239,68,68,.2);color:#f87171;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s}.btn-delete:hover{background:rgba(239,68,68,.3)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;background:rgba(148,163,184,.15);color:#e2e8f0}.badge-draft{background:rgba(148,163,184,.2);color:#e2e8f0}.badge-sent{background:rgba(46,178,255,.2);color:#93d7ff}.badge-paid{background:rgba(34,197,94,.2);color:#86efac}.badge-overdue{background:hsla(0,91%,71%,.2);color:#fca5a5}.badge-cancelled{background:rgba(148,163,184,.2);color:#cbd5f5;text-decoration:line-through}.table-header{color:#f8fafc;border-bottom:1px solid #1e293b}.input{width:100%;border-radius:.5rem;border:1px solid #334155;background:#0f172a;padding:.45rem .65rem;font-size:.875rem;color:#f8fafc}.nav-menu{position:relative;display:flex;align-items:center;justify-content:flex-end}.nav-toggle{display:inline-flex;flex-direction:column;gap:4px;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #1e293b;background:rgba(15,23,42,.6);cursor:pointer}.nav-toggle-bar{width:20px;height:2px;background:#f8fafc;display:block}.nav-links{display:none;gap:1rem;font-size:.875rem}.nav-link{color:inherit}.nav-link:hover{text-decoration:underline}.nav-logout{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .85rem;border-radius:.5rem;border:1px solid #1e293b;background:rgba(15,23,42,.7);color:#f8fafc;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-logout:hover{background:#0f172a;border-color:#2eb2ff;color:#fff}.nav-dropdown .nav-logout{width:100%;justify-content:flex-start}.nav-dropdown{position:absolute;right:0;top:48px;z-index:50;width:200px;border-radius:.75rem;border:1px solid #1e293b;background:#020617;box-shadow:0 10px 30px rgba(0,0,0,.45);display:flex;flex-direction:column;padding:.5rem;gap:.25rem}.nav-dropdown-link{padding:.5rem .75rem;border-radius:.5rem}.nav-dropdown-link:hover{background:#0f172a}@media (min-width:768px){.nav-toggle{display:none}.nav-links{display:flex}.nav-dropdown{display:none}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-title-wrap{flex:1 1 auto;min-width:0}.site-title{line-height:1.2}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{min-width:560px}.inventory-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.8)}.inventory-modal-card{width:100%;max-width:28rem;border-radius:.75rem;border:1px solid #334155;background:#0f172a;padding:1rem}.inventory-modal-card,.inventory-modal-form{display:flex;flex-direction:column;gap:.75rem}.inventory-modal-field{display:flex;flex-direction:column;gap:.35rem}.inventory-modal-textarea{min-height:80px}.inventory-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.invoice-page{max-width:960px;margin:0 auto}.invoice-shell{font-family:Inter,Segoe UI,system-ui,sans-serif;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem 1.75rem;box-shadow:0 12px 24px rgba(15,23,42,.08);color:#1a1a1a}.invoice-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;border-bottom:2px solid #1e3a5f;padding-bottom:.75rem}.invoice-brand{display:grid;grid-gap:.5rem;gap:.5rem;align-items:start}.invoice-logo{width:140px;height:auto;object-fit:contain}.invoice-brand-details{display:grid;grid-gap:.2rem;gap:.2rem}.invoice-brand-name{font-size:1.25rem;font-weight:700;color:#1e3a5f}.invoice-meta{text-align:right;min-width:220px;font-size:.85rem;color:#4a4a4a}.invoice-title{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#1a9ae8;font-weight:700}.invoice-number{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:.35rem 0 .75rem}.invoice-meta-grid{display:grid;grid-gap:.35rem;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.82rem}.invoice-meta-label{color:#6b6b6b;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.invoice-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1.25rem 0;border-bottom:1px solid #e5e7eb}.invoice-grid-wide{grid-column:1/-1}.invoice-section-title{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#1a9ae8;margin-bottom:.5rem;font-weight:700}.invoice-summary{background:#f8f9fa;border-radius:.6rem;padding:.85rem 1rem;border:1px solid #e5e7eb;display:grid;grid-gap:.4rem;gap:.4rem;font-size:.9rem;color:#1a1a1a}.invoice-summary-row,.invoice-summary-total{display:flex;justify-content:space-between;align-items:center}.invoice-summary-total{font-weight:700;color:#1a1a1a;font-size:.95rem;border-top:1px solid #e5e7eb;padding-top:.45rem}.invoice-details{margin-top:1rem;background:#fff;border-radius:.6rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;display:grid;grid-gap:.75rem;gap:.75rem}.invoice-bullets{padding-left:1.1rem;display:grid;grid-gap:.35rem;gap:.35rem;color:#4a4a4a;font-size:.88rem;line-height:1.5}.invoice-note{color:#6b6b6b;font-size:.85rem}.invoice-payments{display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.invoice-payment-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem .9rem;display:grid;grid-gap:.2rem;gap:.2rem}.invoice-payment-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#1a9ae8}.invoice-payment-name{font-weight:600;color:#1a1a1a}.invoice-payment-value{font-size:.88rem;color:#4a4a4a}.invoice-table{padding-top:1rem}.invoice-table .table-header{background:#2eb2ff;color:#fff}.invoice-table .table-header th{padding:.6rem .5rem}.invoice-table table td,.invoice-table table th{padding:.55rem .5rem}.invoice-table table tbody tr:nth-child(2n){background:#f8f9fa}.invoice-item-row td{border-bottom:1px solid rgba(15,23,42,.1)}.invoice-item-sku{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem}.invoice-area-row td{background:#e6f4ff;color:#1e3a5f;font-weight:600}.invoice-area-subtotal td{background:#f1f5f9;font-weight:600}@media (max-width:640px){.site-header{flex-direction:row;align-items:center}.site-title{font-size:1.25rem}.invoice-meta{text-align:left}}@media print{body{background:#fff!important;color:#0f172a!important}.btn,.invoice-controls,.nav-menu,.site-header{display:none!important}.invoice-shell{background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important}.invoice-brand-name,.invoice-meta-label,.invoice-number,.invoice-payment-label,.invoice-section-title,.invoice-summary-total,.invoice-title{color:#0f172a!important}.invoice-details,.invoice-payment-card,.invoice-summary{border:1px solid #e2e8f0!important;background:#f8fafc!important}.table-header{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}.border-slate-800,.border-slate-900\/60{border-color:#e2e8f0!important}.invoice-bullets,.invoice-note,.invoice-payment-name,.invoice-payment-value,.text-slate-200,.text-slate-300{color:#334155!important}.table-wrapper table{min-width:auto!important}}