:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5;background-color:#f4f6fb!important}body{-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden;background-color:#f4f6fb!important}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only,.desktop-header{display:none!important}html{font-size:14px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}#root{width:100%}*{box-sizing:border-box;scroll-behavior:smooth}input,textarea{background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 8px;transition:all .2s}input:hover,textarea:hover{background:#f1f5f9}input:focus,textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#1a1a1a}.btn-primary:hover{background:#333}.btn-secondary{color:#475569;border:1px solid #e2e8f0;background:#fff!important}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.app-container{background-color:#f4f6fb;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;gap:24px;width:300px;padding:24px;display:flex;overflow-y:auto}.sidebar h2{margin:0;font-size:1.25rem;font-weight:700}.invoice-list{flex-direction:column;gap:12px;display:flex}.invoice-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.invoice-card:hover{background:#f8fafc;border-color:#3b82f6}.invoice-card.active{background:#eff6ff;border-color:#3b82f6}.editor-container{flex-direction:column;flex:1;align-items:center;gap:32px;padding:60px 20px;display:flex;overflow-y:auto;background-color:#f4f6fb!important}@media (width<=768px){.editor-container{padding:20px 10px}}.invoice-paper-final{border-radius:8px;flex-direction:column;gap:50px;max-width:900px;min-height:1122px;margin-bottom:50px;padding:80px;display:flex;box-shadow:0 4px 20px #0000000d;background:#fff!important;width:100%!important;height:auto!important}@media (width<=768px){.invoice-paper-final{box-shadow:none;border-radius:0;gap:30px;padding:20px}}@media print{body{background:#fff!important;margin:0!important;padding:0!important}.dashboard-sidebar,.dashboard-outer,.no-print,.sidebar,.actions-bar{display:none!important}body>#root>div,body>#root>div>div,body>#root>div>div>div{box-shadow:none!important;background:#fff!important;border-radius:0!important;padding:0!important;display:contents!important}.invoice-paper-final{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;margin:0!important;padding:20px 30px!important}input,textarea{background:0 0!important;border:none!important;padding:0!important}@page{margin:10mm}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-gray{color:#64748b}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;padding:12px 0;font-size:.875rem}.invoice-table td{border-bottom:1px solid #f1f5f9;padding:16px 0}.remove-row-btn{color:#ef4444;opacity:0;transition:opacity .2s}tr:hover .remove-row-btn{opacity:1}.totals-grid-final{flex-direction:column;align-items:flex-end;gap:8px;width:100%;margin-top:40px;display:flex}.total-row{justify-content:space-between;padding:8px 0;display:flex}.total-final{color:#1a1a1a;border-top:2px solid #1a1a1a;margin-top:8px;padding-top:16px}.total-final-high-contrast{color:#1a1a1a;border-top:2px solid #1a1a1a;justify-content:space-between;margin-top:24px;padding-top:16px;display:flex}.invoice-logo{object-fit:contain;max-width:250px;max-height:120px;display:block}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.text-right{text-align:right}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.w-full{width:100%}.hidden{display:none}.invoice-header{justify-content:space-between;align-items:flex-start;display:flex}.invoice-info-bar{border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;margin-top:48px;padding:32px 0;display:flex}.invoice-footer-sections{border-top:1px solid #eee;margin-top:60px;padding-top:40px}.dashboard-outer{background:#eff4fb;justify-content:center;min-height:100vh;padding:24px;display:flex}.dashboard-inner-container{background:#fff;border-radius:40px;width:100%;max-width:1600px;min-height:800px;margin:0 auto;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width<=1024px){.dashboard-inner-container{border-radius:0;max-width:100%;height:100%;min-height:100vh}}@media (width<=768px){.dashboard-outer{padding:0!important}.dashboard-inner-container{flex-direction:column}}.page-transition-container{width:100%;height:100vh;position:relative;overflow:hidden}.page-slide{visibility:hidden;background:#f4f6fb;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),visibility 0s .8s;position:absolute;top:0;left:0;overflow:hidden}.page-slide.slide-up-in,.page-slide.slide-down-in,.page-slide.slide-visible{visibility:visible;transition:transform .8s cubic-bezier(.16,1,.3,1),visibility}.slide-up-in{transform:translateY(0)}.slide-up-out{transform:translateY(-100%)}.slide-down-in{transform:translateY(0)}.slide-down-out{transform:translateY(100%)}.sidebar-indicator{background:#f97316;border-radius:4px 0 0 4px;width:3px;height:20px;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;right:0;box-shadow:-2px 0 10px #f9731633}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-sidebar{z-index:1001;background:#1a1c2e;flex-direction:column;transition:transform .3s;display:flex;position:relative;width:300px!important;height:100%!important;padding:40px 0!important}@media (width<=768px){.dashboard-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.dashboard-sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 50px #0000004d}.confirm-modal-content{border-radius:24px!important;padding:24px!important}}.sidebar-item-label{font-weight:500;font-size:16px!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.page-content{height:100%;animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade}.stagger-list>*{animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade}.stagger-list>:first-child{animation-delay:50ms}.stagger-list>:nth-child(2){animation-delay:.1s}.stagger-list>:nth-child(3){animation-delay:.15s}.stagger-list>:nth-child(4){animation-delay:.2s}.stagger-list>:nth-child(5){animation-delay:.25s}.stagger-list>:nth-child(6){animation-delay:.3s}.stagger-list>:nth-child(7){animation-delay:.35s}.stagger-list>:nth-child(n+8){animation-delay:.4s}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)!important}.hover-lift:hover{z-index:10;transform:translateY(-4px)scale(1.01)!important;box-shadow:0 20px 40px -10px #0000001a!important}button{transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.95)!important}button:hover{filter:brightness(1.05)}