*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fa;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:radial-gradient(circle at 0 0,#d4af3738,#0000 35%),linear-gradient(#07182f 0%,#0b1f3a 55%,#061224 100%);width:280px;min-height:100vh;padding:24px;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";filter:blur(50px);background:#d4af372e;border-radius:999px;width:180px;height:180px;position:absolute;top:-40px;right:-70px}.brand{align-items:center;gap:14px;margin-bottom:36px;display:flex;position:relative}.brand-icon{color:#0b1f3a;background:linear-gradient(135deg,#d4af37,#fff2a8);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:0 12px 28px #d4af3747}.brand h2{color:#fff;margin:0;font-size:22px}.brand p{color:#cbd5e1;margin:4px 0 0;font-size:13px}.nav-menu{flex-direction:column;gap:10px;display:flex;position:relative}.nav-menu a{color:#cbd5e1;border:1px solid #0000;border-radius:16px;padding:14px 16px;font-weight:700;text-decoration:none;transition:all .25s}.nav-menu a:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.nav-menu a.active{color:#0b1f3a;background:linear-gradient(135deg,#d4af37f2,#ffeaa0f2);box-shadow:0 14px 32px #d4af3740}.sidebar-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;margin-top:34px;padding:18px;position:relative}.sidebar-card span{color:#d4af37;font-weight:800}.sidebar-card p{color:#cbd5e1;font-size:13px;line-height:1.5}.main{flex:1;padding:32px}.subtitle{color:#6b7280;margin-bottom:24px}.form-card{background:#fff;border-radius:18px;max-width:760px;padding:28px;box-shadow:0 10px 30px #0000000f}.form-card h2{color:#0b1f3a;margin-top:28px}.form-card h2:first-child{margin-top:0}label{margin-top:16px;margin-bottom:6px;font-weight:600;display:block}input,textarea,select{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;background:#0b1f3a;border:none;border-radius:10px;margin-top:24px;padding:13px 18px;font-weight:700}button:hover{color:#0b1f3a;background:#d4af37}.wide{max-width:1100px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.item-row{background:#f9fafb;border-radius:14px;grid-template-columns:2fr .7fr 1fr 1fr auto;align-items:end;gap:14px;margin-bottom:14px;padding:16px;display:grid}.secondary-btn{color:#0b1f3a;background:#d4af37}.secondary-btn:hover{color:#0b1f3a;background:#b9952e}.danger-btn{background:#dc2626;padding:12px 14px}.danger-btn:hover{color:#fff;background:#991b1b}.summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;max-width:420px;margin-left:auto;padding:18px}.summary-box div{justify-content:space-between;margin-bottom:12px;display:flex}.summary-box .grand-total{color:#0b1f3a;border-top:1px solid #d1d5db;margin-top:10px;padding-top:14px;font-size:18px}.history-toolbar{gap:14px;max-width:720px;margin-bottom:20px;display:flex}.history-toolbar input{flex:1}.history-toolbar select{max-width:180px}.table-card{background:#fff;border-radius:18px;padding:20px;overflow-x:auto;box-shadow:0 10px 30px #0000000f}table{border-collapse:collapse;width:100%}th{text-align:left;color:#0b1f3a;border-bottom:2px solid #e5e7eb;padding:14px}td{border-bottom:1px solid #e5e7eb;padding:14px}.empty-table{text-align:center;color:#6b7280;padding:30px}.status{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.status.paid{color:#166534;background:#dcfce7}.status.unpaid{color:#92400e;background:#fef3c7}.status.draft{color:#374151;background:#e5e7eb}.status.overdue{color:#991b1b;background:#fee2e2}.small-btn{border-radius:8px;margin-top:0;padding:8px 12px;font-size:13px}.ai-box{color:#fff;background:linear-gradient(135deg,#0b1f3a,#132f56);border-radius:18px;max-width:1100px;margin-bottom:24px;padding:24px;box-shadow:0 10px 30px #00000014}.ai-box h2{color:#d4af37;margin-top:0}.ai-box p{color:#e5e7eb}.ai-box textarea{color:#1f2937;background:#fff}.ai-box button{color:#0b1f3a;background:#d4af37}.ai-box button:hover{color:#0b1f3a;background:#fff}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-left:6px solid #d4af37;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0000000f}.stat-card span{color:#6b7280;margin-bottom:10px;font-weight:600;display:block}.stat-card strong{color:#0b1f3a;font-size:28px}.mt-24{margin-top:24px}.status-select{border:none;border-radius:999px;width:auto;min-width:110px;padding:7px 10px;font-size:13px;font-weight:700}.status-select.paid{color:#166534;background:#dcfce7}.status-select.unpaid{color:#92400e;background:#fef3c7}.status-select.draft{color:#374151;background:#e5e7eb}.status-select.overdue{color:#991b1b;background:#fee2e2}.action-buttons{gap:8px;display:flex}.danger-small{background:#dc2626}.danger-small:hover{color:#fff;background:#991b1b}.detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.invoice-preview{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.preview-top{color:#fff;background:#0b1f3a;justify-content:space-between;padding:28px;display:flex}.preview-top h2{color:#d4af37;margin:0}.preview-title{text-align:right}.preview-title h1{color:#d4af37;margin:0}.preview-info-grid{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px;display:grid}.preview-info-grid h3,.preview-payment h3{color:#0b1f3a}.preview-table{width:calc(100% - 56px);margin:28px}.preview-summary{width:360px;margin-bottom:28px;margin-left:auto;margin-right:28px}.preview-summary div{justify-content:space-between;margin-bottom:10px;display:flex}.preview-grand-total{color:#0b1f3a;background:#d4af37;border-radius:10px;padding:12px;font-size:18px}.preview-payment{padding:0 28px 28px}.preview-footer{color:#fff;background:#0b1f3a;padding:16px 28px}.link-btn,.small-link-btn{color:#0b1f3a;background:#d4af37;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block}.link-btn{padding:13px 18px}.small-link-btn{padding:8px 12px;font-size:13px}.secondary-small{color:#0b1f3a;background:#d4af37}.secondary-small:hover{color:#0b1f3a;background:#b9952e}.export-btn{white-space:nowrap;background:#0b1f3a;margin-top:0}.import-btn{white-space:nowrap;color:#0b1f3a;cursor:pointer;background:#d4af37;border-radius:10px;margin-top:0;padding:13px 18px;font-weight:700}.hero-dashboard{color:#fff;background:radial-gradient(circle at 100% 0,#d4af3747,#0000 35%),linear-gradient(135deg,#07182f,#0b1f3a 55%,#102f57);border-radius:28px;grid-template-columns:1.7fr 1fr;gap:24px;margin-bottom:26px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #0b1f3a38}.hero-dashboard:after{content:"";filter:blur(12px);background:#d4af3729;border-radius:999px;width:240px;height:240px;position:absolute;bottom:-100px;right:-80px}.eyebrow{color:#d4af37;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.hero-dashboard h1{max-width:720px;margin:14px 0;font-size:42px;line-height:1.08}.hero-dashboard p{color:#cbd5e1;max-width:650px;font-size:16px;line-height:1.7}.hero-actions{gap:14px;margin-top:24px;display:flex}.primary-action,.ghost-action{border-radius:14px;padding:14px 18px;font-weight:900;text-decoration:none}.primary-action{color:#0b1f3a;background:#d4af37}.ghost-action{color:#fff;background:#ffffff14;border:1px solid #ffffff38}.hero-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:24px;align-self:center;padding:24px;position:relative}.hero-panel span{color:#d4af37;font-weight:800}.hero-panel strong{margin-top:12px;font-size:28px;display:block}.stats-grid.modern{grid-template-columns:repeat(4,1fr)}.ai-card{border:1px solid #e5e7eb;position:relative;overflow:hidden}.ai-card:before{content:"";background:#d4af372e;border-radius:999px;width:80px;height:80px;position:absolute;top:-28px;right:-28px}.ai-card p{color:#6b7280;font-weight:700}.danger-stat:before{background:#dc262629}.success-stat:before{background:#16a34a29}.recent-section{margin-top:28px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:#0b1f3a;margin-bottom:4px}.section-header p{color:#6b7280;margin:0}.modern-table{border:1px solid #e5e7eb}.ai-box-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ai-pill{color:#d4af37;background:#d4af372e;border:1px solid #d4af3759;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.mini-summary{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:16px}.mini-summary div{justify-content:space-between;margin-bottom:10px;display:flex}.mini-summary span{color:#6b7280;font-size:14px}.eyebrow.dark{color:#d4af37}.preview-badge{color:#d4af37;background:#d4af3729;border:1px solid #d4af3759;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.preview-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.preview-table-wrap{padding:0 28px}.preview-bottom-grid{grid-template-columns:1fr 380px;gap:24px;padding:0 28px 28px;display:grid}.premium-summary{width:100%;margin:0}@media (width<=900px){.preview-bottom-grid{grid-template-columns:1fr}}.edit-total-card,.invoice-meta-card{max-width:none}.invoice-meta-card strong{font-size:26px}.settings-section{margin-bottom:36px}.settings-section h2{color:#0b1f3a;border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding-bottom:10px}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.settings-actions{justify-content:flex-end;display:flex}.save-settings-btn{min-width:220px}@media (width<=900px){.grid-3{grid-template-columns:1fr}}.brand-logo{object-fit:contain;background:#ffffff14;border-radius:16px;width:54px;height:54px;padding:6px;box-shadow:0 12px 28px #d4af3738}@media (width<=1100px){.app{flex-direction:column}.sidebar{width:100%;min-height:auto;padding:18px;position:relative}.brand{margin-bottom:20px}.nav-menu{flex-direction:row;gap:10px;padding-bottom:6px;overflow-x:auto}.nav-menu a{white-space:nowrap;padding:12px 14px}.sidebar-card{display:none}.main{padding:22px}.hero-dashboard,.create-layout,.preview-info-grid,.preview-bottom-grid{grid-template-columns:1fr}.stats-grid.modern{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media (width<=768px){.main{padding:16px}.page-hero,.hero-dashboard{border-radius:22px;padding:24px}.page-hero h1,.hero-dashboard h1{font-size:30px}.hero-dashboard p,.page-hero p{font-size:14px}.hero-actions{flex-direction:column}.primary-action,.ghost-action{text-align:center}.stats-grid,.stats-grid.modern{grid-template-columns:1fr}.form-card{border-radius:18px;padding:20px}.grid-2{grid-template-columns:1fr;gap:14px}.item-row{grid-template-columns:1fr;gap:10px}.item-row .danger-btn{width:100%}.summary-box{max-width:100%;margin-left:0}.history-toolbar,.modern-toolbar{flex-direction:column;align-items:stretch}.history-toolbar input,.history-toolbar select,.export-btn,.import-btn{width:100%;max-width:100%}.table-card{padding:14px}table{min-width:760px}.action-buttons{flex-wrap:wrap}.detail-header,.premium-detail-header,.section-header{flex-direction:column;align-items:flex-start;gap:16px}.invoice-preview{border-radius:18px}.preview-top{flex-direction:column;gap:20px}.preview-title{text-align:left}.preview-table-wrap{padding:0 18px;overflow-x:auto}.preview-table{width:100%;min-width:640px;margin:18px 0}.preview-bottom-grid{padding:0 18px 18px}.preview-info-grid{padding:18px}.preview-footer{padding:16px 18px}.side-summary strong{font-size:26px}}@media (width<=480px){.brand-logo{width:46px;height:46px}.brand h2{font-size:18px}.brand p{font-size:12px}.nav-menu a{padding:10px 12px;font-size:13px}.page-hero h1,.hero-dashboard h1{font-size:26px}.ai-box,.side-summary{border-radius:20px;padding:20px}button,.link-btn,.small-link-btn,.primary-action,.ghost-action{text-align:center;width:100%}.small-btn,.action-buttons{width:100%}.action-buttons>*{flex:100%}}.chart-section{margin-top:28px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;box-shadow:0 18px 50px #00000012}.empty-chart{text-align:center;color:#6b7280;place-items:center;min-height:260px;display:grid}.empty-chart strong{color:#0b1f3a;font-size:20px}.empty-chart p{margin-top:8px}.empty-state{text-align:center;color:#6b7280;place-items:center;min-height:260px;padding:32px;display:grid}.empty-state-card{max-width:420px}.empty-state-icon{color:#d4af37;background:radial-gradient(circle at 100% 0,#d4af3747,#0000 45%),linear-gradient(135deg,#07182f,#0b1f3a);border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:24px;font-weight:900;display:grid;box-shadow:0 18px 45px #0b1f3a2e}.empty-state h3{color:#0b1f3a;margin:0 0 8px;font-size:22px}.empty-state p{margin:0 0 20px;line-height:1.6}.empty-state .primary-action{display:inline-block}button,.link-btn,.small-link-btn,.primary-action,.ghost-action,.export-btn,.import-btn{cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:all .22s;display:inline-flex}button:active,.link-btn:active,.small-link-btn:active,.primary-action:active,.ghost-action:active,.export-btn:active,.import-btn:active{transform:translateY(1px)}button:disabled,.link-btn.disabled,.small-link-btn.disabled{opacity:.55;cursor:not-allowed}.link-btn{color:#0b1f3a;background:#d4af37;border-radius:12px;padding:13px 18px;font-weight:800}.link-btn:hover{color:#0b1f3a;background:#b9952e}.small-btn,.small-link-btn{border-radius:10px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:800}.small-btn{color:#fff;background:#0b1f3a}.small-btn:hover{color:#fff;background:#132f56}.small-link-btn{color:#0b1f3a;background:#d4af37}.small-link-btn:hover{color:#0b1f3a;background:#b9952e}.secondary-btn,.secondary-small{color:#0b1f3a;background:#d4af37}.secondary-btn:hover,.secondary-small:hover{color:#0b1f3a;background:#b9952e}.danger-btn,.danger-small{color:#fff;background:#dc2626}.danger-btn:hover,.danger-small:hover{color:#fff;background:#991b1b}.export-btn{color:#fff;background:#0b1f3a;border-radius:10px;padding:13px 18px;font-weight:800}.export-btn:hover{background:#132f56}.import-btn{color:#0b1f3a;background:#d4af37;border-radius:10px;padding:13px 18px;font-weight:800}.import-btn:hover{background:#b9952e}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07182fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:26px;width:100%;max-width:440px;padding:28px;box-shadow:0 30px 90px #00000047}.modal-icon{color:#d4af37;background:radial-gradient(circle at 100% 0,#d4af3757,#0000 45%),linear-gradient(135deg,#07182f,#0b1f3a);border-radius:22px;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;font-weight:900;display:grid}.modal-icon.danger{color:#dc2626;background:#fee2e2}.confirm-modal h2{color:#0b1f3a;margin:0 0 10px}.confirm-modal p{color:#6b7280;margin:0;line-height:1.6}.modal-actions{gap:12px;margin-top:24px;display:flex}.ghost-modal-btn{color:#374151;background:#f3f4f6;flex:1}.ghost-modal-btn:hover{color:#111827;background:#e5e7eb}.confirm-modal-btn{color:#0b1f3a;background:#d4af37;flex:1}.confirm-modal-btn:hover{color:#0b1f3a;background:#b9952e}.danger-modal-btn{color:#fff;background:#dc2626;flex:1}.danger-modal-btn:hover{color:#fff;background:#991b1b}.paid-btn{color:#fff;background:#16a34a}.paid-btn:hover{color:#fff;background:#15803d}.modern-toolbar{flex-wrap:wrap}.modern-toolbar input[type=date]{max-width:170px}.whatsapp-btn,.whatsapp-small{color:#fff;background:#16a34a}.whatsapp-btn:hover,.whatsapp-small:hover{color:#fff;background:#15803d}.parser-controls{align-items:center;gap:10px;display:flex}.parser-mode-select{color:#0b1f3a;background:#fffffff2;border:1px solid #d4af3759;width:auto;min-width:150px;font-weight:800}.ai-box button:disabled{opacity:.6;cursor:not-allowed}.input-error{background:#fef2f2;border-color:#dc2626!important}.error-text{color:#dc2626;margin-top:6px;font-size:13px;font-weight:700;display:block}.form-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:24px;display:flex}.form-actions button{margin-top:0}.form-actions .danger-btn{width:auto}@media (width<=768px){.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%}}.draft-indicator{color:#cbd5e1;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}@media (width<=768px){.parser-controls{flex-wrap:wrap;justify-content:flex-start}.draft-indicator{white-space:normal}}.print-btn{color:#fff;background:#0b1f3a}.print-btn:hover{color:#fff;background:#132f56}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.sidebar,.detail-header,.premium-detail-header,.page-hero,.action-buttons,nav,button,a,.toast,.Toaster{display:none!important}.app{display:block!important}.main{width:100%!important;margin:0!important;padding:0!important}.invoice-preview,.premium-preview{width:100%!important;max-width:190mm!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0 auto!important;overflow:visible!important}.preview-top{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-inside:avoid;color:#fff!important;background:#0b1f3a!important;flex-direction:row!important;justify-content:space-between!important;padding:14mm 12mm!important;display:flex!important}.preview-title{text-align:right!important}.preview-info-grid{page-break-inside:avoid;grid-template-columns:repeat(3,1fr)!important;gap:6mm!important;padding:8mm 6mm!important;display:grid!important}.preview-info-card{page-break-inside:avoid;border-radius:4mm!important;padding:5mm!important}.preview-info-card h3{margin-bottom:8px!important;font-size:11px!important}.preview-info-card p,.preview-info-card strong{font-size:10px!important;line-height:1.35!important}.preview-table-wrap{padding:0 6mm!important;overflow:visible!important}.preview-table{page-break-inside:avoid;width:100%!important;min-width:unset!important;margin:0!important;font-size:10px!important}table{min-width:unset!important;width:100%!important}th,td{padding:7px 8px!important;font-size:10px!important}.preview-bottom-grid{page-break-inside:avoid;grid-template-columns:1fr 76mm!important;gap:8mm!important;padding:8mm 6mm!important;display:grid!important}.preview-payment{padding:0!important}.preview-payment h3{font-size:12px!important}.preview-payment p{margin:4px 0!important;font-size:10px!important}.preview-summary,.premium-summary{width:100%!important;margin:0!important}.preview-summary div{margin-bottom:5px!important;font-size:10px!important}.preview-grand-total{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#0b1f3a!important;background:#d4af37!important;border-radius:6px!important;padding:8px!important}.preview-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-inside:avoid;color:#fff!important;background:#0b1f3a!important;padding:6mm!important;font-size:9px!important;line-height:1.3!important}@page{size:A4;margin:8mm}}.btn-icon{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;margin-top:0;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.btn-icon i{font-size:14px}.btn-ghost-outline{color:var(--btn-ghost-color,#374151);background:0 0;border-color:#d1d5db}.btn-ghost-outline:hover{color:#111827;background:#f3f4f6}.btn-gold-solid{color:#0b1f3a;background:#d4af37;border-color:#d4af37}.btn-gold-solid:hover{color:#0b1f3a;background:#b9952e;border-color:#b9952e}.btn-dark-solid{color:#fff;background:#0b1f3a;border-color:#0b1f3a}.btn-dark-solid:hover{background:#132f56;border-color:#132f56}.btn-green-soft{color:#166534;background:#dcfce7;border-color:#86efac}.btn-green-soft:hover{background:#bbf7d0}.btn-red-soft{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.btn-red-soft:hover{background:#fecaca}