:root{--color-primary: #4F46E5;--color-primary-dark: #3730A3;--color-primary-light: #EEF2FF;--color-primary-hover: #4338CA;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-on-primary: #FFFFFF;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-surface-subtle: #F8FAFC;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-border-focus: #818CF8;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", Consolas, Monaco, monospace;--font-size-display: 1.875rem;--font-size-h1: 1.5rem;--font-size-h2: 1.25rem;--font-size-h3: 1rem;--font-size-body: .875rem;--font-size-small: .775rem;--font-size-caption: .7rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.18;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--space-1: 3px;--space-2: 5px;--space-3: 8px;--space-4: 12px;--space-5: 14px;--space-6: 16px;--space-8: 22px;--space-10: 28px;--space-12: 32px;--space-16: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 3px 5px -1px rgba(15, 23, 42, .05);--shadow-lg: 0 8px 12px -3px rgba(15, 23, 42, .07);--shadow-xl: 0 14px 18px -4px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .2);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-base);font-size:13.5px;color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh;flex:1}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}h1,.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h2,.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h3,.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p,.text-body{font-size:var(--font-size-body);color:var(--color-text-secondary)}.text-small{font-size:var(--font-size-small)}.text-caption{font-size:var(--font-size-caption);color:var(--color-text-muted)}.container{width:100%;max-width:1140px;margin:0 auto;padding-left:16px;padding-right:16px}@media (max-width: 768px){html{font-size:13px}h1,.text-h1{font-size:1.75rem!important}h2,.text-h2{font-size:1.4rem!important}.container{padding-left:14px!important;padding-right:14px!important}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}button,input,select,textarea{max-width:100%}}@media (max-width: 480px){h1,.text-h1{font-size:1.5rem!important}.container{padding-left:12px!important;padding-right:12px!important}}@media print{html,body,#root,.screen-app-shell,.builder-layout,.builder-main-workspace,.builder-canvas-pane{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;position:static!important}.builder-toolbar,.builder-sidebar,.builder-editor-container,.builder-canvas-toolbar,.mobile-fab-container,nav,footer,.no-print,button,.toast-container{display:none!important;height:0!important;width:0!important;overflow:hidden!important}.preview-panel-container{display:block!important;transform:none!important;position:static!important;margin:0 auto!important;width:210mm!important;min-height:297mm!important;padding:0!important;box-shadow:none!important;border:none!important;background:#fff!important}.invoice-a4-page{box-shadow:none!important;border:none!important;margin:0 auto!important;width:210mm!important;max-width:210mm!important;min-height:297mm!important;padding:15mm!important;transform:none!important;background:#fff!important;box-sizing:border-box!important;page-break-after:avoid;page-break-inside:avoid}@page{size:A4 portrait;margin:0}}.builder-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#f8fafc;overflow:hidden}@media (max-width: 1024px){.builder-layout{height:auto;min-height:100vh;overflow:auto}}.builder-toolbar{height:42px;background-color:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:30;flex-shrink:0}.builder-main-workspace{display:flex;flex:1;height:calc(100vh - 42px);overflow:hidden}@media (max-width: 1024px){.builder-main-workspace{flex-direction:column;height:auto;overflow:visible}}.builder-sidebar{width:180px;background-color:#fff;border-right:1px solid #E2E8F0;padding:12px 8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0;overflow-y:auto}@media (max-width: 1024px){.builder-sidebar{width:100%;border-right:none;border-bottom:1px solid #E2E8F0;flex-direction:row;overflow-x:auto;padding:8px}}.builder-editor-container{flex:1;max-width:580px;padding:12px 16px;overflow-y:auto;background-color:#f8fafc}@media (max-width: 1024px){.builder-editor-container{max-width:100%;padding:12px}}.builder-form-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.builder-canvas-pane{flex:1.1;background-color:#f8fafc;border-left:1px solid #E2E8F0;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding-bottom:12px}@media (max-width: 1024px){.builder-canvas-pane{width:100%;padding:12px 6px}}.invoice-a4-page{width:210mm;min-height:297mm;background-color:#fff;color:#111827;padding:24mm 20mm;box-shadow:var(--shadow-xl);border-radius:2px;position:relative;box-sizing:border-box;font-family:var(--font-family-base);font-size:14px;line-height:1.5;margin:0 auto}.template-scaled-container{width:100%;aspect-ratio:1 / 1.414;overflow:hidden;position:relative;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.template-scaled-inner{width:210mm;min-height:297mm;transform-origin:top left;position:absolute;top:0;left:0;pointer-events:none}