:root{--bg-primary:#0a0f1e;--bg-secondary:#0f172a;--bg-card:#111827;--bg-card-hover:#1a2235;--bg-input:#1e293b;--border:#1e293b;--border-light:#243148;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--accent-green:#10b981;--accent-green-dim:#10b98126;--accent-red:#ef4444;--accent-red-dim:#ef444426;--accent-blue:#6366f1;--accent-blue-dim:#6366f126;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--accent-purple:#8b5cf6;--gradient-1:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-2:linear-gradient(135deg,#10b981,#059669);--gradient-3:linear-gradient(135deg,#ef4444,#dc2626);--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #6366f126;--radius:16px;--radius-sm:10px;--font-main:"Sora",sans-serif;--font-mono:"Space Mono",monospace;--sidebar-width:260px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f1f5f9;--border:#e2e8f0;--border-light:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-card:0 4px 24px #0f172a14;--shadow-glow:0 0 40px #6366f11a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0f1e;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-main);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0f172a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#243148;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-muted)}.text-green{color:#10b981;color:var(--accent-green)}.text-red{color:#ef4444;color:var(--accent-red)}.text-blue{color:#6366f1;color:var(--accent-blue)}.text-amber{color:#f59e0b;color:var(--accent-amber)}.text-muted{color:#94a3b8;color:var(--text-secondary)}.font-mono{font-family:Space Mono,monospace;font-family:var(--font-mono)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);max-width:calc(100vw - 260px);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;padding:32px}@media (max-width:768px){.main-content{margin-left:0;max-width:100vw;padding:70px 16px 16px}}.card{background:#111827;background:var(--bg-card);border:1px solid #1e293b;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#243148;border-color:var(--border-light)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-family:var(--font-main);font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-1);box-shadow:0 4px 15px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-2);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-3);color:#fff}.btn-outline{background:#0000;border:1px solid #243148;border:1px solid var(--border-light);color:#94a3b8;color:var(--text-secondary)}.btn-outline:hover{background:#1e293b;background:var(--bg-input);color:#f1f5f9;color:var(--text-primary)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-secondary);padding:8px}.btn-ghost:hover{background:#1e293b;background:var(--bg-input);color:#f1f5f9;color:var(--text-primary)}.btn-sm{font-size:12px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.form-group{margin-bottom:16px}.form-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1e293b;background:var(--bg-input);border:1px solid #1e293b;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-main);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--accent-blue);box-shadow:0 0 0 3px #6366f126}.form-select{cursor:pointer}.form-select option{background:#1e293b;background:var(--bg-input)}.form-textarea{min-height:80px;resize:vertical}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:slideUp .25s ease;background:#111827;background:var(--bg-card);border:1px solid #243148;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius);box-shadow:0 25px 60px #0009;max-height:90vh;max-width:560px;overflow-y:auto;padding:28px;width:100%}.modal-lg{max-width:760px}.modal-xl{max-width:980px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700}.invoice-template-modal{background:#0f172a}.canva-invoice-embed{border-radius:8px;box-shadow:0 2px 8px 0 #3f455129;height:0;margin-bottom:.9em;margin-top:1.6em;overflow:hidden;padding-bottom:0;padding-top:141.4286%;position:relative;width:100%;will-change:transform}.canva-invoice-embed iframe{border:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.canva-invoice-credit{color:#94a3b8;color:var(--text-secondary);font-size:13px;margin-top:8px}.canva-invoice-credit a{color:#6366f1;color:var(--accent-blue);font-weight:700;text-decoration:none}.canva-invoice-credit a:hover{text-decoration:underline}.canva-invoice-live{background:#fffbeb;border-radius:8px;box-shadow:0 2px 8px 0 #3f455129;height:0;margin-bottom:.9em;margin-top:1.6em;overflow:hidden;padding-bottom:0;padding-top:141.4286%;position:relative;width:100%;will-change:transform}.canva-dynamic-layer,.canva-invoice-live iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.canva-dynamic-layer{color:#10172a;font-family:Sora,sans-serif;font-family:var(--font-main);pointer-events:none}.canva-clean-sheet,.canva-field,.canva-mask,.canva-orange-bar{position:absolute}.canva-clean-sheet{background:#fff;bottom:0;left:0;right:0;top:24.7%;z-index:1}.canva-orange-bar{background:#ffbd59;height:4.15%;z-index:2}.canva-orange-bar-top{left:0;right:0;top:30.2%}.canva-orange-bar-mid{left:0;right:0;top:56%}.canva-mask{background:#fff;z-index:3}.canva-mask-number{background:#fffaf0;height:4.4%;left:6.8%;top:33%;width:31.5%}.canva-mask-from{background:#dcfce7;border-radius:22px;height:9.9%;right:5.2%;top:33.2%;width:28%}.canva-mask-bill{height:17.5%;left:4.4%;top:38.4%;width:45%}.canva-mask-details{background:#fffaf0;height:15.1%;right:4.4%;top:50.4%;width:42%}.canva-mask-items{border-radius:8px;height:18.4%;left:4.4%;top:60%;width:91%}.canva-mask-total{border-radius:8px;height:14.8%;right:5.2%;top:80.2%;width:34%}.canva-field{z-index:4}.canva-number{color:#64748b;font-size:clamp(10px,1.28vw,17px);font-weight:800;left:7.4%;top:33.8%}.canva-from{align-items:flex-end;display:flex;flex-direction:column;gap:.35em;right:6.4%;text-align:right;top:35.4%;width:23.4%}.canva-from strong{font-size:clamp(12px,1.45vw,20px);font-weight:900}.canva-from span{color:#475569;font-size:clamp(10px,1.15vw,16px)}.canva-from em{background:#fee2d5;border-radius:999px;color:#ef4444;display:inline-flex;font-size:clamp(8px,.85vw,13px);font-style:normal;font-weight:900;letter-spacing:.05em;padding:.24em .75em;text-transform:uppercase}.canva-bill{left:7.1%;top:41.4%;width:35%}.canva-details{right:5.2%;top:52%;width:38%}.canva-bill>span,.canva-details>span,.canva-notes>span{color:#16a34a;display:block;font-size:clamp(9px,1.15vw,15px);font-weight:900;letter-spacing:.08em;margin-bottom:.9em}.canva-bill strong{display:block;font-size:clamp(14px,1.8vw,24px);font-weight:900;margin-bottom:.7em}.canva-bill p,.canva-notes p{color:#475569;font-size:clamp(10px,1.25vw,17px);line-height:1.45;margin:.2em 0}.canva-details dl{grid-gap:1em;display:grid;gap:1em;margin:0}.canva-details dl div{display:flex;gap:1.5em;justify-content:space-between}.canva-details dt{color:#64748b;font-size:clamp(10px,1.22vw,17px)}.canva-details dd{color:#10172a;font-size:clamp(10px,1.22vw,17px);font-weight:900;margin:0;text-align:right}.canva-items{left:7.1%;top:62.2%;width:86.6%}.canva-items table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.canva-items th{background:#10172a;color:#fff;font-size:clamp(9px,1.08vw,15px);font-weight:900;padding:1.25em 1.3em;text-align:left}.canva-items td:nth-child(n+2),.canva-items th:nth-child(n+2){text-align:right}.canva-items td{background:#ffffffd1;border-bottom:1px solid #e2e8f0;color:#10172a;font-size:clamp(10px,1.2vw,17px);padding:1.05em 1.3em}.canva-notes{left:7.5%;top:80.8%;width:42%}.canva-total{background:#fff;border-radius:8px;box-shadow:0 14px 32px #0f172a14;padding:1.25em;right:6.8%;top:81%;width:28.4%}.canva-total div{display:flex;gap:1em;justify-content:space-between}.canva-total span{color:#64748b;font-size:clamp(9px,1.1vw,15px)}.canva-total strong{color:#10172a;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:clamp(9px,1.1vw,15px)}.canva-total .canva-total-row{align-items:center;background:#16a34a;border-radius:8px;margin-top:1em;padding:1.1em}.canva-total .canva-total-row span,.canva-total .canva-total-row strong{color:#fff;font-size:clamp(12px,1.5vw,20px);font-weight:900}.canva-native-invoice{box-shadow:0 2px 8px 0 #3f455129}.canva-native-top{grid-gap:5%;align-items:start;display:grid;gap:5%;grid-template-columns:1fr 1.25fr .8fr;min-height:26%;padding:6.8% 7.2% 6%}.canva-brand{align-items:center;display:flex;gap:12px}.canva-brand-mark{aspect-ratio:1;background:#1f2933;border-radius:50%;color:#27b5d8;display:grid;font-size:clamp(18px,2vw,28px);font-weight:900;place-items:center;width:clamp(42px,5vw,76px)}.canva-brand span,.canva-brand strong{display:block;font-size:clamp(14px,1.6vw,26px);line-height:1.05}.canva-top-bill,.canva-top-meta{font-size:clamp(12px,1.45vw,21px);line-height:1.35}.canva-top-bill span,.canva-top-bill strong{display:block}.canva-top-meta{grid-gap:4px;display:grid;gap:4px}.canva-top-meta div{grid-gap:22px;display:grid;gap:22px;grid-template-columns:auto 1fr}.canva-top-meta span{font-weight:500}.canva-title-band{background:#ffbd59;height:7%;position:relative}.canva-title-band h1{color:#000;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5.2vw,72px);letter-spacing:0;margin:0;position:absolute;right:5.5%;top:50%;transform:translateY(-50%)}.canva-number-card{background:#fffaf0;color:#64748b;font-size:clamp(12px,1.35vw,20px);font-weight:900;left:7.2%;padding:1.1em .4em;position:absolute;top:50%;transform:translateY(34%);width:31%;z-index:2}.canva-company-card{align-items:flex-end;background:#dcfce7;border-radius:22px;display:flex;flex-direction:column;gap:.48em;min-height:11%;padding:2.8% 1.4% 1.4%;position:absolute;right:5.4%;text-align:right;top:31.2%;width:27.4%;z-index:3}.canva-company-card strong{font-size:clamp(13px,1.8vw,24px);font-weight:900}.canva-company-card span{color:#475569;font-size:clamp(10px,1.18vw,17px)}.canva-company-card em{background:#fee2d5;border-radius:999px;color:#ef4444;display:inline-flex;font-size:clamp(8px,.9vw,13px);font-style:normal;font-weight:900;letter-spacing:.05em;padding:.3em .85em;text-transform:uppercase}.canva-native-body{grid-column-gap:9%;grid-row-gap:7%;column-gap:9%;display:grid;grid-template-columns:1fr .86fr;padding:6.2% 7.2% 6%;position:relative;row-gap:7%}.canva-native-bill,.canva-native-details,.canva-native-notes{min-width:0}.canva-native-bill>span,.canva-native-details>span,.canva-native-notes>span{color:#16a34a;display:block;font-size:clamp(10px,1.15vw,16px);font-weight:900;letter-spacing:.08em;margin-bottom:1.1em}.canva-native-bill strong{color:#10172a;display:block;font-size:clamp(16px,1.95vw,27px);font-weight:900;margin-bottom:1em}.canva-native-bill p,.canva-native-notes p{color:#475569;font-size:clamp(11px,1.3vw,18px);line-height:1.45;margin:.28em 0}.canva-native-details{background:#fffaf0;padding:7.5% 8%}.canva-native-details dl{grid-gap:1.1em;display:grid;gap:1.1em;margin:0}.canva-native-details dl div{display:flex;gap:24px;justify-content:space-between}.canva-native-details dt{color:#64748b;font-size:clamp(11px,1.28vw,18px)}.canva-native-details dd{color:#10172a;font-size:clamp(11px,1.28vw,18px);font-weight:900;margin:0;text-align:right}.canva-native-items{border-collapse:initial;border-radius:8px;border-spacing:0;grid-column:1/-1;overflow:hidden;width:100%}.canva-native-items th{background:#10172a;color:#fff;font-size:clamp(10px,1.1vw,16px);font-weight:900;padding:1.25em 1.35em;text-align:left}.canva-native-items td{background:#fff;border-bottom:1px solid #e2e8f0;color:#10172a;font-size:clamp(11px,1.3vw,18px);padding:1.15em 1.35em}.canva-native-items td:nth-child(n+2),.canva-native-items th:nth-child(n+2){text-align:right}.canva-native-notes{align-self:start}.canva-native-footer-meta{grid-gap:8px 18px;color:#10172a;display:grid;gap:8px 18px;grid-template-columns:auto 1fr;margin-top:18px;max-width:320px}.canva-native-footer-meta span{color:#64748b;font-size:clamp(10px,1.1vw,15px)}.canva-native-footer-meta strong{font-size:clamp(10px,1.1vw,15px);text-align:right}.canva-native-total{background:#fff;border-radius:8px;box-shadow:0 14px 32px #0f172a14;justify-self:end;padding:1.25em;width:min(100%,320px)}.canva-native-total div{display:flex;gap:1em;justify-content:space-between}.canva-native-total span{color:#64748b;font-size:clamp(10px,1.12vw,15px)}.canva-native-total strong{color:#10172a;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:clamp(10px,1.12vw,15px)}.canva-native-total-row{align-items:center;background:#16a34a;border-radius:8px;margin-top:1em;padding:1.1em}.canva-native-total-row span,.canva-native-total-row strong{color:#fff;font-size:clamp(13px,1.6vw,22px);font-weight:900}@media (max-width:760px){.canva-top-meta div{grid-template-columns:90px 1fr}.canva-title-band h1{font-size:36px}.canva-company-card{margin:16px 7.2% 0 auto;position:relative;right:auto;top:auto;width:auto}}.invoice-canvas{aspect-ratio:1/1.414286;background:#fffbeb;border-radius:8px;box-shadow:0 2px 8px 0 #3f455129,inset 0 0 0 1px #0f172a14;color:#0f172a;min-height:0;overflow:hidden;padding:48px;position:relative}.invoice-canvas-accent{border-radius:999px;pointer-events:none;position:absolute}.invoice-canvas-accent-coral{background:#f4725c;height:70px;left:36px;top:32px;width:70px}.invoice-canvas-accent-mint{background:#dcfce7;border-radius:24px;height:120px;right:36px;top:28px;width:210px}.invoice-bottom,.invoice-canvas-head,.invoice-info-grid,.invoice-items-table,.invoice-thanks{position:relative;z-index:1}.invoice-canvas-head{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:28px;justify-content:space-between;padding-bottom:28px;padding-top:72px}.invoice-kicker{color:#64748b;font-size:13px;font-weight:700}.invoice-canvas h1{font-size:56px;letter-spacing:0;line-height:1;margin:6px 0 0}.invoice-from{align-items:flex-end;color:#475569;display:flex;flex-direction:column;font-size:13px;gap:5px;max-width:280px;text-align:right}.invoice-from strong{color:#0f172a;font-size:16px}.invoice-info-grid{grid-gap:72px;display:grid;gap:72px;grid-template-columns:1.1fr .9fr;margin:32px 0 30px}.invoice-info-grid section>span,.invoice-notes span{color:#16a34a;display:block;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.invoice-info-grid strong{display:block;font-size:18px;margin-bottom:8px}.invoice-info-grid p,.invoice-notes p{color:#475569;font-size:14px;margin:2px 0}.invoice-info-grid dl{grid-gap:10px;display:grid;gap:10px;margin:0}.invoice-info-grid dl div,.invoice-total-card div{display:flex;gap:24px;justify-content:space-between}.invoice-info-grid dt{color:#64748b;font-size:13px}.invoice-info-grid dd{color:#0f172a;font-size:13px;font-weight:800;margin:0}.invoice-items-table{border-collapse:initial;border-radius:8px;border-spacing:0;font-size:14px;overflow:hidden;width:100%}.invoice-items-table th{background:#0f172a;color:#fff;font-size:12px;padding:13px 16px;text-align:left}.invoice-items-table td:nth-child(n+2),.invoice-items-table th:nth-child(n+2){text-align:right}.invoice-items-table td{background:#ffffffb8;border-bottom:1px solid #e2e8f0;color:#0f172a;padding:14px 16px}.invoice-items-table tr:nth-child(2n) td{background:#f8fafce6}.invoice-bottom{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr 290px;margin-top:28px}.invoice-total-card{background:#fff;border-radius:8px;box-shadow:0 14px 32px #0f172a1a;padding:16px}.invoice-total-card span{color:#64748b;font-size:13px}.invoice-total-card strong{color:#0f172a;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px}.invoice-total-card .invoice-total-row{align-items:center;background:#16a34a;border-radius:8px;color:#fff;margin-top:12px;padding:12px}.invoice-total-card .invoice-total-row span,.invoice-total-card .invoice-total-row strong{color:#fff;font-size:16px}.invoice-thanks{color:#64748b;font-size:13px;margin-top:52px;text-align:center}@media (max-width:760px){.invoice-canvas{padding:28px 20px}.invoice-canvas h1{font-size:42px}.invoice-bottom,.invoice-canvas-head,.invoice-info-grid{flex-direction:column;gap:22px;grid-template-columns:1fr}.invoice-from{align-items:flex-start;text-align:left}.invoice-items-table{font-size:12px}.invoice-items-table td,.invoice-items-table th{padding:10px 8px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:#111827;background:var(--bg-card);border:1px solid #1e293b;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);overflow:hidden;padding:20px 24px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 32px #00000080;transform:translateY(-2px)}.stat-label{color:#475569;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.stat-value{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:28px;font-weight:800;margin:6px 0}.stat-change{color:#94a3b8;color:var(--text-secondary);font-size:12px}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.badge-green{background:#10b98126;background:var(--accent-green-dim);color:#10b981;color:var(--accent-green)}.badge-red{background:#ef444426;background:var(--accent-red-dim);color:#ef4444;color:var(--accent-red)}.badge-blue{background:#6366f126;background:var(--accent-blue-dim);color:#6366f1;color:var(--accent-blue)}.badge-amber{background:#f59e0b26;background:var(--accent-amber-dim);color:#f59e0b;color:var(--accent-amber)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table th{color:#475569;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border)}.table td{color:#f1f5f9;color:var(--text-primary);padding:12px 14px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#1a2235;background:var(--bg-card-hover)}.page-header{margin-bottom:28px}.page-title{font-size:28px;font-weight:800;letter-spacing:-.02em}.page-subtitle{font-size:14px;margin-top:4px}.empty-state,.page-subtitle{color:#94a3b8;color:var(--text-secondary)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#f1f5f9;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.spinner{animation:spin .8s linear infinite;border:3px solid #243148;border-top-color:#6366f1;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-blue);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;padding:60px}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}.divider{background:#1e293b;background:var(--border);height:1px;margin:20px 0}.toggle{display:inline-block;height:24px;position:relative;width:42px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#243148;background:var(--border-light);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle input:checked+.toggle-slider{background:#6366f1;background:var(--accent-blue)}.toggle input:checked+.toggle-slider:before{transform:translateX(18px)}.chip{align-items:center;background:#1e293b;background:var(--bg-input);border:1px solid #243148;border:1px solid var(--border-light);border-radius:100px;color:#94a3b8;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px}.glow-green{box-shadow:0 0 20px #10b98133}.glow-red{box-shadow:0 0 20px #ef444433}.glow-blue{box-shadow:0 0 20px #6366f133}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.home-page{background:radial-gradient(circle at 75% 20%,#6366f11f,#0000 30%),radial-gradient(circle at 20% 50%,#10b9810f,#0000 25%),#0a0f1e;background:radial-gradient(circle at 75% 20%,#6366f11f,#0000 30%),radial-gradient(circle at 20% 50%,#10b9810f,#0000 25%),var(--bg-primary);min-height:100vh}.home-nav{justify-content:space-between;margin:0 auto;max-width:1280px;padding:24px 32px;width:100%}.home-brand,.home-nav{align-items:center;display:flex}.home-brand{color:#f1f5f9;color:var(--text-primary);gap:12px;text-decoration:none}.home-brand img{border-radius:12px;height:44px;object-fit:contain;width:44px}.home-brand strong{display:block;font-size:18px}.home-brand span{color:#475569;color:var(--text-muted);display:block;font-size:9px;letter-spacing:.12em;margin-top:2px}.home-nav-actions{display:flex;gap:10px}.home-hero{grid-gap:70px;align-items:center;display:grid;gap:70px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;min-height:650px;padding:80px 32px}.home-hero-content{max-width:650px}.home-badge{align-items:center;background:#10b98126;background:var(--accent-green-dim);border:1px solid #243148;border:1px solid var(--border-light);border-radius:999px;color:#10b981;color:var(--accent-green);display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 14px}.home-hero h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.05em;line-height:1.05;margin-bottom:24px}.home-hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#10b981);-webkit-background-clip:text;background-clip:text;display:block}.home-hero-content>p{color:#94a3b8;color:var(--text-secondary);font-size:18px;line-height:1.8;max-width:600px}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.home-trust{color:#94a3b8;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;margin-top:28px}.home-trust span{align-items:center;display:flex;gap:6px}.home-trust svg{color:#10b981;color:var(--accent-green)}.home-hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.home-glow{background:radial-gradient(circle,#6366f138,#0000 65%);filter:blur(20px);height:420px;position:absolute;width:420px}.home-dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827e0;border:1px solid #243148;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 30px 80px #00000080;padding:26px;position:relative;transform:rotate(1deg);width:min(100%,500px)}.preview-header{align-items:center;display:flex;justify-content:space-between}.preview-header small{color:#6366f1;color:var(--accent-blue);font-size:9px;letter-spacing:.12em}.preview-header h3{font-size:18px;margin-top:5px}.preview-logo img{border-radius:12px;height:42px;width:42px}.preview-balance{background:#1e293b;background:var(--bg-input);border-radius:16px;margin-top:28px;padding:22px}.preview-balance small,.preview-cards small{color:#475569;color:var(--text-muted);display:block;font-size:11px}.preview-balance strong{display:block;font-size:32px;margin:6px 0}.preview-balance span{color:#10b981;color:var(--accent-green);font-size:11px}.preview-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px}.preview-cards>div{background:#1e293b;background:var(--bg-input);border-radius:12px;padding:16px}.preview-cards strong{display:block;font-size:15px;margin-top:6px}.preview-chart{align-items:flex-end;background:#1e293b;background:var(--bg-input);border-radius:14px;display:flex;gap:10px;height:150px;margin-top:20px;padding:20px}.preview-chart div{background:linear-gradient(0deg,#6366f1,#10b981);border-radius:5px 5px 2px 2px;flex:1 1}.home-section{margin:0 auto;max-width:1280px;padding:100px 32px}.home-section-heading{margin-bottom:50px;max-width:650px}.home-section-heading>span,.home-security span{color:#10b981;color:var(--accent-green);font-size:11px;font-weight:700;letter-spacing:.12em}.home-cta h2,.home-section-heading h2,.home-security h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:12px 0 16px}.home-cta p,.home-section-heading p,.home-security p{color:#94a3b8;color:var(--text-secondary)}.home-features{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.home-feature-card{background:#111827;background:var(--bg-card);border:1px solid #1e293b;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:28px;transition:transform .2s,border-color .2s}.home-feature-card:hover{border-color:#243148;border-color:var(--border-light);transform:translateY(-4px)}.home-feature-icon{align-items:center;background:#6366f126;background:var(--accent-blue-dim);border-radius:12px;color:#6366f1;color:var(--accent-blue);display:flex;font-size:21px;height:46px;justify-content:center;margin-bottom:22px;width:46px}.home-feature-card h3{font-size:16px;margin-bottom:8px}.home-feature-card p{color:#94a3b8;color:var(--text-secondary);font-size:13px;line-height:1.7}.home-security{align-items:center;background:linear-gradient(135deg,#6366f11f,#10b9810d),#111827;background:linear-gradient(135deg,#6366f11f,#10b9810d),var(--bg-card);border:1px solid #243148;border:1px solid var(--border-light);border-radius:24px;display:flex;gap:30px;margin:40px auto 100px;max-width:1120px;padding:55px}.home-security-icon{align-items:center;background:#10b98126;background:var(--accent-green-dim);border-radius:22px;color:#10b981;color:var(--accent-green);display:flex;flex:0 0 auto;font-size:38px;height:80px;justify-content:center;width:80px}.home-cta{background:radial-gradient(circle at center,#6366f11f,#0000 45%);padding:110px 32px;text-align:center}.home-cta p{margin-bottom:30px}.home-footer{align-items:center;border-top:1px solid #1e293b;border-top:1px solid var(--border);color:#475569;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:30px 32px}.home-footer strong{color:#f1f5f9;color:var(--text-primary);display:block}.home-footer span{font-size:9px;letter-spacing:.1em}@media (max-width:900px){.home-hero{grid-template-columns:1fr;padding-top:50px}.home-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home-nav{padding:18px}.home-nav-actions .btn-outline{display:none}.home-hero,.home-section{padding-left:18px;padding-right:18px}.home-hero h1{font-size:45px}.home-hero-content>p{font-size:15px}.home-features{grid-template-columns:1fr}.home-security{align-items:flex-start;flex-direction:column;margin:20px 18px 70px;padding:30px}.preview-cards{grid-template-columns:1fr}.home-footer{flex-direction:column;gap:15px;padding:25px 18px;text-align:center}}@media (max-width:768px){.table{min-width:0;width:100%}.table td,.table th{white-space:nowrap}.card:has(.table){-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.card:has(.table){border-radius:12px}.card:has(.table) .table{min-width:720px}}.invoice-filters-row{display:flex;flex-wrap:wrap;gap:12px}.invoice-filters-search{flex:1 1;min-width:200px;position:relative}@media (max-width:480px){.invoice-filters{padding:12px!important}.invoice-filters-row{flex-direction:column;gap:10px}.invoice-filters-search{min-width:0;width:100%}.invoice-filters-row .form-select{width:100%!important}}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.invoice-table-wrapper .table{min-width:720px}@media (max-width:480px){.invoice-table-wrapper{border-radius:12px}.invoice-table-wrapper .table{min-width:720px}}.invoice-actions-cell,.invoice-actions-header{white-space:nowrap}.invoice-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}@media (max-width:480px){.invoice-actions-header{z-index:3}.invoice-actions-cell,.invoice-actions-header{background:#111827;background:var(--bg-card);position:sticky;right:0}.invoice-actions-cell{box-shadow:-6px 0 10px #0000001f;z-index:2}.invoice-actions{gap:4px}.invoice-actions .btn{align-items:center;display:inline-flex;height:32px;justify-content:center;min-width:32px;padding:0;width:32px}}.dashboard-header-actions{display:flex;gap:10px}@media (max-width:480px){.dashboard-header-actions{gap:8px;width:100%}.dashboard-header-actions .btn{flex:1 1;justify-content:center}}@media (max-width:600px){.grid-4{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-value{font-size:20px}.stat-card>div>div:last-child{height:38px!important;width:38px!important}}@media (max-width:380px){.grid-4{grid-template-columns:1fr}}@media (max-width:600px){.grid-4{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (max-width:600px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (max-width:380px){.grid-4{grid-template-columns:1fr!important}}.ledger-main-layout{display:flex;gap:20px}.ledger-customer-list{flex-shrink:0;width:300px}@media (max-width:600px){.ledger-main-layout{flex-direction:column;gap:16px}.ledger-customer-list{width:100%}}.profile-avatar-grid{grid-template-columns:repeat(7,1fr)}@media (max-width:600px){.profile-avatar-grid{gap:12px;grid-template-columns:repeat(4,1fr)}}@media (max-width:380px){.profile-avatar-grid{gap:12px;grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.profile-summary-card{align-items:flex-start;flex-direction:column;gap:16px!important}.profile-summary-card h2{margin-bottom:6px;margin-top:0}.profile-summary-card p{margin-bottom:8px;margin-top:0}.profile-summary-card>div:last-child{width:100%}.profile-summary-card .chip{max-width:100%}.profile-tabs{width:100%!important}.profile-tabs button{flex:1 1;justify-content:center;min-width:0;padding:10px 6px!important}.profile-tabs button span{white-space:nowrap}.profile-tabs{width:100%!important}.profile-tabs button{flex:1 1;justify-content:center;min-width:0;padding:10px 6px!important}.profile-tabs+.card{padding:18px!important}.profile-tabs+.card .form-group{margin-bottom:14px}.profile-tabs+.card .btn-primary{justify-content:center;width:100%}.ledger-customer-detail>div:first-child{align-items:flex-start!important;flex-direction:column!important}.ledger-customer-detail>div:first-child>div:last-child{text-align:left!important;width:100%}.ledger-action-buttons{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr}.ledger-action-buttons>button{justify-content:center;width:100%}.ledger-action-buttons .ledger-delete-button{grid-column:1/-1;margin-left:0!important}.ledger-entries-card{overflow-x:auto}.ledger-entries-card .table{min-width:560px}.ledger-summary{padding-top:40px}}.mobile-transaction-list{display:none}@media (max-width:600px){.mobile-transaction-list{display:block}.mobile-transaction-list+*{margin-top:0}.table-wrapper{display:none}.mobile-transaction-item{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border)}.mobile-transaction-item:last-child{border-bottom:none}.mobile-transaction-summary{align-items:center;background:#0000;border:none;color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:15px 16px;text-align:left;width:100%}.mobile-transaction-main{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.mobile-transaction-date{color:#475569;color:var(--text-muted);font-size:11px}.mobile-transaction-description{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-transaction-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-transaction-amount{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:700;white-space:nowrap}.mobile-transaction-arrow{color:#475569;color:var(--text-muted);font-size:10px;text-align:center;width:14px}.mobile-transaction-details{background:#0f172a;background:var(--bg-secondary);border-top:1px solid #1e293b;border-top:1px solid var(--border);padding:4px 16px 16px}.mobile-detail-row{align-items:flex-start;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;padding:9px 0}.mobile-detail-row:last-of-type{border-bottom:none}.mobile-detail-row span{color:#94a3b8;color:var(--text-secondary);flex-shrink:0;font-size:12px}.mobile-detail-row strong{font-size:12px;overflow-wrap:anywhere;text-align:right}.mobile-transaction-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}.mobile-transaction-actions button{justify-content:center;width:100%}}.mobile-invoice-list{display:none}@media (max-width:600px){.invoice-table-wrapper{display:none!important}.mobile-invoice-list{display:flex!important;flex-direction:column;gap:12px;margin-top:16px;width:100%}.mobile-invoice-item{background:#111827!important;background:var(--bg-card)!important;border:1px solid #243148!important;border:1px solid var(--border-light)!important;border-radius:18px!important;box-sizing:border-box;overflow:hidden;width:100%}.mobile-invoice-item:last-child{border-bottom:1px solid #243148!important;border-bottom:1px solid var(--border-light)!important}.mobile-invoice-summary{align-items:center;background:#111827!important;background:var(--bg-card)!important;box-sizing:border-box;display:flex;justify-content:space-between;min-height:76px;padding:16px 18px!important;width:100%}.mobile-invoice-info{align-items:flex-start;background:#0000;border:0;color:inherit;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0;padding:0;text-align:left}.mobile-invoice-number{color:#6366f1;color:var(--accent-blue);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:15px;font-weight:800}.mobile-invoice-client{color:#f1f5f9;color:var(--text-primary);font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-invoice-summary-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.mobile-invoice-summary-actions .btn{align-items:center;display:flex;height:38px;justify-content:center;padding:0;width:38px}.mobile-invoice-expand{background:#0000;border:0;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:12px;height:34px;padding:0;width:34px}.mobile-invoice-details{background:#0f172a!important;background:var(--bg-secondary)!important;border-top:1px solid #1e293b!important;border-top:1px solid var(--border)!important;padding:4px 18px 18px!important}.mobile-invoice-detail-row{align-items:center;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;min-height:52px;padding:10px 0}.mobile-invoice-detail-row>span:first-child{color:#94a3b8;color:var(--text-secondary);font-size:13px}.mobile-invoice-detail-row>strong{color:#f1f5f9;color:var(--text-primary);font-size:13px;text-align:right}.mobile-invoice-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.mobile-invoice-actions .btn{align-items:center;display:flex;gap:6px;justify-content:center;min-height:42px}.invoice-table-wrapper{display:none}.mobile-invoice-list{display:block;overflow:hidden;width:100%}.mobile-invoice-item{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border)}.mobile-invoice-item:last-child{border-bottom:none}.mobile-invoice-summary{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:15px 16px;width:100%}.mobile-invoice-info{align-items:flex-start;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:0;text-align:left}.mobile-invoice-number{color:#6366f1;color:var(--accent-blue);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:14px;font-weight:700}.mobile-invoice-client{color:#f1f5f9;color:var(--text-primary);font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-invoice-summary-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.mobile-invoice-summary-actions .btn{align-items:center;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.mobile-invoice-expand{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:11px;height:32px;padding:0;width:32px}.mobile-invoice-details{background:#0f172a;background:var(--bg-secondary);border-top:1px solid #1e293b;border-top:1px solid var(--border);padding:4px 16px 16px}.mobile-invoice-detail-row{align-items:center;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:10px 0}.mobile-invoice-detail-row:last-of-type{border-bottom:none}.mobile-invoice-detail-row>span:first-child{color:#94a3b8;color:var(--text-secondary);flex-shrink:0;font-size:12px}.mobile-invoice-detail-row>strong{color:#f1f5f9;color:var(--text-primary);font-size:12px;text-align:right}.mobile-invoice-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:14px}.mobile-invoice-actions .btn{gap:6px;justify-content:center;min-height:40px}.mobile-invoice-list{border:1px solid #1e293b;border:1px solid var(--border);border-radius:18px;margin-top:16px;overflow:hidden}.mobile-invoice-item,.mobile-invoice-item.expanded,.mobile-invoice-list{background:#111827;background:var(--bg-card)}.mobile-invoice-summary{min-height:72px}.mobile-invoice-details{background:#0f172a;background:var(--bg-secondary)}}@media (max-width:760px){.invoice-template-modal{box-sizing:border-box;max-height:92vh!important;max-width:760px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important;width:calc(100% - 20px)!important}.invoice-template-modal .modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.invoice-template-modal .modal-title{font-size:20px!important;white-space:nowrap}.invoice-template-modal .modal-header>div{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;width:100%}.invoice-template-modal .modal-header .btn{flex:1 1;justify-content:center;min-width:0;white-space:nowrap!important}.invoice-template-modal .invoice-close-btn{align-items:center!important;background:#0000!important;border:1px solid #ef4444!important;border:1px solid var(--accent-red)!important;border-radius:10px!important;border-radius:var(--radius-sm)!important;color:#ef4444!important;color:var(--accent-red)!important;display:inline-flex!important;flex:0 0 auto!important;font-size:18px!important;height:40px!important;justify-content:center!important;min-width:44px!important;padding:0!important;width:44px!important}.invoice-template-modal .invoice-close-btn:hover{background:#ef444426!important;background:var(--accent-red-dim)!important;color:#ef4444!important;color:var(--accent-red)!important}.canva-native-invoice *{box-sizing:border-box;max-width:100%}.canva-brand,.canva-top-bill,.canva-top-meta{min-width:0}.canva-brand span,.canva-brand strong,.canva-top-bill,.canva-top-meta{overflow-wrap:anywhere}}.invoice-preview-overlay{box-sizing:border-box;padding:20px}.invoice-template-modal{max-height:calc(100vh - 40px);overflow:hidden;width:min(1100px,100%)}.invoice-preview-header{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}.invoice-preview-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.invoice-preview-actions .btn{white-space:nowrap}.invoice-close-btn{align-items:center;background:#0000;border:1px solid #ef4444;border:1px solid var(--accent-red);border-radius:8px;color:#ef4444;color:var(--accent-red);cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:1;min-width:40px;padding:0 12px}.invoice-close-btn:hover{background:#ef444426;background:var(--accent-red-dim);color:#ef4444;color:var(--accent-red)}.invoice-preview-scroll{max-height:calc(100vh - 140px);padding:8px 4px 20px}.canva-native-invoice{box-shadow:0 4px 20px #0000002e;color:#10172a;max-width:820px}.invoice-document-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:30px;justify-content:space-between;padding:50px 55px 30px}.invoice-from{flex:1 1;min-width:0}.invoice-from-name{color:#10172a;font-size:clamp(20px,3vw,34px);font-weight:800;overflow-wrap:anywhere}.invoice-from-email{color:#64748b;font-size:13px;margin-top:8px;overflow-wrap:anywhere}.invoice-document-meta{flex:0 0 230px}.invoice-document-meta>div{grid-gap:10px;gap:10px;grid-template-columns:90px minmax(0,1fr);margin-bottom:10px}.invoice-document-meta span{color:#64748b;font-size:13px}.invoice-document-meta strong{color:#10172a;font-size:14px;overflow-wrap:anywhere}.invoice-bill-section{padding:30px 55px 20px}.invoice-section-label{color:#64748b;display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.invoice-client-name{color:#10172a;font-size:22px;font-weight:800;overflow-wrap:anywhere}.invoice-client-detail{color:#64748b;font-size:14px;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}.invoice-title{background:#10172a;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:1px;margin:10px 55px 30px;padding:12px 20px;text-align:right}.invoice-items-section{padding:0 55px}.invoice-preview-table{border-collapse:collapse;table-layout:fixed;width:100%}.invoice-preview-table th{background:#10172a;color:#fff;font-size:13px;font-weight:800;padding:14px 12px;text-align:left}.invoice-preview-table th:not(:first-child){text-align:right}.invoice-preview-table td{border-bottom:1px solid #e2e8f0;color:#10172a;font-size:14px;line-height:1.4;overflow-wrap:anywhere;padding:16px 12px;word-break:break-word}.invoice-number-cell{font-family:Space Mono,monospace;font-family:var(--font-mono);text-align:right}.invoice-bottom-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) 300px;padding:30px 55px}.invoice-status-section{align-self:start}.invoice-info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:12px 0}.invoice-info-row span{color:#64748b;font-size:14px}.invoice-info-row strong{color:#10172a;font-size:14px;overflow-wrap:anywhere;text-align:right}.invoice-status{font-weight:900}.invoice-status-paid{color:#16a34a!important}.invoice-status-pending{color:#d97706!important}.invoice-status-overdue{color:#dc2626!important}.invoice-total-box{background:#f8fafc;border-radius:10px;box-sizing:border-box;padding:20px;width:100%}.invoice-total-row{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:8px 0}.invoice-total-row span{color:#64748b;font-size:13px}.invoice-total-row strong{color:#10172a;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;text-align:right}.invoice-grand-total{align-items:center;background:#16a34a;border-radius:8px;color:#fff;display:flex;gap:15px;justify-content:space-between;margin-top:12px;padding:15px}.invoice-grand-total span,.invoice-grand-total strong{color:#fff;font-size:18px;font-weight:900}.invoice-grand-total strong{font-family:Space Mono,monospace;font-family:var(--font-mono);text-align:right}.invoice-notes-section{background:#f8fafc;border-left:3px solid #64748b;border-radius:4px;margin:0 55px 40px;padding:18px}.invoice-notes-section strong{color:#10172a;display:block;font-size:12px;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.invoice-notes-section p{color:#64748b;font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}@media (max-width:760px){.invoice-preview-overlay{padding:10px}.invoice-template-modal{max-height:calc(100vh - 20px);max-width:100%;width:100%}.invoice-preview-header{align-items:stretch;flex-direction:column;gap:12px}.invoice-preview-header .modal-title{font-size:20px}.invoice-preview-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 42px;width:100%}.invoice-preview-actions .btn{font-size:11px;justify-content:center;min-width:0;padding:8px 6px}.invoice-close-btn{height:38px;min-width:42px;width:42px}.invoice-preview-scroll{max-height:calc(100vh - 155px);padding:5px 0 15px}.canva-native-invoice{border-radius:6px;max-width:none;width:100%}.invoice-document-header{gap:18px;padding:28px 24px 20px}.invoice-from-name{font-size:22px}.invoice-from-email{font-size:11px}.invoice-document-meta{flex:0 0 145px}.invoice-document-meta>div{gap:5px;grid-template-columns:58px minmax(0,1fr)}.invoice-document-meta span,.invoice-document-meta strong{font-size:10px}.invoice-bill-section{padding:20px 24px 15px}.invoice-client-name{font-size:18px}.invoice-client-detail{font-size:11px}.invoice-title{font-size:30px;margin:8px 24px 20px;padding:9px 14px}.invoice-items-section{padding:0 24px}.invoice-preview-table th{font-size:9px;padding:9px 6px}.invoice-preview-table td{font-size:10px;padding:10px 6px}.invoice-bottom-section{gap:18px;grid-template-columns:1fr;padding:20px 24px}.invoice-info-row{padding:9px 0}.invoice-info-row span,.invoice-info-row strong{font-size:10px}.invoice-total-box{padding:14px}.invoice-total-row span,.invoice-total-row strong{font-size:10px}.invoice-grand-total{padding:11px}.invoice-grand-total span,.invoice-grand-total strong{font-size:14px}.invoice-notes-section{margin:0 24px 25px;padding:12px}.invoice-notes-section p{font-size:10px}}@media (max-width:420px){.invoice-document-header{display:block}.invoice-document-meta{margin-top:18px;width:100%}.invoice-document-meta>div{grid-template-columns:70px 1fr}.invoice-document-meta strong{text-align:right}}.invoice-template-modal{box-sizing:border-box;max-width:1100px;width:min(1100px,calc(100vw - 32px))}.invoice-preview-scroll{box-sizing:border-box;overflow-x:auto}.canva-native-invoice{aspect-ratio:1/1.414286;background:#fff;border-radius:8px;color:#050505;font-family:Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.invoice-document-header{grid-gap:24px;align-items:start;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:7%}.invoice-from-name{font-size:clamp(18px,2vw,28px);font-weight:700;line-height:1.15}.invoice-from-email{color:#555;font-size:clamp(11px,1.2vw,16px);margin-top:6px;word-break:break-word}.invoice-document-meta{grid-gap:10px;display:grid;gap:10px;justify-self:end;min-width:180px}.invoice-document-meta>div{grid-gap:16px;display:grid;gap:16px;grid-template-columns:auto auto;justify-content:space-between}.invoice-document-meta span{color:#555}.invoice-document-meta strong{text-align:right}.invoice-bill-section{box-sizing:border-box;padding:0 7%}.invoice-bill-section strong{display:block;margin-bottom:6px}.invoice-bill-section p{line-height:1.4;margin:0}@media (max-width:760px){.invoice-template-modal{box-sizing:border-box;max-width:calc(100vw - 20px);padding:14px;width:calc(100vw - 20px)}.invoice-preview-scroll{max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.canva-native-invoice{aspect-ratio:1/1.414286;border-radius:8px;margin:0 auto;max-width:100%;width:100%}.invoice-document-header{gap:12px;grid-template-columns:1fr 1fr;padding:7%}.invoice-from-name{font-size:clamp(13px,4vw,20px)}.invoice-document-meta,.invoice-from-email{font-size:clamp(9px,2.5vw,13px)}.invoice-document-meta{min-width:0}.invoice-document-meta>div{gap:8px;grid-template-columns:auto auto}.invoice-bill-section{font-size:clamp(9px,2.5vw,13px);padding:0 7%}}.invoice-preview-scroll{max-height:70vh;overflow-x:hidden;overflow-y:auto;width:100%}.canva-native-invoice{aspect-ratio:auto;box-sizing:border-box;height:auto;margin:0 auto;max-width:794px;min-height:1123px;overflow:visible;width:100%}@media (max-width:760px){.invoice-preview-scroll{max-height:68vh;overflow-x:hidden;overflow-y:auto}.canva-native-invoice{aspect-ratio:auto;height:auto;max-width:100%;min-height:0;overflow:visible;width:100%}}
/*# sourceMappingURL=main.1932d43a.css.map*/