:root{--color-bg-app: #F6F3EC;--color-bg-canvas: #F6F3EC;--color-bg-darkest: #F6F3EC;--color-bg-dark: #E7F0EA;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-bg-glass: rgba(255, 255, 255, .92);--color-bg-glass-heavy: rgba(255, 255, 255, .96);--color-bg-glass-light: rgba(213, 251, 214, .45);--color-accent-primary: #1B4D3E;--color-accent-primary-light: #3D7A64;--color-accent-primary-dark: #163F33;--color-accent-primary-glow: rgba(27, 77, 62, .18);--color-accent-secondary: #A6843A;--color-accent-secondary-light: #C4A45A;--color-accent-secondary-dark: #8A6C2E;--color-accent-secondary-glow: rgba(166, 132, 58, .22);--color-wall-bearing: #0f172a;--color-wall-partition: #334155;--color-door-wood: #854d0e;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #475569;--color-text-muted: #64748b;--color-border-subtle: rgba(15, 23, 42, .08);--color-border-medium: rgba(15, 23, 42, .16);--color-border-active: #059669;--padding-2xs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding-md: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-2xl: 32px;--padding-3xl: 48px;--margin-xs: 8px;--margin-sm: 12px;--margin-md: 16px;--margin-lg: 24px;--margin-xl: 32px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 18px;--border-radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(28, 33, 30, .06);--shadow-md: 0 8px 24px rgba(28, 33, 30, .08);--shadow-lg: 0 16px 40px rgba(28, 33, 30, .1);--shadow-glow-green: 0 0 0 1px rgba(27, 77, 62, .14);--shadow-glow-sun: 0 0 0 1px rgba(166, 132, 58, .22);--glass-blur: blur(18px);--font-sans: Figtree, Segoe UI, sans-serif;--font-heading: Fraunces, Georgia, serif;--modal-bg-base: #F6F3EC;--modal-surface: #ffffff;--modal-header-bg: #ffffff;--modal-header-border: rgba(15, 23, 42, .12);--modal-sidebar-bg: #ffffff;--modal-sidebar-border: rgba(15, 23, 42, .12);--modal-card-bg: #f8fafc;--modal-card-border: rgba(15, 23, 42, .08);--modal-badge-bg: #E7F0EA;--modal-badge-border: #1B4D3E;--modal-badge-text: #1B4D3E;--modal-accent-gradient: linear-gradient(135deg, #1B4D3E 0%, #3D7A64 100%);--modal-accent-gradient-hover: linear-gradient(135deg, #163F33 0%, #1B4D3E 100%)}.glass-morphism{background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 8px 24px #1c211e14}.glass-morphism-heavy{background:#fffffff5;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid rgba(15,23,42,.16);border-radius:18px;box-shadow:0 16px 40px #1c211e1a}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000f;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#05966940;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#05966980}.plan-modal-dialog{background-color:var(--modal-bg-base)!important;color:var(--color-text-primary);display:flex;flex-direction:column;overflow:hidden}.plan-modal-header{padding:var(--padding-md) var(--padding-xl);background-color:var(--modal-header-bg);border-bottom:1px solid var(--modal-header-border);display:flex;align-items:center;justify-content:space-between;z-index:10}.plan-modal-badge{padding:var(--padding-2xs) var(--padding-sm);border-radius:var(--border-radius-sm);background-color:var(--modal-badge-bg);border:1px solid var(--modal-badge-border);color:var(--modal-badge-text);font-weight:800;font-size:.8rem;display:flex;align-items:center;gap:var(--gap-xs)}.plan-modal-title{font-weight:800;font-family:var(--font-heading);color:var(--color-text-primary);line-height:1.25}.plan-modal-subtitle{color:var(--color-text-muted);font-size:.8rem}.plan-modal-btn-outline{border:1px solid var(--modal-badge-border)!important;color:var(--modal-badge-text)!important;background-color:var(--modal-surface)!important;font-weight:700!important;text-transform:none!important;padding:var(--padding-xs) var(--padding-md)!important;border-radius:var(--border-radius-sm)!important;transition:all .2s ease!important}.plan-modal-btn-outline:hover{border-color:var(--color-accent-primary)!important;background-color:var(--modal-badge-bg)!important}.plan-modal-btn-primary{background:var(--modal-accent-gradient)!important;color:#fff!important;font-weight:800!important;font-size:.95rem!important;padding:var(--padding-xs) var(--padding-xl)!important;border-radius:var(--border-radius-sm)!important;box-shadow:0 4px 14px var(--color-accent-primary-glow)!important;text-transform:none!important;transition:all .2s ease!important}.plan-modal-btn-primary:hover{background:var(--modal-accent-gradient-hover)!important;box-shadow:0 6px 20px var(--color-accent-primary-glow)!important}.plan-modal-content{flex:1;display:flex;position:relative;overflow:hidden}.plan-modal-canvas-area{flex:1;position:relative;background-color:var(--color-bg-canvas)}.plan-modal-sidebar{width:320px;background-color:var(--modal-sidebar-bg)!important;border-left:1px solid var(--modal-sidebar-border);padding:var(--padding-xl);display:flex;flex-direction:column;gap:var(--gap-lg);z-index:10;overflow-y:auto}.plan-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm)}.plan-metric-card{padding:var(--padding-sm);background-color:var(--modal-card-bg);border-radius:var(--border-radius-sm);border:1px solid var(--modal-card-border);transition:transform .15s ease,box-shadow .15s ease}.plan-metric-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0f172a0f}.plan-metric-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.plan-metric-value{color:var(--color-accent-primary);font-weight:800;font-size:1.25rem;line-height:1.2;margin-top:2px}.plan-room-card{padding:var(--padding-xs) var(--padding-sm);border-radius:var(--border-radius-sm);background-color:var(--modal-card-bg);border:1px solid var(--modal-card-border);display:flex;align-items:center;justify-content:space-between}.plan-room-name{color:var(--color-text-primary);font-weight:600;font-size:.875rem}.plan-room-chip{height:22px;font-size:.75rem!important;font-weight:700!important;background-color:var(--modal-badge-bg)!important;color:var(--modal-badge-text)!important}.plan-btn-generate-3d{width:100%;background:var(--modal-accent-gradient)!important;color:#fff!important;font-weight:800!important;padding:var(--padding-sm)!important;border-radius:var(--border-radius-sm)!important;text-transform:none!important;font-size:.95rem!important;box-shadow:0 4px 14px var(--color-accent-primary-glow)!important;transition:all .2s ease!important}.plan-btn-generate-3d:hover{background:var(--modal-accent-gradient-hover)!important;box-shadow:0 6px 20px var(--color-accent-primary-glow)!important}@media(max-width:900px){.plan-modal-header{padding:var(--padding-sm) var(--padding-md);flex-wrap:wrap;gap:var(--gap-sm)}.plan-modal-content{flex-direction:column}.plan-modal-canvas-area{height:55vh;min-height:280px;flex:none}.plan-modal-sidebar{width:100%!important;border-left:none;border-top:1px solid var(--modal-sidebar-border);padding:var(--padding-md);flex:1}.plan-metric-grid{grid-template-columns:1fr 1fr;gap:var(--gap-xs)}}@media(max-width:600px){.plan-modal-badge{display:none}.plan-modal-title{font-size:.95rem}.plan-modal-subtitle{display:none}.plan-modal-btn-outline,.plan-modal-btn-primary{font-size:.78rem!important;padding:var(--padding-2xs) var(--padding-sm)!important}}