@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Maven+Pro:wght@400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap";:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #EFF6FF;--bg-app: #F1F5F9;--bg-sidebar: #FFFFFF;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-card-alt: #F8FAFC;--bg-input: #FFFFFF;--border-main: #E2E8F0;--border-sub: #F1F5F9;--text-main: #0F172A;--text-sub: #475569;--text-muted: #94A3B8;--shadow-main: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-panel: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--success: #059669;--success-light: rgba(5, 150, 105, .05);--success-border: rgba(5, 150, 105, .15);--danger: #DC2626;--danger-light: rgba(220, 38, 38, .05);--danger-border: rgba(220, 38, 38, .15);--warning: #D97706;--warning-border: rgba(217, 119, 6, .15);--accent: #7C3AED;--accent-light: rgba(124, 58, 237, .08);--accent-border: rgba(124, 58, 237, .25);--overlay-export: rgba(255, 255, 255, .92)}[data-theme=dark]{--primary: #3B82F6;--primary-dark: #2563EB;--primary-light: rgba(59, 130, 246, .1);--bg-app: #020617;--bg-sidebar: #0B0F1A;--bg-header: rgba(11, 15, 26, .8);--bg-card: #0F172A;--bg-card-alt: #111827;--bg-input: #1E293B;--border-main: #1E293B;--border-sub: #0F172A;--text-main: #F8FAFC;--text-sub: #94A3B8;--text-muted: #64748B;--shadow-main: 0 4px 20px rgba(0, 0, 0, .4);--shadow-panel: 0 20px 40px rgba(0, 0, 0, .5);--success: #10B981;--success-light: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .2);--danger: #FB7185;--danger-light: rgba(251, 113, 133, .1);--danger-border: rgba(251, 113, 133, .2);--warning: #FBBF24;--warning-border: rgba(251, 191, 36, .2);--accent: #A78BFA;--accent-light: rgba(167, 139, 250, .1);--accent-border: rgba(167, 139, 250, .2);--overlay-export: rgba(2, 6, 23, .92)}.theme-aware-logo{transition:filter .3s ease}[data-theme=dark] .theme-aware-logo{filter:brightness(0) invert(1)}.req-star{color:#dc2626;margin-left:1px}*,*:before,*:after{box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-app);margin:0;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}.sidebar{width:220px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-main);display:flex;flex-direction:column;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),border-right .3s;z-index:1000;border-right:1.5px solid var(--border-sub)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-items span,.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-footer .user-info{display:none!important}.sidebar.collapsed .sidebar-items a{padding:12px;justify-content:center}.sidebar.collapsed .sidebar-header{padding:16px 14px;justify-content:center}.sidebar.collapsed .sidebar-header img{height:28px}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);width:260px}.sidebar.collapsed{width:260px}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000026}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.active{opacity:1;visibility:visible}@media (min-width: 1025px){.hide-above-1024{display:none!important}}@media (max-width: 1024px){.hide-below-1024{display:none!important}}.page-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.controls{width:100%;height:58px;background:var(--bg-header);border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;z-index:50}.preview-area{flex:1;width:100%;background:var(--bg-app);display:flex;justify-content:center;padding:28px 0 48px;overflow-y:auto}.invoice-paper{--bg-app: #F1F5F9;--bg-card: #FFFFFF;--bg-card-alt: #F8FAFC;--bg-input: #FFFFFF;--bg-header: #FFFFFF;--border-main: #E2E8F0;--border-sub: #F1F5F9;--text-main: #0F172A;--text-sub: #475569;--text-muted: #94A3B8;--primary: #2563EB;--primary-dark:#1D4ED8;--primary-light:#EFF6FF;--success: #059669;--danger: #DC2626;color:#0f172a;background:#fff;width:210mm;min-height:297mm;padding:11mm 15mm;box-shadow:0 8px 32px #00000029;display:flex;flex-direction:column;overflow:visible;position:relative}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:9px 22px;border-radius:10px;border:none;font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .12s,box-shadow .15s;letter-spacing:.1px;box-shadow:0 1px 3px #2563eb4d,0 0 #2563eb00}.btn-primary:not(:disabled):hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-primary:not(:disabled):active{transform:translateY(0);box-shadow:0 1px 3px #2563eb4d}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-back{background:#fff;border:1.5px solid var(--border-color);color:var(--text-sub);padding:7px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13.5px;font-family:inherit;display:flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:var(--shadow-xs)}.btn-back:hover{background:var(--bg);border-color:#cbd5e1;box-shadow:var(--shadow-sm)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}body.exporting .controls,body.exporting .hide-in-print{display:none!important}body.exporting .quotation-slide,body.exporting .quotation-slide *,body.exporting .invoice-paper,body.exporting .invoice-paper *{font-family:Arial,Helvetica,sans-serif!important;font-variant-numeric:normal!important;font-feature-settings:normal!important;font-variant-ligatures:none!important;-webkit-font-smoothing:auto!important}body.exporting input,body.exporting textarea,body.exporting select{border:none!important;background:transparent!important;padding:0!important;font-weight:700!important;color:#111827!important;box-shadow:none!important;height:auto!important;line-height:normal!important;resize:none!important;outline:none!important}body.exporting ::placeholder{color:transparent!important}@keyframes spin{to{transform:rotate(360deg)}}.tool-frame .page-container{height:100%!important}