@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap";:root{--primary-indigo:#4f46e5;--primary-indigo-dark:#4338ca;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--red-500:#ef4444;--red-600:#dc2626;--emerald-500:#10b981;--emerald-600:#059669;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;-webkit-font-smoothing:antialiased;background-color:#0b0f17;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toast-notification{color:#f8fafc;z-index:9999;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.2s ease-out forwards slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#0f172af2;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.navbar-brand{align-items:center;gap:12px;display:flex}.brand-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #4f46e566}.brand-title{color:#fff;letter-spacing:-.3px;font-size:16px;font-weight:800}.brand-subtitle{color:#94a3b8;font-size:11px;font-weight:500}.navbar-middle{align-items:center;gap:20px;display:flex}.template-select-box{background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;display:flex}.select-label{color:#94a3b8;font-size:12px;font-weight:500}.navbar-select{cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;padding:4px 8px;font-size:13px;font-weight:600;color:#f8fafc!important}.preset-buttons{align-items:center;gap:6px;display:flex}.btn-ghost-sm{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-ghost-sm:hover{color:#fff;background-color:#1e293b;border-color:#334155}.navbar-right{align-items:center;gap:10px;display:flex}.btn-secondary-navbar{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-secondary-navbar:hover{background-color:#334155}.btn-primary-navbar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #4f46e54d}.btn-primary-navbar:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.workspace-layout{flex:1;display:grid;position:relative;overflow:hidden}.is-resizing-active{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.workspace-resizer{cursor:col-resize;z-index:10;background-color:#1e293b;justify-content:center;align-items:center;width:6px;transition:background-color .15s;display:flex}.workspace-resizer:hover,.workspace-resizer.active{background-color:#6366f1}.resizer-line{background-color:#64748b;border-radius:2px;width:2px;height:24px}.workspace-resizer:hover .resizer-line,.workspace-resizer.active .resizer-line{background-color:#fff}.workspace-editor-side{background-color:#0f172a;border-right:1px solid #1e293b;padding:24px;overflow-y:auto}.editor-container{flex-direction:column;gap:20px;display:flex}.top-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-width-controls{background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;display:flex}.width-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.width-btn:hover{color:#fff}.width-btn.active{color:#fff;background-color:#4f46e5;font-weight:700}.doc-type-selector{background-color:#1e293b;border:1px solid #334155;border-radius:10px;padding:4px;display:flex}.type-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:700;transition:all .15s}.type-btn.active{color:#fff;background-color:#4f46e5;box-shadow:0 2px 8px #4f46e566}.editor-quick-bar{background-color:#1e293b;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.quick-company-name{color:#f8fafc;font-size:13px;font-weight:700}.quick-trading{color:#94a3b8;margin-left:4px;font-size:11px}.quick-actions{align-items:center;gap:12px;display:flex}.quick-vat-toggle{background-color:#0f172a;border:1px solid #334155;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex}.vat-label{color:#cbd5e1;font-size:11px;font-weight:700}.editor-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.card-header{border-bottom:1px solid #334155;align-items:center;gap:10px;padding-bottom:12px;display:flex}.card-icon{color:#818cf8;width:18px;height:18px}.card-title{color:#f8fafc;font-size:14px;font-weight:700}.card-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#cbd5e1;font-size:12px;font-weight:600}.form-label.required:after{content:" *";color:#ef4444}.form-label-xs{color:#94a3b8;font-size:11px;font-weight:600}.form-input,.form-select,.form-textarea{background-color:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s;color:#f8fafc!important}select option,.form-select option,.navbar-select option,.preset-dropdown option,.quick-company-select option{padding:8px 12px;color:#f8fafc!important;background-color:#0f172a!important}select option:hover,select option:focus,select option:checked,.form-select option:checked,.navbar-select option:checked{color:#fff!important;background-color:#4f46e5!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.form-input-sub{color:#cbd5e1;background-color:#1a233a;font-size:12px}.form-help{color:#64748b;font-size:11px}.badge-optional{color:#94a3b8;background-color:#334155;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:500}.line-items-container{flex-direction:column;gap:12px;display:flex}.line-item-row{background-color:#0f172a;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.line-item-header{align-items:flex-start;gap:10px;display:flex}.flex-1{flex:1}.mt-2{margin-top:6px}.item-numbers-row{grid-template-columns:80px 110px 110px 1fr;align-items:flex-end;gap:10px;display:grid}.line-total-badge{color:#10b981;text-align:right;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700}.item-actions{align-items:center;gap:4px;padding-top:18px;display:flex}.btn-icon-sub{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.btn-icon-sub:hover{color:#fff;background-color:#1e293b}.btn-icon-sub.text-danger:hover{color:#ef4444;background-color:#ef444426}.btn-accent-sm{color:#a5b4fc;cursor:pointer;background-color:#312e81;border:1px solid #4338ca;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.btn-accent-sm:hover{color:#fff;background-color:#3730a3}.btn-secondary{color:#f8fafc;cursor:pointer;background-color:#334155;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:#475569}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%)}.btn-danger-outline{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-danger-outline:hover{background-color:#ef44441a}.btn-sm{padding:6px 10px;font-size:12px}.workspace-preview-side{background-color:#090d16;flex-direction:column;display:flex;overflow:hidden}.preview-container{flex-direction:column;height:100%;display:flex}.preview-container.fullscreen-preview{z-index:2000;background-color:#090d16;width:100vw;height:100vh;position:fixed;top:0;left:0}.preview-toolbar{background-color:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.toolbar-left{align-items:center;gap:20px;display:flex}.template-pills-group{background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;display:flex}.template-pill{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.template-pill:hover{color:#fff}.template-pill.active{color:#fff;background-color:#4f46e5;font-weight:700}.color-picker-group{align-items:center;gap:8px;display:flex}.toolbar-label{color:#94a3b8;font-size:12px;font-weight:500}.color-swatches{align-items:center;gap:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.color-custom-input{cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px}.toolbar-right{align-items:center;gap:16px;display:flex}.zoom-controls{background-color:#1e293b;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.zoom-level{color:#cbd5e1;text-align:center;width:40px;font-size:12px;font-weight:600}.btn-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.btn-icon:hover{color:#fff;background-color:#334155}.document-viewport{flex:1;justify-content:center;padding:40px;display:flex;overflow:auto}.document-paper{box-sizing:border-box;background-color:#fff;width:794px;max-width:794px;min-height:1050px;margin:0 auto;box-shadow:0 20px 40px #0006}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#0f172a;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-title{color:#fff;font-size:18px;font-weight:800}.modal-subtitle{color:#94a3b8;margin-top:2px;font-size:12px}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.btn-close:hover{color:#fff;background-color:#1e293b}.preset-selector-bar{background-color:#1a233a;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.preset-select-group{flex:1;align-items:center;gap:10px;display:flex}.text-indigo{color:#818cf8!important}.preset-label{color:#cbd5e1;white-space:nowrap;font-size:12px;font-weight:700}.preset-dropdown{color:#f8fafc;background-color:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;flex:1;max-width:380px;padding:7px 12px;font-size:13px;font-weight:600}.preset-dropdown:focus{border-color:#6366f1}.preset-actions{align-items:center;gap:8px;display:flex}.quick-company-select{color:#f8fafc;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;max-width:260px;padding:4px 8px;font-size:12px;font-weight:700}.quick-company-select:focus{border-color:#6366f1}.modal-tabs{background-color:#1e293b;border-bottom:1px solid #334155;padding:0 24px;display:flex}.tab-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.tab-item.active{color:#6366f1;border-bottom-color:#6366f1}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{background-color:#0f172a;border-top:1px solid #1e293b;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch-sm{width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#334155;border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch-sm .slider:before{width:14px;height:14px;bottom:3px;left:3px}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(20px)}.switch-sm input:checked+.slider:before{transform:translate(16px)}.logo-upload-card{background-color:#1e293b;border:1px dashed #475569;border-radius:12px;padding:16px}.logo-dropzone{cursor:pointer;border:2px dashed #475569;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:border-color .15s;display:flex}.logo-dropzone:hover{border-color:#6366f1}.dropzone-icon{color:#818cf8;width:32px;height:32px;margin-bottom:8px}.dropzone-text{color:#f8fafc;font-size:13px;font-weight:600}.dropzone-sub{color:#94a3b8;margin-top:4px;font-size:11px}.logo-preview-box{background-color:#0f172a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.logo-controls{gap:8px;display:flex}.logo-width-slider{flex-direction:column;gap:4px;margin-top:12px;display:flex}.form-label-sub{color:#94a3b8;font-size:11px}.vat-toggle-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;display:flex}.vat-toggle-title{color:#fff;font-size:14px;font-weight:700}.vat-toggle-desc{color:#94a3b8;max-width:500px;margin-top:2px;font-size:12px}.vat-disabled-notice{background-color:#ef444414;border:1px solid #ef444433;border-radius:10px;margin-top:16px;padding:16px}.notice-badge{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.vat-disabled-notice p{color:#cbd5e1;margin-top:4px;font-size:12px}.saved-list{divide-y:1px solid #1e293b;flex-direction:column;display:flex}.saved-item-row{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.saved-item-row:hover{background-color:#1e293b}.saved-doc-num{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.badge-type{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.badge-type.invoice{color:#818cf8;background-color:#4f46e533}.badge-type.quote{color:#34d399;background-color:#10b98133}.badge-type.estimate{color:#fbbf24;background-color:#f59e0b33}.saved-doc-client{color:#cbd5e1;margin-top:2px;font-size:13px}.saved-doc-date{color:#94a3b8;margin-top:2px;font-size:11px}.saved-item-actions{align-items:center;gap:8px;display:flex}.empty-saved-state{text-align:center;color:#94a3b8;padding:40px}.empty-icon{opacity:.5;width:48px;height:48px;margin-bottom:12px}.icon-xs{width:14px;height:14px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.w-full{width:100%}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.p-0{padding:0!important}.text-muted{color:#64748b!important}@media print{body{color:#000!important;background-color:#fff!important}.app-navbar,.workspace-editor-side,.preview-toolbar,.toast-notification,.modal-backdrop{display:none!important}.workspace-layout{grid-template-columns:1fr!important;display:block!important}.workspace-preview-side{background-color:#fff!important;overflow:visible!important}.document-viewport{padding:0!important;overflow:visible!important}.document-paper{box-shadow:none!important;width:100%!important;min-height:auto!important;margin:0!important;transform:none!important}.invoice-template-wrapper{box-shadow:none!important;max-width:100%!important;padding:0!important}}.badge-guest-mode{color:#f8fafc;background-color:#334155;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.auth-btn-group{align-items:center;gap:6px;display:flex}.btn-auth-signup{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 12px #4f46e54d}.preservation-banner{color:#f8fafc;background-color:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.google-auth-container{justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.google-auth-container>div{justify-content:center;display:flex;width:100%!important}.btn-google-auth{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.btn-google-auth:hover{background-color:#f8fafc;border-color:#94a3b8}.divider-or{text-align:center;color:#64748b;letter-spacing:1px;align-items:center;font-size:10px;font-weight:800;display:flex}.divider-or:before,.divider-or:after{content:"";border-bottom:1px solid #334155;flex:1}.divider-or span{padding:0 10px}.badge-pro-inline{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-free-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #10b98166}.user-auth-badge{background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.user-email-text{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.btn-logout-xs{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:11px;font-weight:700}.btn-auth-trigger{color:#f8fafc;cursor:pointer;background-color:#334155;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.bg-gradient-pro{background:linear-gradient(135deg,#312e81 0%,#1e1b4b 100%)}.badge-pro-tag{color:#a5b4fc;background-color:#6366f140;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.interval-toggle-container{background-color:#1e293b;border-radius:10px;justify-content:center;gap:8px;margin-bottom:24px;padding:6px;display:flex}.interval-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s}.interval-btn.active{color:#fff;background-color:#4f46e5;box-shadow:0 4px 12px #4f46e566}.badge-save{color:#fff;background-color:#10b981;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px}.pro-pricing-grid{grid-template-columns:1fr 1.1fr;gap:20px;display:grid}.plan-card{background-color:#1e293b;border:1px solid #334155;border-radius:14px;padding:24px;position:relative}.plan-card-pro.highlighted{background:linear-gradient(#1e293b 0%,#171e34 100%);border:2px solid #6366f1;box-shadow:0 10px 30px #6366f133}.popular-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%);border-radius:20px;padding:3px 12px;font-size:10px;font-weight:900;position:absolute;top:-12px;right:20px}.plan-title{color:#fff;font-size:18px;font-weight:800}.text-pro{color:#818cf8}.plan-price{color:#fff;margin-top:6px;font-size:32px;font-weight:900}.plan-price span{color:#94a3b8;font-size:13px;font-weight:500}.plan-sub{color:#94a3b8;margin-top:2px;font-size:12px}.plan-features{color:#cbd5e1;flex-direction:column;gap:10px;margin-top:20px;font-size:13px;list-style:none;display:flex}.plan-features li{align-items:center;gap:8px;display:flex}.text-emerald{color:#10b981!important}.btn-pro-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 16px #10b98166}.btn-pro-action:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.search-input-box{background-color:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:8px;padding:2px 12px;display:flex}.search-input-box .form-input{background:0 0;border:none;padding:8px 0}.directory-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.directory-item-row{background-color:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.form-card-box{background-color:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px}.stripe-connect-card{background-color:#10b98114;border:1px solid #10b98140;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.error-banner{color:#f8fafc;background-color:#ef444426;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.btn-theme-toggle{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.btn-theme-toggle:hover{background-color:#334155}.text-amber{color:#f59e0b!important}.light-mode,.light-mode .app-root{color:#0f172a;background-color:#f1f5f9}.light-mode .app-navbar{background-color:#fff;border-bottom:1px solid #e2e8f0}.light-mode .brand-title{color:#0f172a}.light-mode .brand-subtitle{color:#64748b}.light-mode .btn-theme-toggle{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.light-mode .btn-theme-toggle:hover{background-color:#e2e8f0}.light-mode .template-select-box{background-color:#f8fafc;border-color:#e2e8f0}.light-mode .select-label{color:#64748b}.light-mode .navbar-select{background-color:#fff;border-color:#cbd5e1;color:#0f172a!important}.light-mode .navbar-select option{color:#0f172a!important;background-color:#fff!important}.light-mode .btn-secondary-navbar{color:#1e293b;background-color:#f1f5f9;border-color:#cbd5e1}.light-mode .btn-secondary-navbar:hover{color:#0f172a;background-color:#e2e8f0}.light-mode .workspace-editor-side{background-color:#f8fafc;border-right:1px solid #e2e8f0}.light-mode .workspace-resizer{background-color:#e2e8f0}.light-mode .resizer-line{background-color:#94a3b8}.light-mode .top-editor-header .doc-type-selector,.light-mode .editor-width-controls,.light-mode .editor-quick-bar{background-color:#fff;border-color:#e2e8f0}.light-mode .width-btn,.light-mode .type-btn{color:#64748b}.light-mode .quick-company-select{background-color:#fff;border-color:#cbd5e1;color:#0f172a!important}.light-mode .quick-company-select option{color:#0f172a!important;background-color:#fff!important}.light-mode .editor-card{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}.light-mode .card-header{border-bottom-color:#f1f5f9}.light-mode .card-title{color:#0f172a}.light-mode .form-label{color:#475569}.light-mode .form-label-xs{color:#64748b}.light-mode .form-input,.light-mode .form-select,.light-mode .form-textarea{background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a!important}.light-mode .form-input:focus,.light-mode .form-select:focus,.light-mode .form-textarea:focus{background-color:#fff;border-color:#4f46e5}.light-mode .line-item-row{background-color:#f8fafc;border-color:#e2e8f0}.light-mode .line-total-badge{color:#059669;background-color:#fff;border-color:#cbd5e1}.light-mode .modal-content{color:#0f172a;background-color:#fff;border-color:#cbd5e1}.light-mode .modal-header{border-bottom-color:#e2e8f0}.light-mode .modal-title{color:#0f172a}.light-mode .modal-subtitle{color:#64748b}.light-mode .preset-selector-bar{background-color:#f1f5f9;border-bottom-color:#e2e8f0}.light-mode .preset-label{color:#475569}.light-mode .preset-dropdown{background-color:#fff;border-color:#cbd5e1;color:#0f172a!important}.light-mode .preset-dropdown option{color:#0f172a!important;background-color:#fff!important}.light-mode .directory-item-row{color:#0f172a;background-color:#f8fafc;border-color:#e2e8f0}.light-mode .directory-item-row .text-white{color:#0f172a!important}.light-mode .search-input-box{background-color:#f1f5f9;border-color:#cbd5e1}.light-mode .plan-card{background-color:#f8fafc;border-color:#e2e8f0}.light-mode .plan-card .plan-title,.light-mode .plan-card .plan-price{color:#0f172a}.light-mode .plan-card-pro.highlighted{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-color:#6366f1}.light-mode select option{color:#0f172a!important;background-color:#fff!important}.light-mode .btn-secondary{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b!important}.light-mode .btn-secondary:hover{background-color:#e2e8f0;color:#0f172a!important}.light-mode .btn-auth-trigger{background-color:#e2e8f0;border:1px solid #cbd5e1;color:#0f172a!important}.light-mode .btn-auth-trigger:hover{background-color:#cbd5e1}.light-mode .btn-accent-sm{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 2px 8px #4f46e540;color:#fff!important}.light-mode .btn-accent-sm,.light-mode .btn-accent-sm *,.light-mode .btn-primary-navbar,.light-mode .btn-primary-navbar *,.light-mode .btn-auth-signup,.light-mode .btn-auth-signup *{color:#fff!important}.light-mode .quick-vat-toggle{color:#1e293b;background-color:#f1f5f9;border:1px solid #cbd5e1}.light-mode .vat-label{color:#334155!important}.light-mode .badge-guest-mode{background-color:#e2e8f0;color:#334155!important}.light-mode .stripe-connect-card{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.light-mode .stripe-connect-card .btn-secondary{background-color:#fff;border:1px solid #6ee7b7;color:#047857!important}.light-mode .stripe-connect-card .text-slate-400{color:#047857!important}.light-mode .stripe-connect-card .text-white{color:#065f46!important}.type-btn.active,.width-btn.active,.light-mode .type-btn.active,.light-mode .width-btn.active{color:#fff!important;background-color:#4f46e5!important;font-weight:700!important}.type-btn.active *,.width-btn.active *,.light-mode .type-btn.active *,.light-mode .width-btn.active *{color:#fff!important}.light-mode .modal-footer{background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important}.light-mode .modal-header{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important}.light-mode .saved-item-row{border-bottom-color:#e2e8f0}.light-mode .saved-item-row:hover{background-color:#f8fafc}.light-mode .saved-doc-num{color:#0f172a!important}.light-mode .saved-doc-client{color:#1e293b!important;font-weight:600!important}.light-mode .saved-doc-date{color:#475569!important}.light-mode .saved-doc-date strong{color:#059669!important}.light-mode .modal-tabs{padding-top:4px;background-color:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}.light-mode .tab-item{border-bottom:2px solid #0000;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:500;transition:all .15s;color:#475569!important}.light-mode .tab-item:hover{background-color:#ffffff80;color:#0f172a!important}.light-mode .tab-item.active{color:#4f46e5!important;background-color:#fff!important;border-bottom-color:#4f46e5!important;font-weight:700!important;box-shadow:0 1px 3px #00000014!important}.light-mode .tab-item.active *{color:#4f46e5!important}.light-mode .logo-upload-card{background-color:#f8fafc!important;border:1px dashed #cbd5e1!important}.light-mode .logo-dropzone{background-color:#fff!important;border-color:#cbd5e1!important}.light-mode .logo-dropzone:hover{background-color:#f1f5f9!important;border-color:#4f46e5!important}.light-mode .dropzone-text{color:#0f172a!important}.light-mode .dropzone-sub{color:#64748b!important}.light-mode .logo-preview-box{background-color:#fff!important;border:1px solid #e2e8f0!important}.light-mode .vat-toggle-card{background-color:#f8fafc!important;border:1px solid #e2e8f0!important}.light-mode .vat-toggle-title{color:#0f172a!important}.light-mode .vat-toggle-desc{color:#64748b!important}.light-mode .form-label{color:#1e293b!important;font-weight:600!important}.light-mode .form-label-sub{color:#64748b!important}.light-mode .form-input,.light-mode .form-select,.light-mode .form-textarea{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;font-weight:500!important}.light-mode .form-input::placeholder,.light-mode .form-textarea::placeholder{color:#94a3b8!important}.light-mode .form-input:focus,.light-mode .form-select:focus,.light-mode .form-textarea:focus{background-color:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}.light-mode .badge-optional{color:#334155!important;background-color:#e2e8f0!important}.light-mode .preservation-banner{color:#065f46!important;background-color:#ecfdf5!important;border:1px solid #a7f3d0!important}.light-mode .preservation-banner *{color:#065f46!important}.auth-switch-text{color:#94a3b8;font-size:13px}.auth-mode-link{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:700}.auth-mode-link:hover{text-decoration:underline}.light-mode .auth-switch-text{color:#475569!important}.light-mode .auth-mode-link{color:#4f46e5!important}.workspace-preview-side{background-color:#0b1120}.light-mode .workspace-preview-side{background-color:#cbd5e1}.document-paper,.light-mode .document-paper,.dark-mode .document-paper{color:#0f172a!important;background-color:#fff!important}.tab-badge-pro{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:800}.integrations-tab-container{flex-direction:column;gap:16px;display:flex}.integration-card-pro,.integration-card-paywall{background-color:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.integration-card-header{justify-content:space-between;align-items:flex-start;display:flex}.integration-brand-block{align-items:center;gap:14px;display:flex}.freeagent-logo-badge{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:flex;box-shadow:0 4px 12px #0284c74d}.integration-title{color:#f8fafc;margin:0;font-size:15px;font-weight:700}.integration-subtitle{color:#94a3b8;margin:4px 0 0;font-size:12px}.badge-pro-tag-xs{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.badge-pro-gold{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.badge-status-connected{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-status-ready{color:#94a3b8;background-color:#64748b26;border:1px solid #64748b4d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.badge-status-locked{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.integration-status-banner{border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.integration-status-banner.banner-success{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.integration-status-banner.banner-error{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.integration-info-grid{background-color:#0f172a;border:1px solid #334155;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.info-value{color:#f1f5f9;font-size:13px}.sync-actions-row{align-items:center;gap:10px;display:flex}.sync-preferences-card{background-color:#0f172a;border:1px solid #334155;border-radius:8px;padding:14px}.pref-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:700}.pref-toggle-label{color:#e2e8f0;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.pref-checkbox{accent-color:#6366f1;width:16px;height:16px}.btn-connect-freeagent{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c759}.btn-connect-freeagent:hover{filter:brightness(1.1);transform:translateY(-1px)}.connect-explainer{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.paywall-inner-card{text-align:center;background:linear-gradient(#1e293bb3 0%,#0f172ae6 100%);border:1px dashed #f59e0b66;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.lock-icon-wrapper{background-color:#f59e0b26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.paywall-feature-title{color:#fff;margin:0 0 6px;font-size:16px;font-weight:800}.paywall-feature-desc{color:#94a3b8;max-width:500px;margin:0 0 16px;font-size:13px;line-height:1.5}.paywall-benefits-list{text-align:left;color:#cbd5e1;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.paywall-benefits-list li{align-items:center;gap:8px;display:flex}.btn-paywall-upgrade-gold{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #f59e0b59}.btn-paywall-upgrade-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.light-mode .integration-card-pro,.light-mode .integration-card-paywall{background-color:#f8fafc;border-color:#e2e8f0}.light-mode .integration-title{color:#0f172a}.light-mode .integration-subtitle{color:#64748b}.light-mode .integration-info-grid,.light-mode .sync-preferences-card{background-color:#fff;border-color:#e2e8f0}.light-mode .info-value{color:#0f172a}.light-mode .pref-title{color:#475569}.light-mode .pref-toggle-label{color:#334155}.light-mode .paywall-inner-card{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-color:#f59e0b80}.light-mode .paywall-feature-title{color:#0f172a}.light-mode .paywall-feature-desc{color:#475569}.light-mode .paywall-benefits-list{color:#334155}.btn-install-pwa{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98159}.btn-install-pwa:hover{filter:brightness(1.1);transform:translateY(-1px)}.mobile-view-toggle-bar{display:none}@media (width<=1024px){.mobile-view-toggle-bar{z-index:80;background-color:#0f172a;border-bottom:1px solid #1e293b;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:0}.mobile-toggle-btn{color:#94a3b8;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:260px;height:44px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.mobile-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#6366f1;box-shadow:0 4px 12px #4f46e559}.workspace-layout{overflow-x:hidden;flex-direction:column!important;grid-template-columns:1fr!important;height:auto!important;min-height:calc(100vh - 120px)!important;display:flex!important}.workspace-resizer{display:none!important}.workspace-editor-side,.workspace-preview-side{border-right:none!important;width:100%!important;max-width:100%!important;padding:16px!important;overflow-y:visible!important}.mobile-hidden{display:none!important}.top-editor-header{flex-direction:column;align-items:stretch;gap:10px}.editor-width-controls{display:none!important}.document-viewport{overflow-x:auto;padding:8px!important}}@media (width<=768px){.navbar-brand{gap:8px}.brand-logo-icon{width:32px;height:32px}.brand-title{font-size:14px}.brand-subtitle{display:none}.form-input,.form-select,.form-textarea,.btn-primary,.btn-secondary,.btn-auth-trigger,.btn-auth-signup,.btn-connect-freeagent,.btn-paywall-upgrade-gold{min-height:44px;font-size:14px}.items-table-header{display:none}.item-row{background-color:#1e293b;border:1px solid #334155;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px;padding:12px}.item-actions-cell{justify-content:flex-end;width:100%;display:flex}.btn-remove-item{color:#ef4444;background-color:#ef444426;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;display:flex}.modal-backdrop{justify-content:center!important;align-items:stretch!important;padding:0!important}.modal-content,.company-modal-content{border-radius:0!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;display:flex!important}.modal-header{border-radius:0!important;padding:16px!important}.modal-body{-webkit-overflow-scrolling:touch;flex:1!important;padding:16px!important;overflow-y:auto!important}.modal-footer{background-color:#1e293b;border-top:1px solid #334155;border-radius:0!important;flex-direction:column!important;gap:8px!important;padding:14px 16px!important;display:flex!important;position:sticky!important;bottom:0!important}.modal-footer button{width:100%!important;min-height:44px!important}.modal-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.tab-item{white-space:nowrap;min-height:44px;padding:8px 14px;font-size:12px}.preset-selector-bar{flex-direction:column;align-items:stretch;gap:8px}.preset-select-group{width:100%}.preset-dropdown{width:100%;min-height:44px}}.light-mode .mobile-view-toggle-bar{background-color:#f8fafc;border-bottom-color:#e2e8f0}.light-mode .mobile-toggle-btn{color:#475569;background-color:#fff;border-color:#cbd5e1}.light-mode .mobile-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)}.light-mode .item-row{background-color:#f8fafc;border-color:#e2e8f0}.light-mode .modal-footer{background-color:#fff;border-top-color:#e2e8f0}.tab-badge-admin{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:800}.health-overall-banner{border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.app-navbar-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#0f172af2;border-bottom:1px solid #1e293b;position:sticky;top:0}.navbar-row-main{justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}@media (width>=1024px){.navbar-mobile-only{display:none!important}}@media (width<=1023px){.navbar-desktop-only{display:none!important}}.btn-pwa-desktop{color:#818cf8;cursor:pointer;background-color:#6366f11f;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-pwa-desktop:hover{color:#fff;background-color:#6366f140;border-color:#6366f1}.btn-pwa-mobile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #4f46e54d}.mobile-hamburger-btn{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.navbar-row-segmented{background-color:#0f172afa;border-top:1px solid #1e293b99;padding:8px 16px 12px}.mobile-segmented-container{background-color:#1e293b;border:1px solid #334155;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.segmented-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 2px 8px #4f46e559}.mobile-drawer-backdrop{animation:.2s fadeIn;-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;background-color:#000000bf!important;justify-content:flex-end!important;width:100vw!important;height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important}.mobile-drawer-panel{-webkit-overflow-scrolling:touch;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;z-index:100000!important;background-color:#0f172a!important;border-left:1px solid #1e293b!important;flex-direction:column!important;width:320px!important;max-width:85vw!important;height:100dvh!important;display:flex!important;overflow-y:auto!important;box-shadow:-10px 0 36px #000000b3!important}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-drawer-body{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.drawer-group{flex-direction:column;gap:8px;display:flex}.drawer-group-title{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:800}.drawer-user-card{background-color:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px}@media (width<=639px){.card-grid,.form-grid{grid-template-columns:1fr!important}.card-grid>.col-span-2,.form-grid>.col-span-2{grid-column:span 1!important}}@media (width<=1023px){.app-root{overflow-x:hidden;height:auto!important;min-height:100vh!important;overflow-y:auto!important}.workspace-layout{min-height:calc(100vh - 120px);grid-template-columns:1fr!important;height:auto!important;display:block!important;overflow:visible!important}.workspace-editor-side,.workspace-preview-side{min-height:100vh;width:100%!important;height:auto!important;overflow-y:visible!important}.invoice-editor-container{padding-bottom:8rem!important}}.preview-toolbar{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:space-between;align-items:center;gap:12px;display:flex;overflow-x:auto}.toolbar-left,.template-pills-group,.color-picker-group{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;display:flex;overflow-x:auto}.preview-toolbar::-webkit-scrollbar{display:none}.toolbar-left::-webkit-scrollbar{display:none}.template-pills-group::-webkit-scrollbar{display:none}.color-picker-group::-webkit-scrollbar{display:none}.template-pill{white-space:nowrap;flex-shrink:0}.document-viewport-wrapper{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;max-width:100%;padding:16px 8px 112px;display:flex;overflow-x:auto}.scaled-document-stage{justify-content:center;display:flex;position:relative}.document-paper{background-color:#fff;border-radius:8px;flex-shrink:0;min-height:1000px;box-shadow:0 8px 30px #00000040;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;box-sizing:border-box!important;width:794px!important;min-width:794px!important;max-width:794px!important}#invoice-document *,.document-paper *{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important}.light-mode .app-navbar-wrapper,[data-theme=light] .app-navbar-wrapper{background-color:#fffffff2;border-bottom-color:#e2e8f0}.light-mode .navbar-row-segmented,[data-theme=light] .navbar-row-segmented{background-color:#fff;border-top-color:#e2e8f0}.light-mode .mobile-segmented-container,[data-theme=light] .mobile-segmented-container{background-color:#f1f5f9;border-color:#cbd5e1}.light-mode .segmented-tab-btn,[data-theme=light] .segmented-tab-btn{color:#64748b}.light-mode .segmented-tab-btn.active,[data-theme=light] .segmented-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)}.light-mode .mobile-drawer-backdrop,[data-theme=light] .mobile-drawer-backdrop{background-color:#0f172a73!important}.light-mode .mobile-drawer-panel,[data-theme=light] .mobile-drawer-panel{color:#0f172a!important;background-color:#fff!important;border-left-color:#e2e8f0!important;box-shadow:-10px 0 36px #0000001f!important}.light-mode .mobile-drawer-header,[data-theme=light] .mobile-drawer-header{background-color:#f8fafc!important;border-bottom-color:#e2e8f0!important}.light-mode .drawer-title,[data-theme=light] .drawer-title,.light-mode .drawer-user-email,[data-theme=light] .drawer-user-email{color:#0f172a!important}.light-mode .drawer-label,[data-theme=light] .drawer-label{color:#475569!important}.light-mode .drawer-group-title,[data-theme=light] .drawer-group-title{color:#64748b!important}.light-mode .drawer-user-card,[data-theme=light] .drawer-user-card{background-color:#f8fafc!important;border-color:#e2e8f0!important}.light-mode .mobile-drawer-panel select,.light-mode .mobile-drawer-panel .form-select,[data-theme=light] .mobile-drawer-panel select,[data-theme=light] .mobile-drawer-panel .form-select{color:#0f172a!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.light-mode .mobile-drawer-panel .btn-secondary,[data-theme=light] .mobile-drawer-panel .btn-secondary{color:#1e293b!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.light-mode .mobile-drawer-panel .btn-secondary:hover,[data-theme=light] .mobile-drawer-panel .btn-secondary:hover{background-color:#e2e8f0!important}.light-mode .drawer-close-btn,[data-theme=light] .drawer-close-btn{color:#475569!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.light-mode .mobile-hamburger-btn,[data-theme=light] .mobile-hamburger-btn{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.light-mode .btn-pwa-desktop,[data-theme=light] .btn-pwa-desktop{color:#4f46e5;background-color:#4f46e514;border-color:#4f46e540}