@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Outfit", sans-serif;--bg-base:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--accent:#4f46e5;--accent-light:#6366f1;--accent-glow:#4f46e526;--cyan:#0891b2;--cyan-glow:#0891b226;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--border-focus:#4f46e566;--glass-bg:#ffffffd9;--glass-border:#fff9;--glass-blur:blur(20px);--glass-shadow:0 10px 40px -10px #0000001f, 0 0 1px #0000000d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) forwards}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn{font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-color:var(--border);background:#fff9}.btn-secondary:hover{background:#fff;border-color:#00000026;transform:translateY(-2px)}.btn-danger{color:#ef4444;background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:#ef444433;transform:translateY(-2px)}.main-header{z-index:50;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.5px;background:linear-gradient(135deg, #1e1b4b 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.visualizer-header{z-index:45;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.visualizer-header>*{pointer-events:auto}.selector-container{background:radial-gradient(circle at top,#e0e7ff 0%,#f1f5f9 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex}.selector-title{text-align:center;letter-spacing:-1.2px;color:#1e1b4b;margin-bottom:12px;font-size:44px;font-weight:700}.selector-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:56px;font-size:17px;line-height:1.6}.house-grid{flex-wrap:wrap;justify-content:center;gap:40px;width:100%;max-width:1000px;display:flex}.house-card{border:1px solid var(--border);cursor:pointer;transition:all var(--transition-normal);aspect-ratio:16/10;background:#fff;border-radius:24px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.house-card:hover{border-color:var(--accent-light);box-shadow:0 20px 40px #0000001f, 0 0 0 4px var(--accent-glow);transform:translateY(-10px)}.house-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.house-card:hover .house-card-image{transform:scale(1.04)}.house-card-overlay{background:linear-gradient(#0f172a00 0%,#0f172a40 40%,#0f172ad9 100%);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:absolute;inset:0}.house-card-title{color:#fff;margin-bottom:6px;font-size:24px;font-weight:600}.house-card-tag{color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px;font-size:12px;font-weight:600}.visualizer-container{background:#f1f5f9;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:96px 24px 188px 124px}.visualizer-sidebar{z-index:40;flex-direction:column;align-items:center;gap:16px;width:76px;padding:20px 0;display:flex;position:absolute;top:96px;bottom:188px;left:24px}.sidebar-btn-back{border:1px solid var(--border);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.sidebar-btn-back:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translate(-4px)}.category-list{flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;display:flex}.category-btn{border:1px solid var(--border);width:52px;height:52px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#00000008;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.category-btn:hover{color:var(--text-primary);background:#00000012;border-color:#00000026}.category-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-light);box-shadow:0 8px 20px var(--accent-glow);transform:scale(1.05)}.category-btn-tooltip{border:1px solid var(--border);white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--transition-fast);color:var(--text-primary);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;position:absolute;left:68px;transform:translate(-10px);box-shadow:0 4px 12px #00000014}.category-btn:hover .category-btn-tooltip{opacity:1;transform:translate(0)}.visualizer-bottom-bar{z-index:40;flex-direction:column;justify-content:center;gap:8px;height:140px;padding:14px 24px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.bottom-bar-header{justify-content:space-between;align-items:center;display:flex}.bottom-bar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:600}.swatch-scroll-container{gap:14px;width:100%;padding:4px 4px 6px;display:flex;overflow-x:auto}.swatch-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.swatch-button{width:64px;height:64px;transition:all var(--transition-fast);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.swatch-button:hover{border-color:#0003;transform:scale(1.08)}.swatch-item.active .swatch-button{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:scale(1.08)}.swatch-checkmark{color:#fff;filter:drop-shadow(0 1px 2px #00000080)}.swatch-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:11px;font-weight:500;overflow:hidden}.admin-container{background:#f8fafc;justify-content:center;min-height:100vh;padding:120px 24px 60px;display:flex}.admin-content{flex-direction:column;gap:32px;width:100%;max-width:1100px;display:flex}.admin-header-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.admin-title-group h1{color:#1e1b4b;font-size:32px;font-weight:700}.admin-title-group p{color:var(--text-secondary);margin-top:4px;font-size:14px}.admin-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000005}.admin-card-title{color:#1e1b4b;align-items:center;gap:8px;margin-bottom:20px;font-size:19px;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group-full{grid-column:span 2}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{border:1px solid var(--border);width:100%;font-family:var(--font-primary);color:var(--text-primary);transition:all var(--transition-fast);background:#f8fafc;border-radius:10px;outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-select{border:1px solid var(--border);width:100%;font-family:var(--font-primary);color:var(--text-primary);cursor:pointer;background:#f8fafc;border-radius:10px;outline:none;padding:12px 16px;font-size:15px}.file-upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.file-upload-zone:hover{border-color:var(--accent);background:#4f46e505}.file-upload-zone-icon{color:var(--text-muted);font-size:24px}.file-upload-preview{object-fit:cover;border:1px solid var(--border);border-radius:8px;max-width:200px;max-height:120px;margin-top:12px}.radio-group{gap:16px;margin-top:4px;display:flex}.radio-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.color-picker-container{align-items:center;gap:12px;display:flex}.color-input-picker{appearance:none;cursor:pointer;background-color:#0000;border:none;width:48px;height:48px}.color-input-picker::-webkit-color-swatch{border:1px solid var(--border);border-radius:10px}.admin-table-container{border:1px solid var(--border);border-radius:12px;margin-top:12px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:var(--text-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;padding:14px 18px;font-size:13px;font-weight:600}.admin-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:16px 18px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.house-row-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:64px;height:40px}.admin-tabs{background:#e2e8f0;border-radius:12px;gap:8px;width:fit-content;margin-bottom:8px;padding:4px;display:flex}.admin-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.admin-tab.active{background:var(--accent);color:#fff}.toast{z-index:100;animation:slideUp var(--transition-fast) forwards;border-radius:12px;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000001a}.toast-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@media (width<=768px){.house-grid{flex-direction:column;align-items:center;gap:24px}.form-grid{grid-template-columns:1fr}.canvas-container{bottom:264px;left:24px}.visualizer-sidebar{flex-direction:row;justify-content:center;width:auto;height:auto;padding:10px;inset:auto 24px 180px}.category-list{flex-direction:row}.sidebar-btn-back{margin-bottom:0;margin-right:12px}}