@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..800&family=Oswald:wght@200..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Fira+Code:wght@300..700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.container\!{width:100%!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.resize\!{resize:both!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale\!{--tw-grayscale:grayscale(100%)!important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-sans);background-color:var(--color-bg-secondary);color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}.font-oswald{font-family:var(--font-display)}.elab-heading{font-family:var(--font-display);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary)}.elab-subheading{font-family:var(--font-heading);font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--color-text)}.elab-body{font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.elab-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-min);letter-spacing:.01em;border:none;line-height:1;text-decoration:none;display:inline-flex}.elab-btn-navy{background:var(--color-primary);color:var(--color-text-inverse)}.elab-btn-navy:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.elab-btn-lime{background:var(--color-accent);color:var(--color-text-inverse)}.elab-btn-lime:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.elab-btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.elab-btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.elab-btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.elab-btn-ghost:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text)}.elab-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.elab-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.elab-card-navy{background:var(--color-primary);color:var(--color-text-inverse);border:none}.elab-card-lime{background:var(--color-accent-light);border-color:var(--color-accent)}.elab-badge{padding:var(--space-1)var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-radius:var(--radius-full);align-items:center;display:inline-flex}.elab-badge-navy{background:var(--color-primary);color:var(--color-text-inverse)}.elab-badge-lime{background:var(--color-accent);color:var(--color-text-inverse)}.elab-badge-outline{border:1.5px solid var(--color-primary);color:var(--color-primary);background:0 0}.elab-input{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);min-height:var(--touch-min)}.elab-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.elab-input::-moz-placeholder{color:var(--color-text-tertiary)}.elab-input::placeholder{color:var(--color-text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-hover)transparent}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slide-in-left .3s var(--transition-spring)forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .3s var(--transition-spring)forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out forwards fade-in}.canvas-bg{background-color:var(--color-bg-canvas);background-image:linear-gradient(#1e4d8c08 1px,#0000 1px),linear-gradient(90deg,#1e4d8c08 1px,#0000 1px);background-size:20px 20px}@media print{body{background:#fff!important}.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--color-primary: #1E4D8C;--color-primary-hover: #163A6B;--color-primary-light: #E8EEF6;--color-primary-subtle: rgba(30, 77, 140, .06);--color-accent: #558B2F;--color-accent-hover: #457324;--color-accent-light: #E8F5E9;--color-accent-subtle: rgba(85, 139, 47, .08);--color-vol1: #558B2F;--color-vol2: #C77700;--color-vol3: #E54B3D;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-warning: #EA580C;--color-warning-light: #FFEDD5;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-bg: #FFFFFF;--color-bg-secondary: #F7F7F8;--color-bg-tertiary: #ECECF1;--color-bg-canvas: #F0F2F5;--color-border: #E5E5EA;--color-border-hover: #D1D1D6;--color-border-strong: #B0B0B8;--color-text: #1A1A2E;--color-text-secondary: #6B6B80;--color-text-tertiary: #9B9BA8;--color-text-inverse: #FFFFFF;--font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Oswald", -apple-system, sans-serif;--font-display: "Oswald", "Arial Narrow", Arial, sans-serif;--font-mono: "Fira Code", "SF Mono", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .07), 0 4px 8px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(30, 77, 140, .15);--shadow-focus-accent: 0 0 0 3px rgba(85, 139, 47, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-max: 9999;--touch-min: 44px;--elab-navy: var(--color-primary);--elab-navy-dark: var(--color-primary-hover);--elab-navy-light: #4A7CC0;--elab-lime: var(--color-accent);--elab-lime-dark: var(--color-accent-hover);--elab-lime-light: #7CB342;--elab-lime-soft: var(--color-accent-light);--elab-lime-bg: #EDF5E0;--elab-orange: var(--color-vol2);--elab-red: var(--color-danger);--elab-red-light: var(--color-danger-light);--elab-mint: var(--color-accent-light);--elab-bg: var(--color-bg-secondary);--elab-card: var(--color-bg);--elab-text: var(--color-text);--elab-muted: var(--color-text-secondary);--elab-border: var(--color-border);--elab-radius: var(--radius-lg);--elab-radius-sm: var(--radius-md);--elab-shadow: var(--shadow-sm);--elab-shadow-lg: var(--shadow-lg);--elab-transition: var(--transition-base);--bg-app: var(--color-bg-secondary);--bg-sidebar: var(--color-bg);--bg-canvas: var(--color-bg-canvas);--bg-panel: var(--color-bg);--bg-input: var(--color-bg-secondary);--text-dark: var(--color-text);--text-body: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--text-light: var(--color-text-inverse);--border-light: var(--color-border);--border-medium: var(--color-border-hover);--border-strong: var(--color-border-strong);--font-body: var(--font-sans);--font-code: var(--font-mono)}.elab-simulator{--elab-navy: var(--color-primary);--elab-lime: var(--color-accent);--elab-vol1: var(--color-vol1);--elab-vol2: var(--color-vol2);--elab-vol3: var(--color-vol3);--elab-cream: #FFF8E7;--elab-dark: var(--color-text);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--font-xs: var(--font-size-sm);--font-sm: var(--font-size-sm);--font-md: var(--font-size-md);--font-lg: var(--font-size-lg);--font-xl: var(--font-size-xl);--font-2xl: var(--font-size-2xl);--touch-min: 44px;--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--radius-sm: var(--radius-xs);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--font-heading: var(--font-display);--font-body: var(--font-sans);--font-code: var(--font-mono)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-spring: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
