@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-main:#060906;--sidebar-bg:#0b120b;--card-bg:#111a11;--topbar-bg:#16a34a33;--accent-primary:#22c55e;--accent-primary-hover:#16a34a;--sidebar-hover:#14532d;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:#ffffff0d;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--gradient-primary:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--shadow-2xl:0 25px 50px -12px #00000080;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);border:1px solid var(--glass-border)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);padding:24px}.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -15px #0009}.btn-primary{background:var(--gradient-primary);color:#fff;transition:all var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 20px -5px #22c55e66}.input-field{border:1px solid var(--glass-border);color:#fff;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);background:#ffffff0d;border-radius:12px;outline:none;width:100%;padding:12px 16px}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #22c55e33}select option{color:#333;background-color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--sidebar-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--sidebar-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:#ffffff0d;border-radius:4px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.layout-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{height:100vh;margin-left:var(--sidebar-width);transition:margin var(--transition-smooth);background:radial-gradient(circle at 50% 0,#22c55e1a 0%,#0000 50%);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.page-container{padding:32px 48px}.table-container{background:var(--card-bg);border-radius:var(--border-radius-xl);border:1px solid var(--border-color);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.badge-active{color:#4ade80;background:#22c55e1a}.badge-pending{color:#facc15;background:#eab3081a}.badge-completed{color:#60a5fa;background:#22c55e1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.page-container{padding:24px 32px}.plan-gallery-grid-dynamic{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){:root{--sidebar-width:260px}.sidebar{box-shadow:10px 0 30px #00000080;left:calc(-1 * var(--sidebar-width))!important;width:var(--sidebar-width)!important}.sidebar.open{left:0!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0009;width:100vw;height:100vh;animation:.25s ease-out fadeIn;position:fixed;top:0;left:0}.main-content{margin-left:0!important}.menu-toggle-btn{flex-shrink:0!important;margin-right:12px!important;display:flex!important}.topbar{height:70px!important;padding:10px 16px!important}.topbar-search{display:none!important}.topbar-actions{gap:8px!important}.topbar-actions>.action-btn,.user-info,.user-profile .chevron{display:none!important}.user-profile{padding:4px!important}.page-container{padding:20px 16px}.page-header{flex-direction:column;gap:16px;align-items:flex-start!important}.page-header .btn-primary{width:100%}.users-grid,.dashboard-grid,.stats-grid,.charts-grid,.form-grid-premium,.data-grid-premium,.plan-gallery-grid-dynamic,.client-detail-grid,.catalog-grid{grid-template-columns:1fr!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:650px}.form-grid-premium .full-width{grid-column:span 1!important}}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:all var(--transition-smooth);flex-direction:column;padding:32px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{align-items:center;gap:12px;margin-bottom:48px;padding:0 16px;display:flex}.logo-box{background:var(--gradient-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #22c55e66}.sidebar-logo span{letter-spacing:-.01em;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);transition:all var(--transition-smooth);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background-color:#ffffff08}.nav-item.active{background-color:var(--sidebar-hover);color:#fff}.nav-item .nav-text{flex:1;font-size:.95rem;font-weight:500}.nav-item .chevron{opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-smooth)}.nav-item:hover .chevron,.nav-item.active .chevron{opacity:.4;transform:translate(2px)}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:24px}.logout-btn{color:#ef4444;width:100%;transition:all var(--transition-smooth);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.logout-btn:hover{background-color:#ef44441a}@media (width<=768px){.sidebar{box-shadow:10px 0 30px #00000080;left:calc(-1 * var(--sidebar-width))!important}.sidebar.open{left:0!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0009;width:100vw;height:100vh;animation:.25s ease-out fadeIn;position:fixed;top:0;left:0}}.topbar{background-color:var(--topbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:80px;padding:16px 48px;display:flex;position:sticky;top:0}.topbar-search{flex:1;max-width:480px}.search-box{border:1px solid var(--glass-border);transition:all var(--transition-smooth);background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-icon{color:var(--text-secondary)}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%}.search-box:focus-within{border-color:var(--accent-primary);background:#ffffff14}.topbar-actions{align-items:center;gap:16px;display:flex}.settings-wrapper{position:relative}.settings-dropdown{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #ffffff1a;width:240px;padding:16px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px -5px #0006}.dropdown-overlay{z-index:99;width:100vw;height:100vh;position:fixed;top:0;left:0}.dropdown-section{flex-direction:column;gap:8px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:.7rem;display:flex}.option-list{flex-direction:column;gap:4px;display:flex}.option-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px;font-size:.85rem;transition:all .2s;display:flex}.option-item:hover{background:#ffffff0d}.option-item.selected{color:var(--accent-primary);background:#22c55e26}.flag{font-size:1.2rem}.symbol-box{width:24px;height:24px;color:var(--accent-primary);background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.check-icon{margin-left:auto}.dropdown-divider{background:#ffffff14;height:1px;margin:12px 0}.action-btn{width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.action-btn:hover,.action-btn.active{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff1a}.notification-dot{background-color:var(--accent-primary);border:2px solid var(--sidebar-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.user-profile{cursor:pointer;transition:all var(--transition-smooth);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:6px 12px;display:flex}.user-profile:hover{background:#ffffff0d;border-color:#ffffff14}.user-avatar{background:var(--gradient-primary);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--text-secondary);font-size:.75rem}.chevron{color:var(--text-secondary);opacity:.5}.menu-toggle-btn{width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:none}.menu-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff1a}.login-page{background:radial-gradient(circle at 10% 20%,#15803d33 0%,#0000 40%),radial-gradient(circle at 90% 80%,#22c55e26 0%,#0000 40%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.login-card{border-radius:var(--border-radius-2xl);flex-direction:column;gap:32px;width:100%;max-width:440px;padding:48px;display:flex}.login-header{text-align:center}.logo-box-large{background:var(--gradient-primary);border-radius:var(--border-radius-xl);color:#fff;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:2rem;font-weight:800;display:flex;box-shadow:0 10px 40px #22c55e66}.login-header h1{margin-bottom:8px;font-size:1.75rem}.login-header p{color:var(--text-secondary);font-size:.9rem}.error-alert{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:.85rem;font-weight:500;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--text-secondary);margin-left:4px;font-size:.85rem;font-weight:500}.input-with-icon .icon{color:var(--text-secondary);position:absolute;left:16px}.input-with-icon .input-field{padding-left:48px;padding-right:48px}.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--accent-primary)}.form-extra{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.remember-me{align-items:center;gap:8px;display:flex}.forgot-password{color:var(--accent-primary);font-weight:500}.login-btn{width:100%;padding:14px;font-size:1rem}.login-footer{text-align:center;border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:24px;display:flex}.login-footer p{color:var(--text-secondary);font-size:.8rem}.google-btn{border:1px solid var(--glass-border);color:#fff;transition:all var(--transition-smooth);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex}.google-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.login-language-selector{z-index:10;position:absolute;top:24px;right:24px}.lang-select-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.lang-select-login:hover{background:#ffffff26;border-color:#ffffff4d}.lang-select-login option{color:#fff;background:#111827}.dashboard-page{flex-direction:column;gap:32px;display:flex}.dashboard-header h1{margin-bottom:8px;font-size:2.25rem}.dashboard-header p{color:var(--text-secondary);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.stat-card{align-items:center;gap:20px;padding:32px;display:flex}.stat-icon-box{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-icon-box.green{color:#22c55e;background:#22c55e1a}.stat-icon-box.yellow{color:#eab308;background:#eab3081a}.stat-icon-box.purple{color:#a855f7;background:#a855f71a}.stat-icon-box.orange{color:#f97316;background:#f973161a}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{font-size:1.8rem;font-weight:800}.stat-change{align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.dashboard-sections{grid-template-columns:1fr;gap:24px;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h3{font-size:1.25rem}.text-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.activity-list{flex-direction:column;gap:20px;display:flex}.activity-item{border-bottom:1px solid var(--border-color);gap:16px;padding-bottom:20px;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{color:#22c55e;background:#22c55e1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-info p{font-size:.95rem;line-height:1.5}.activity-info span{color:var(--text-secondary);font-size:.8rem}.project-simple-list{flex-direction:column;gap:16px;display:flex}.project-item{transition:background var(--transition-smooth);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.project-item:hover{background:#ffffff08}.project-dot{background:var(--accent-primary);border-radius:50%;width:12px;height:12px}.project-details{flex:1}.project-details h4{margin-bottom:2px;font-size:.9rem}.project-details p{color:var(--text-secondary);font-size:.8rem}.recent-projects-table{border-collapse:collapse;width:100%}.recent-projects-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px;font-size:.85rem;font-weight:600}.recent-projects-table td{border-bottom:1px solid #ffffff0d;padding:16px 12px;font-size:.95rem}.recent-projects-table tr:last-child td{border-bottom:none}.designs-badge{color:#22c55e;background:#22c55e1a;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:600}.badge-approved{color:#22c55e;background:#22c55e1a}.clickable-row{cursor:pointer;transition:background .2s}.clients-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.header-info h1{font-size:2rem}.header-info p{color:var(--text-secondary)}.table-filters{border-radius:var(--border-radius-xl);gap:16px;padding:16px;display:flex}.table-filters .search-box{border:1px solid var(--border-color);background:#ffffff0d;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.table-filters .search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:12px 0}.filter-btn{border:1px solid var(--border-color);color:#fff;transition:all var(--transition-smooth);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:500;display:flex}.filter-btn:hover{background:#ffffff1a}.client-cell{align-items:center;gap:12px;display:flex}.client-avatar{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.client-name{flex-direction:column;line-height:1.25;display:flex}.client-name span{color:var(--text-secondary);font-size:.75rem}.contact-cell span{color:var(--text-secondary);font-size:.8rem}.proyectos-cell .count-badge{color:var(--accent-primary);background:#22c55e1a;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.activity-cell{color:var(--text-secondary);font-size:.85rem}.actions-cell{justify-content:flex-end;gap:8px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text-primary);background:#ffffff0d}.table-pagination{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.table-pagination p{color:var(--text-secondary);font-size:.9rem}.pagination-btns{gap:8px;display:flex}.pagination-btn{width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-smooth);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;font-weight:500;display:flex}.pagination-btn.active{background:var(--gradient-primary);color:#fff}.pagination-btn.disabled{opacity:.3;cursor:not-allowed}.pagination-btn:not(.disabled):hover{background:#ffffff1a}.modal-content{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.client-expanded-modal{width:95%!important;max-width:800px!important}.modal-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef44441a}.form-section-title{text-transform:uppercase;color:var(--accent-primary);letter-spacing:.1em;border-bottom:1px solid #22c55e33;margin:24px 0 12px;padding-bottom:4px;font-size:.75rem;font-weight:700}.form-section-title:first-child{margin-top:0}.modal-form{flex:1;padding:24px 32px;overflow-y:auto}.scrollable-form{max-height:70vh;padding-right:12px}.scrollable-form::-webkit-scrollbar{width:6px}.scrollable-form::-webkit-scrollbar-track{background:0 0}.scrollable-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.8rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-grid.grid-3{grid-template-columns:1fr 1fr 1fr}.select-trigger{border:1px solid var(--glass-border);cursor:pointer;color:#fff;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;transition:all .2s;display:flex}.select-trigger:hover{border-color:var(--accent-primary);background:#ffffff1a}.select-options-popup{z-index:1001;border:1px solid var(--accent-primary);background:#0f0f0ffa;border-radius:12px;flex-direction:column;gap:4px;width:180px;max-height:250px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 15px 35px #0009}.select-option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.select-option:hover{background:#ffffff1a}.select-option.selected{color:var(--accent-primary);background:#22c55e26}.flag-img-small{object-fit:cover;border-radius:2px;width:20px;height:14px;box-shadow:0 1px 3px #0000004d}.textarea-field{resize:vertical}.count-badge{color:var(--accent-primary);cursor:pointer;background:#22c55e1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.count-badge:hover{background:#22c55e33;transform:scale(1.05)}.client-row{transition:background .2s}.client-row:hover{background:#ffffff08}.clickable-name{cursor:pointer;transition:color .2s}.clickable-name:hover{color:var(--accent-primary)}.project-modal-small{max-width:600px!important}.projects-popup-list{flex-direction:column;gap:8px;max-height:400px;padding:4px;display:flex;overflow-y:auto}.project-popup-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.project-popup-item:hover{border-color:var(--accent-primary);background:#22c55e0d;transform:translate(4px)}.client-avatar-small{background:var(--gradient-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.info-field-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.info-value{color:#fff;font-size:.95rem;font-weight:500}.client-info-premium-modal{border:1px solid #ffffff1a;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;width:95%!important;max-width:850px!important;padding:0!important}.client-avatar-large{background:var(--gradient-primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:800;display:flex;box-shadow:0 10px 20px #22c55e4d}.header-text h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.8rem}.header-text p{color:var(--accent-primary);opacity:.8;margin:4px 0 0;font-size:.9rem;font-weight:600}.close-btn-premium{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.scrollable-form-premium{flex-direction:column;gap:24px;max-height:65vh;padding:24px 32px;display:flex;overflow-y:auto}.info-section{margin-bottom:8px}.section-header{color:var(--accent-primary);opacity:.9;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:700}.info-grid-premium{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.info-grid-premium.grid-3{grid-template-columns:1fr 1fr 1fr}.info-field-box-premium{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.info-field-box-premium:hover{background:#ffffff0f;border-color:#22c55e33}.info-icon-wrapper{width:32px;height:32px;color:var(--accent-primary);background:#22c55e14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-content-wrapper{flex-direction:column;gap:2px;display:flex}.info-label-premium{color:var(--text-secondary);font-size:.75rem;font-weight:600}.info-value-premium{color:#fff;font-size:1rem;font-weight:500}.full-width-field{margin-bottom:16px}.observations-box-premium{border-left:4px solid var(--accent-primary);background:#ffffff08;border-radius:16px;padding:20px}.observations-box-premium p{color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.6}.modal-footer,.modal-footer-premium{background:#0000001a;border-top:1px solid #ffffff0d;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary-premium{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #22c55e4d}.btn-primary-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.projects-premium-modal{overflow:hidden;width:95%!important;max-width:600px!important;padding:0!important}.projects-actions-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.projects-count-pill{color:var(--accent-primary);background:#22c55e1a;border-radius:20px;margin:0;padding:6px 16px;font-size:.85rem;font-weight:600}.projects-list-premium{flex-direction:column;gap:12px;display:flex}.project-card-premium{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.project-card-premium:hover{background:#ffffff0f;border-color:#22c55e33;transform:translate(4px)}.project-card-icon{width:36px;height:36px;color:var(--accent-primary);background:#22c55e14;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.status-indicator-dot{border:2px solid #111;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.status-indicator-dot.active{background:#22c55e}.status-indicator-dot.pending{background:#eab308}.project-card-content{flex:1}.project-card-content h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.project-card-meta{align-items:center;gap:12px;margin-top:4px;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:flex}.status-tag-premium{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:800}.status-tag-premium.active{color:#22c55e;background:#22c55e26}.status-tag-premium.pending{color:#eab308;background:#eab30826}.project-card-action{color:var(--text-secondary);opacity:.5;transition:all .2s}.project-card-premium:hover .project-card-action{color:var(--accent-primary);opacity:1;transform:translate(4px)}.empty-projects-premium{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.empty-icon-wrapper{opacity:.5;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.input-premium{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-premium::placeholder{color:#fff3}.input-with-icon .input-premium{width:100%;padding-left:48px}.modal-body.scrollable-projects-premium::-webkit-scrollbar{width:6px}.modal-body.scrollable-projects-premium::-webkit-scrollbar-track{background:0 0}.modal-body.scrollable-projects-premium::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-body.scrollable-projects-premium::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-header-premium{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.projects-page{flex-direction:column;gap:24px;display:flex}.clickable-row{cursor:pointer}.clickable-row:hover{background:#ffffff0d!important}.clickable-row:hover td{background:0 0!important}.project-cell{flex-direction:column;line-height:1.25;display:flex}.project-cell span{color:var(--text-secondary);font-size:.75rem}.client-wrapper{align-items:center;gap:12px;display:flex}.small-avatar{width:28px;min-width:28px;height:28px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.status-indicator{align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.text-success{color:#4ade80}.text-warning{color:#facc15}.budget-cell strong{color:var(--accent-primary);font-weight:700}.date-badge{color:var(--text-secondary);background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.projects-premium-modal{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;width:95%!important;max-width:650px!important;padding:0!important}.modal-header-premium{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-client-info{align-items:center;gap:16px;display:flex}.client-avatar-large{background:var(--gradient-primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 16px #22c55e33}.header-text h2{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.header-text p{color:var(--text-secondary);margin:4px 0 0;font-size:.85rem}.close-btn-premium{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;padding:8px;transition:all .2s}.close-btn-premium:hover{color:#ef4444;background:#ef44441a}.scrollable-projects-premium{max-height:70vh;padding:24px 32px;overflow-y:auto}.form-grid-premium{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid-premium .full-width{grid-column:1/-1}.form-group-premium{flex-direction:column;gap:8px;display:flex}.form-group-premium label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.8rem;font-weight:700}select.input-premium{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:48px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--accent-primary);opacity:.6;position:absolute;left:16px}.input-with-icon .input-premium{padding-left:48px}.phone-input-group{gap:8px;display:flex}.phone-input-group .input-premium{flex:1}.custom-flag-select{width:100px;position:relative}.select-trigger{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .2s;display:flex}.modal-footer-premium{background:#0000001a;border-top:1px solid #ffffff0d;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.btn-add-premium{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #22c55e33}.btn-add-premium:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e4d}.btn-secondary-premium{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-secondary-premium:hover{background:#ffffff1a}.anim-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) scaleUp}.pl-12{padding-left:48px!important}.mt-3{margin-top:12px!important}.items-start{align-items:flex-start!important}.budget-cell-container{padding:8px 0}.final-budget-value{color:#4ade80;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.details-page{flex-direction:column;gap:32px;padding-bottom:120px;display:flex}.details-header{justify-content:space-between;align-items:center;display:flex}.back-btn{color:var(--text-secondary);align-items:center;gap:8px;font-weight:600;transition:color .3s;display:flex}.back-btn:hover{color:#fff}.header-actions{gap:12px;display:flex}.project-hero{border-left:4px solid var(--accent-primary);background:linear-gradient(135deg,#22c55e1a 0%,#15803d0d 100%);padding:48px}.hero-info{flex-direction:column;gap:16px;display:flex}.project-id{color:var(--accent-primary);letter-spacing:.1em;font-size:.85rem;font-weight:700}.hero-meta{align-items:center;gap:16px;margin-top:12px;display:flex}.client-tag{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.details-tabs{border-radius:16px;gap:8px;width:fit-content;padding:8px;display:flex}.tab-btn{color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #22c55e4d}.tab-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tab-content{flex-direction:column;flex:1;min-height:min-content;padding-top:20px;display:flex;height:auto!important;overflow:visible!important}.placeholder-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:400px;display:flex}.placeholder-icon{width:100px;height:100px;color:var(--accent-primary);background:#22c55e1a;border:4px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;display:flex}.data-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.data-grid h3{margin-bottom:24px}.info-list{flex-direction:column;gap:16px;display:flex}.info-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.info-item.divider{background:#ffffff0d;height:1px;margin:12px 0;padding:0;display:block}.info-item svg{color:var(--accent-primary);opacity:.7}.info-item strong{color:var(--text-primary);min-width:140px;display:inline-block}.notes-card textarea{height:120px;margin-bottom:16px}.budget-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.budget-preview{flex-direction:column;gap:16px;display:flex}.budget-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px;display:flex}.budget-row:last-child{border-bottom:none}.budget-row.total{color:var(--accent-primary);background:#22c55e0d;border-bottom:none;border-radius:12px;margin-top:12px;padding:24px;font-size:1.25rem}.proposals-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.proposal-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;padding:24px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.proposal-item:hover{border-color:var(--accent-primary);background:#ffffff0f;transform:translate(4px);box-shadow:0 10px 30px #0003}.proposal-main{flex:2;align-items:center;gap:20px;display:flex}.proposal-icon-wrapper{background:var(--gradient-primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 16px #22c55e33}.proposal-title-info h4{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.proposal-title-info p{color:var(--text-secondary);font-size:.85rem}.proposal-metrics{flex:3;justify-content:center;gap:48px;display:flex}.metric-box{flex-direction:column;gap:4px;display:flex}.metric-box .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem}.metric-box .value{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.metric-box .value.date{color:var(--text-primary);opacity:.8;font-weight:500}.proposal-actions{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-edit-action{color:var(--accent-primary);background:#22c55e1a;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-edit-action:hover{background:var(--accent-primary);color:#fff}.btn-delete-action{color:#ef444499;background:#ef44440d;border-radius:10px;padding:10px;transition:all .2s}.btn-delete-action:hover{color:#fff;background:#ef4444}.tab-header-flex{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.anim-fade-in{animation:.4s ease-out fadeIn}.plan-header-pro{border-left:4px solid var(--accent-primary);margin-bottom:32px;padding-left:20px}.plan-header-pro h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.plan-header-pro p{color:var(--text-secondary);margin:5px 0 0;font-size:.95rem}.plan-gallery-grid-dynamic{flex-direction:column;gap:40px;display:flex}.blueprint-snapshot-card-pro{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.blueprint-frame{background:#fcfcfc;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex;position:relative}.blueprint-img-real{border:1px solid #e2e8f0;max-width:100%;height:auto;display:block;box-shadow:0 4px 12px #0000000d}.snapshot-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.blueprint-watermark{color:#94a3b8;letter-spacing:2px;pointer-events:none;opacity:.4;font-size:8px;font-weight:800;position:absolute;top:15px;right:15px}.blueprint-fallback{width:100%;position:relative}.blueprint-header-mini{border-bottom:1px solid var(--border-color);background:#ffffff08;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.bp-id{color:var(--accent-primary);letter-spacing:1px;font-size:.75rem;font-weight:700}.bp-name{color:var(--text-primary);font-size:1rem;font-weight:600}.blueprint-details-footer{border-top:1px solid var(--border-color);background:#ffffff05;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px;display:grid}.detail-item{flex-direction:column;display:flex}.detail-item strong{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:.7rem}.detail-item span{color:var(--text-primary);font-size:1rem;font-weight:600}.fallback-notice{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:6px;padding:10px 15px;position:absolute;bottom:20px;left:20px}.fallback-notice p{color:#64748b;margin:0;font-size:.8rem;font-weight:600}.fallback-notice span{color:#94a3b8;font-size:.7rem}.bom-intro{border-left:4px solid var(--accent-primary);margin-bottom:30px;padding-left:15px}.bom-intro h3{color:var(--text-primary);margin:0;font-size:1.4rem}.bom-intro p{color:var(--text-secondary);margin:5px 0 0;font-size:.9rem}.bom-designs-list{flex-direction:column;gap:30px;display:flex}.bom-card-modern{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.bom-card-header-modern{border-bottom:1px solid var(--border-color);background:#ffffff08;align-items:center;gap:15px;padding:15px 25px;display:flex}.h-ref{background:var(--accent-primary);color:#fff;letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.bom-card-header-modern h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.bom-table-clean-wrapper{padding:10px 20px 20px}.bom-table-clean{border-collapse:collapse;width:100%}.bom-table-clean th{text-align:left;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;border-bottom:1px solid var(--border-color);padding:15px 10px;font-size:.7rem}.bom-table-clean td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:12px 10px;font-size:.9rem}.t-name{font-weight:500}.t-qty{color:var(--accent-primary);text-align:right;font-family:Inter,monospace;font-weight:700}.t-unit{color:var(--text-secondary);padding-left:10px}.bom-table-clean tr:last-child td{border-bottom:none}.bom-table-clean tr:hover td{background:#ffffff05}.budget-actions{gap:12px;display:flex}.premium-download{align-items:center;gap:8px;display:flex;box-shadow:0 4px 15px #22c55e66;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)!important;padding:12px 24px!important}.budget-configs-list{flex-direction:column;gap:24px;margin-top:24px;margin-bottom:40px;display:flex}.budget-module-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}.module-info-header{background:#22c55e0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.module-info-header .title{color:#fff;align-items:center;gap:12px;display:flex}.module-info-header h4{margin:0;font-size:1.1rem}.btn-add-extra{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-add-extra:hover{filter:brightness(1.1);transform:translateY(-1px)}.module-budget-items{padding:12px 24px 24px}.budget-table-header{color:#fff6;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 100px 110px 130px 110px 110px 40px;gap:16px;padding:0 0 12px;font-size:.7rem;font-weight:700;display:grid}.budget-item-row{border-bottom:1px solid #ffffff08;grid-template-columns:2fr 100px 110px 130px 110px 110px 40px;align-items:center;gap:16px;padding:12px 0;transition:background .2s;display:grid}.budget-item-row:hover{background:#ffffff03}.col-name{align-items:center;gap:12px;display:flex}.col-qty,.col-unit-price,.col-price,.col-total{align-items:center;display:flex}.inline-edit-input{color:#fff;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:4px 8px;font-size:.95rem;transition:all .2s}.inline-edit-input:hover{background:#ffffff0d;border-color:#ffffff1a}.inline-edit-input:focus{border-color:var(--accent-primary);background:#0000004d;outline:none}.inline-edit-input.name{font-weight:500}.inline-edit-input.qty{text-align:center}.inline-edit-input.price{text-align:right;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.unit-tag{color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.75rem}.currency{color:#ffffff4d;padding-right:8px;font-size:.85rem}.total-val{color:#4ade80;text-align:right;width:100%;font-family:Inter,monospace;font-size:1.1rem;font-weight:700}.lock-icon{opacity:.3;cursor:help;font-size:.8rem}.delete-extra-btn{color:#ef4444;cursor:pointer;opacity:.6;background:#ef44441a;border:none;border-radius:6px;padding:6px;transition:all .2s}.delete-extra-btn:hover{opacity:1;color:#fff;background:#ef4444}.module-total-row{color:var(--accent-primary);border-top:2px solid #22c55e33;justify-content:space-between;margin-top:12px;padding-top:16px;font-size:1.1rem;font-weight:700;display:flex}.budget-financial-summary{border-top:4px solid var(--accent-primary);flex-direction:column;gap:16px;padding:30px;display:flex}.financial-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:1rem;display:flex}.financial-row.highlight{color:#fbbf24}.financial-row .fin-label{color:var(--text-secondary);font-weight:600}.financial-row .fin-value{font-family:monospace;font-size:1.1rem;font-weight:700}.editable-margin{background:#0003;border-radius:8px;padding:12px 16px}.fin-input-wrapper{align-items:center;gap:8px;font-weight:700;display:flex}.fin-input-wrapper input{color:#fff;text-align:right;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;width:60px;padding:4px 8px;font-weight:700}.fin-input-wrapper input:focus{border-color:var(--accent-primary);outline:none}.grand-total-row{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.grand-total-row .total-content{justify-content:space-between;align-items:center;width:100%;display:flex}.grand-total-row .label{color:var(--text-primary);font-size:1.2rem;font-weight:800}.grand-total-row .value{color:#4ade80;font-size:1.8rem;font-weight:800}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.catalog-modal,.modal-content{flex-direction:column;width:100%;max-width:700px;max-height:80vh;display:flex;overflow:hidden;background:var(--card-bg)!important;border:1px solid #ffffff1a!important;border-radius:20px!important}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px;display:flex}.close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.search-box{background:#ffffff05;padding:20px 24px;position:relative}.search-icon{color:#ffffff4d;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.search-box input{outline:none;width:100%;font-size:1rem;color:#fff!important;background:#0000004d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:14px 14px 14px 48px!important}.catalog-results{flex-direction:column;flex:1;gap:10px;padding:12px 24px 24px;display:flex;overflow-y:auto}.catalog-item-result{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.catalog-item-result:hover{background:#22c55e1a;border-color:#22c55e4d}.tags{gap:6px;margin:4px 0;display:flex}.tag-part,.tag-3d{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.6rem;font-weight:700}.tag-part{color:#60a5fa;background:#22c55e33}.tag-3d{color:#c084fc;background:#a855f733}.budget-grand-total{text-align:right;background:#4ade8008;border-right:4px solid #4ade80;border-radius:16px;margin-top:40px;padding:40px}.total-content .value{color:#4ade80;font-size:3.5rem;font-weight:900;line-height:1}.project-hero{padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-hero.expanded{border-bottom:4px solid var(--accent-primary)}.title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.title-row svg{color:var(--accent-primary);opacity:.8;transition:transform .3s}.project-hero.expanded .title-row svg{transform:rotate(0)}.hero-expanded-content{border-top:1px solid var(--border-color);width:100%;margin-top:32px;padding-top:32px}.data-grid-premium{grid-template-columns:1fr 1fr;gap:32px;display:grid}.info-column{flex-direction:column;gap:16px;display:flex}.info-column h4{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;display:flex}.info-list-modern{flex-direction:column;gap:12px;display:flex}.info-item-modern{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-item-modern .label{color:var(--text-secondary);font-size:.9rem}.info-item-modern .value{color:var(--text-primary);font-size:.95rem;font-weight:600}.status-val{text-transform:capitalize;color:var(--accent-primary)!important}.full-width{grid-column:1/-1}.project-description-box-modern{border:1px solid var(--border-color);color:var(--text-secondary);white-space:pre-wrap;background:#ffffff05;border-radius:12px;padding:20px;font-size:.95rem;line-height:1.6}.empty-project-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:500px;margin-top:20px;padding:60px;display:flex}.empty-state-icon{width:120px;height:120px;color:var(--accent-primary);background:#22c55e0d;border:1px solid #22c55e33;border-radius:60px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.empty-project-state h2{color:var(--text-primary);margin:0;font-size:2.2rem;font-weight:800}.empty-project-state p{color:var(--text-secondary);max-width:500px;margin-bottom:24px;font-size:1.1rem;line-height:1.6}.hero-expanded-actions-bar{justify-content:flex-end;width:100%;margin-bottom:24px;display:flex}.edit-actions-buttons{gap:12px;display:flex}.btn-edit-inline,.btn-save-inline,.btn-cancel-inline{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.btn-edit-inline{color:var(--accent-primary);background:#22c55e1a}.btn-edit-inline:hover{background:var(--accent-primary);color:#fff}.btn-cancel-inline{color:#fff;background:#ffffff0d}.btn-cancel-inline:hover{background:#ffffff1a}.btn-save-inline{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #22c55e33}.btn-save-inline:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}.btn-save-inline:disabled{opacity:.5;cursor:not-allowed;transform:none}.info-item-modern.editable{border-bottom:1px solid #ffffff0d;padding:4px 0}.input-premium{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-premium:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #22c55e1a}.inline-input,.inline-select{color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff26!important;border-radius:8px!important;width:60%!important;padding:6px 12px!important;font-size:.85rem!important}select.inline-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px!important}.status-select{width:140px!important}.inline-phone-group{gap:8px;width:60%;display:flex}.inline-phone-group .phone-field{flex:1;width:auto!important}.inline-textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;line-height:1.5}.inline-textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #22c55e1a}.custom-flag-select{width:100px;min-width:90px;position:relative}.select-trigger{cursor:pointer;color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;height:100%;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;border-radius:8px!important;padding:6px 10px!important}.select-trigger:hover{background:#ffffff14;border-color:#fff3}.flag-img-small{object-fit:cover;border-radius:2px;width:18px;height:12px}.select-overlay-transparent{z-index:1001;width:100vw;height:100vh;position:fixed;top:0;left:0}.select-options-popup{z-index:1002;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:10px;width:120px;max-height:180px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 10px 25px #00000080}.select-option{cursor:pointer;color:#ffffffb3;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:all .2s;display:flex}.select-option:hover{color:#fff;background:#22c55e1a}.select-option.selected{color:var(--accent-primary);background:#22c55e33;font-weight:600}.catalog-item-result-premium{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.catalog-item-result-premium:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;background:#22c55e14!important;border-color:#22c55e4d!important}.catalog-item-result-premium:hover .plus-icon-circle{transform:rotate(90deg);background:var(--accent-primary)!important;color:#fff!important}.premium-modal{border:1px solid #ffffff14!important;box-shadow:0 20px 50px #00000080!important}@media (width<=768px){.catalog-modal{width:98%!important;max-height:95vh!important}.catalog-two-columns{flex-direction:column!important;height:auto!important;max-height:70vh!important;padding:12px 16px 16px!important}.catalog-two-columns>div:first-child{border-bottom:1px solid #ffffff14!important;border-right:none!important;width:100%!important;max-height:140px!important;margin-bottom:12px!important;padding-bottom:12px!important;padding-right:0!important}.catalog-two-columns>div:last-child{max-height:420px!important;padding-left:0!important}.catalog-item-result-premium{padding:12px!important}}:root{--bg:#0d1117;--sb:#161b22;--sb2:#1c2128;--border:#ffffff14;--accent:#e94560;--blue:#16a34a;--blue-dim:#2563eb26;--text:#e6edf3;--muted:#8b949e;--radius:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);height:100%;font-family:Inter,sans-serif;font-size:13px;overflow:hidden}.configurator-full{flex-direction:column;width:100vw;height:100vh;display:flex}#main{flex:1;height:calc(100vh - 52px);display:flex;position:relative;overflow:hidden}#right-sidebar{background:var(--sb);border-left:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;gap:10px;width:280px;height:100%;padding:10px;display:flex;overflow-y:auto}#right-sidebar h2{color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:10px;font-weight:700}.obj-item{background:var(--sb2);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;transition:all .2s;display:flex}.obj-item:hover{border-color:#ffffff26}.obj-item.active{border-color:var(--blue);background:var(--blue-dim)}.obj-item .obj-header{justify-content:space-between;align-items:center;display:flex}.obj-item .obj-name{color:var(--text);font-size:11px;font-weight:600}.obj-item .obj-controls{gap:6px;display:flex}.obj-item .obj-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.obj-item .obj-btn:hover{color:var(--text);background:#ffffff1a}.obj-item .obj-btn.active{color:var(--blue);border-color:var(--blue);background:var(--blue-dim)}.obj-item .obj-btn.hidden{color:#f87171;border-color:#f8717133}#topbar{background:var(--sb);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;gap:6px;height:52px;padding:0 12px;display:flex}#topbar h1{color:var(--text);white-space:nowrap;flex:1;font-size:14px;font-weight:600}#topbar h1 span{color:var(--accent)}.btn,.btn-sec{border:1px solid var(--border);color:var(--muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.btn:hover,.btn-sec:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff2e}.btn.active,.btn-sec.active{background:var(--blue);border-color:var(--blue);color:#fff}.btn:disabled,.btn-sec:disabled{opacity:.35;pointer-events:none}.btn-red{color:var(--accent);border-color:#e945604d}.btn-red:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:5px;transition:color .15s;display:flex}.icon-btn:hover{color:var(--text)}#sidebar{background:var(--sb);border-right:1px solid var(--border);z-index:50;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex-shrink:0;gap:2px;width:252px;height:100%;padding:10px 10px 24px;display:flex;overflow-y:auto}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}#sidebar h2{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;padding:12px 2px 5px;font-size:9px;font-weight:600}#sidebar h3{color:var(--muted);padding:5px 2px 3px;font-size:11px}#sidebar hr{border:none;border-top:1px solid var(--border);margin:6px 0}.pi{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.pi:hover{background:#ffffff0a;border-color:#ffffff1f}.pi-active{background:var(--blue-dim);border-color:var(--blue);color:#fff}.pill-btn{background:var(--sb2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px;transition:all .15s}.pill-btn:hover{border-color:var(--blue);color:var(--text);background:var(--blue-dim)}.catalog-card{background:var(--sb2);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.catalog-card:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.catalog-card--part:hover{border-color:#10b98166}.catalog-card--component:hover{border-color:#2563eb66}.catalog-card .card-icon{margin-bottom:6px;font-size:20px}.catalog-card .card-name{color:var(--text);text-align:center;word-break:break-word;font-size:10px;font-weight:500;line-height:1.3}.catalog-card .card-price{color:#4ade80;margin-top:4px;font-size:9px}#ep{padding:2px 0}.etitle{color:var(--text);font-size:12px;font-weight:600}.ftag{background:var(--blue-dim);color:#60a5fa;letter-spacing:.3px;border-radius:20px;margin-bottom:8px;padding:2px 7px;font-size:9px;font-weight:600;display:inline-block}.fr,.ms{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.fr label,.ms label{color:var(--muted);flex:1;font-size:11px}#sidebar input[type=number],#right-sidebar input[type=number]{background:var(--sb2);border:1px solid var(--border);color:var(--text);text-align:right;border-radius:5px;width:68px;padding:4px 8px;font-family:inherit;font-size:11px}#sidebar select{background:var(--sb2);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:5px;min-width:140px;max-width:165px;padding:4px 8px;font-family:inherit;font-size:11px}#sidebar input[type=number]:focus,#right-sidebar input[type=number]:focus,#sidebar select:focus{border-color:var(--blue);outline:none}.toggle-row{gap:4px;margin-top:2px;display:flex}.toggle-row .btn,.toggle-row .btn-sec{flex:1;justify-content:center;padding:4px 6px;font-size:10px}#sidebar input[type=range],#right-sidebar input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}#sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border:2px solid var(--sb);border-radius:50%;width:14px;height:14px;transition:background .15s}#right-sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border:2px solid var(--sb);border-radius:50%;width:14px;height:14px;transition:background .15s}#sidebar input[type=range]::-webkit-slider-thumb:hover{background:#22c55e}#right-sidebar input[type=range]::-webkit-slider-thumb:hover{background:#22c55e}#sidebar input[type=range]::-moz-range-thumb{background:var(--blue);cursor:pointer;border:2px solid var(--sb);border-radius:50%;width:14px;height:14px}#right-sidebar input[type=range]::-moz-range-thumb{background:var(--blue);cursor:pointer;border:2px solid var(--sb);border-radius:50%;width:14px;height:14px}.props-3d{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.props-3d .scale-row{align-items:center;gap:6px;margin-bottom:7px;display:flex}.props-3d .scale-row label{color:var(--muted);flex-shrink:0;width:70px;font-size:11px}.props-3d .scale-val{color:var(--muted);text-align:right;flex-shrink:0;width:34px;font-size:10px}.mat-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:6px;display:grid}.mat-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-direction:column;justify-content:flex-end;height:52px;transition:transform .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.mat-swatch:hover{border-color:#ffffff59;transform:scale(1.04)}.mat-swatch--active{box-shadow:0 0 0 2px #e945604d;border-color:var(--accent)!important}.mat-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0000009e;padding:3px 4px;font-size:9px;font-weight:500;overflow:hidden}#vp{background:#090c10;flex:1;position:relative;overflow:hidden}canvas{outline:none;display:block}#c3d,#cui{width:100%;height:100%;position:absolute;inset:0}#cui{pointer-events:none;z-index:10}#hint{color:var(--muted);pointer-events:none;white-space:nowrap;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117d9;border-radius:20px;padding:5px 16px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#metrics-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b22eb;border-radius:8px;min-width:150px;padding:10px 14px;font-size:11px;position:absolute;bottom:14px;right:14px}#metrics-panel h4{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:9px}.mrow{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.mval{font-weight:600}#splash{background:var(--bg);z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center;max-width:700px;padding:24px}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.template-card{background:var(--sb);cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:22px 14px;transition:border-color .2s,transform .2s}.template-card:hover{border-color:var(--accent);transform:translateY(-2px)}.template-card .icon{margin-bottom:8px;font-size:26px}.template-card h3{margin-bottom:4px;font-size:13px}.template-card .desc{color:var(--muted);margin-bottom:4px;font-size:11px}.template-card .size{color:#60a5fa;font-size:10px}.draw-mode-active #vp{cursor:crosshair}.bom-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:4px 0;font-size:11px;display:flex}.bom-label{color:var(--muted)}.bom-val{font-weight:600}.bud-total{justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:8px;font-size:11px;display:flex}.bud-total span:last-child{color:var(--accent);font-size:16px;font-weight:700}.search-promo-box{border:1px dashed var(--blue);cursor:pointer;text-align:left;background:linear-gradient(135deg,#3b82f633 0%,#2563eb1a 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;transition:all .3s;display:flex}.search-promo-box:hover{background:linear-gradient(135deg,#3b82f64d 0%,#2563eb33 100%);transform:scale(1.02)}.promo-text h3{color:#fff;margin-bottom:4px;font-size:18px}.promo-text p{color:#8b949e;font-size:13px}.search-checklist-view{background:var(--sb);border:1px solid var(--border);text-align:left;border-radius:20px;width:100%;max-width:600px;padding:30px}.back-btn-splash{margin-bottom:15px}.checklist-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.check-group{flex-direction:column;gap:6px;display:flex}.check-group label{color:var(--muted);font-size:11px}.check-group input,.check-group select{background:var(--sb2);border:1px solid var(--border);color:#fff;border-radius:8px;padding:8px 12px;font-family:inherit}.check-inline{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.check-inline input{width:18px;height:18px}.match-results{border-top:1px solid var(--border);padding-top:20px}.results-list{flex-direction:column;gap:10px;max-height:200px;margin-top:12px;display:flex;overflow-y:auto}.result-item{cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.result-item:hover{background:#3b82f626}.res-info strong{font-size:13px;display:block}.res-info span{color:var(--muted);font-size:11px}.res-score{color:#4ade80;font-size:12px;font-weight:700}.w-full{width:100%}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.cat-header{cursor:pointer;text-align:left;background:linear-gradient(90deg,#22c55e1a 0%,#0f172aa6 100%);border:1px solid #ffffff0d;border-left:3px solid #22c55e;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:10px 14px;transition:all .25s;display:flex}.cat-header:hover{background:linear-gradient(90deg,#22c55e2e 0%,#334155a6 100%);border-color:#22c55e4d #ffffff26 #ffffff26 #22c55ecc;box-shadow:0 4px 12px #00000026}.cat-header span:first-child{text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0;font-size:11px;font-weight:750}.cat-header span:last-child{color:#22c55e;font-size:13px;font-weight:700}.cat-grid{flex-direction:column;gap:6px;padding:6px 4px;display:flex}.cat-item-card{cursor:pointer;box-sizing:border-box;background:#1e293b40;border:1px solid #ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:all .2s;display:flex;position:relative}.cat-item-card:hover{background:#33415566;border-color:#3b82f666;transform:translate(2px)}.cat-item-card .item-name{color:#e2e8f0;text-align:left;word-break:break-word;padding-right:18px;font-size:11px;font-weight:600;line-height:1.25}#sidebar>div,#sidebar>div>div{flex-shrink:0;min-height:0}.layout-mode-header{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f633;border-radius:12px;margin:10px}.project-designs-catalog .cat-item-card{border-left:3px solid #3b82f6;margin-bottom:8px;background:#0d1a2acc!important;display:flex!important}.proposal-icon-wrapper.layout{color:#fff!important;background:linear-gradient(135deg,#1e40af,#3b82f6)!important}.sidebar-accordion-header{background:var(--sb2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:6px;padding:12px 14px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.sidebar-accordion-header:hover{color:#3b82f6;background:#ffffff0d;border-color:#ffffff26}.sidebar-accordion-body{border-radius:var(--radius);background:#00000026;border:1px solid #ffffff08;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.view-selector-float{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1520bf;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:8px;font-family:Inter,sans-serif;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 10px 30px #0006}.view-selector-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.view-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:4px;min-width:55px;padding:6px 8px;font-size:9px;font-weight:600;transition:all .2s;display:flex}.view-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.view-btn:active{background:#ffffff14;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.taking-snapshot .view-selector-float,.taking-snapshot #checklist-tracker,.taking-snapshot #hint,.taking-snapshot .cui-panel{display:none!important}.taking-snapshot-3d .view-selector-float,.taking-snapshot-3d #checklist-tracker,.taking-snapshot-3d #hint,.taking-snapshot-3d .cui-panel,.taking-snapshot-3d .ml,.taking-snapshot-3d .ml-inner{visibility:hidden!important;display:none!important}.users-page{animation:.4s ease-out fadeIn}.users-grid{grid-template-columns:350px 1fr;gap:24px;display:grid}.create-user-card h3,.users-list-card h3{align-items:center;gap:12px;margin-bottom:24px;display:flex}.user-form{flex-direction:column;gap:16px;display:flex}.user-form .btn-primary{width:100%;margin-top:12px}.error-msg,.success-msg{border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:.85rem;display:flex}.error-msg{color:#ef4444;background:#ef44441a}.success-msg{color:#4ade80;background:#22c55e1a}.users-list{flex-direction:column;gap:12px;display:flex}.user-item{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.user-item:hover{background:#ffffff0d}.role-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.role-icon.admin{color:#22c55e;background:#22c55e1a}.role-icon.user{color:#94a3b8;background:#94a3b81a}.user-info{flex-direction:column;flex:1;gap:2px;display:flex}.user-info span{color:var(--text-secondary);font-size:.8rem}.user-actions{align-items:center;gap:16px;display:flex}.status-tag{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:.75rem}.status-tag.active{color:#4ade80;background:#22c5811a}.status-tag.inactive{color:#ef4444;background:#ef44441a}.circle-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.circle-btn.deactivate{color:#f87171}.circle-btn.activate{color:#4ade80}.circle-btn:hover{background:#ffffff0d}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.user-password-modal{border:1px solid var(--border-color);background:#182235;border-radius:16px;width:90%;max-width:460px;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.5}.modal-subtitle strong{color:var(--text-primary)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.circle-btn.change-password-btn{color:#94a3b8}.circle-btn.change-password-btn:hover{color:#3b82f6;background:#3b82f61a}.role-badge-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:20px;outline:none;padding:4px 10px;font-size:.8rem;transition:all .2s}.role-badge-select:hover{background:#ffffff1a;border-color:#3b82f6}.role-badge-select option{color:var(--text-primary);background:#1e293b}.catalog-page{animation:.4s ease-out fadeIn}.catalog-tabs{border-radius:16px;gap:8px;width:fit-content;margin-bottom:24px;padding:8px;display:flex}.catalog-tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.catalog-tabs .tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.catalog-tabs .tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #22c55e4d}.part-cell{flex-direction:column;display:flex}.part-cell span{color:var(--text-secondary);font-size:.8rem}.cat-badge{color:#a78bfa;background:#8b5cf61a;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600}.price-td{font-family:JetBrains Mono,monospace;font-weight:600}.price-td.cost{color:#f87171}.price-td.sale{color:#4ade80}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.standards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.standard-card{border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s}.standard-card:hover{border-color:var(--accent-primary);background:#22c55e0d;transform:translateY(-5px)}.card-header{justify-content:space-between;margin-bottom:20px;display:flex}.card-title h3{margin-bottom:4px;font-size:1.1rem}.type-badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.7rem}.card-metrics{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.metric{justify-content:space-between;font-size:.9rem;display:flex}.metric span{color:var(--text-secondary)}.card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.loading-state{justify-content:center;align-items:center;padding:100px;display:flex}.anim-slide-up{animation:.4s ease-out slideUp}.adn-modal{max-width:95vw;height:680px;overflow:hidden;background:var(--card-bg)!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;width:90vw!important;max-width:95vw!important;max-height:92vh!important;display:flex!important;box-shadow:0 24px 48px #0009!important}.adn-content{flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.adn-selector{box-sizing:border-box;border-radius:16px;flex-direction:column;flex:1.3;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 20px #ffffff03;background:#ffffff03!important;border:1px solid #ffffff0f!important;padding:20px!important}.adn-current-list{box-sizing:border-box;flex-direction:column;flex:1.7;height:100%;display:flex;overflow:hidden}.adn-content h3{color:var(--text-primary);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.adn-table-scroll{background:#0000004d;border:1px solid #ffffff0f;border-radius:14px;flex:1;max-height:450px;overflow-y:auto}.adn-table-scroll::-webkit-scrollbar{width:6px}.adn-table-scroll::-webkit-scrollbar-track{background:0 0}.adn-table-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.adn-table-scroll::-webkit-scrollbar-thumb:hover{background:#22c55e99}.adn-table-scroll table{border-collapse:collapse;width:100%}.adn-table-scroll th{text-align:left;text-transform:uppercase;letter-spacing:.75px;color:var(--text-secondary);background:#ffffff08;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:.75rem;font-weight:700}.adn-table-scroll td{vertical-align:middle;color:#e2e8f0;border-bottom:1px solid #ffffff05;padding:12px 16px;font-size:.85rem}.qty-input{color:#fff;text-align:center;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:65px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.qty-input:hover{border-color:#fff3}.qty-input:focus{border-color:var(--accent-primary);background:#0009;outline:none;box-shadow:0 0 0 2px #22c55e33}.parts-mini-list{flex-direction:column;flex:1;gap:8px;padding-right:5px;display:flex;overflow-y:auto}.parts-mini-list::-webkit-scrollbar{width:6px}.parts-mini-list::-webkit-scrollbar-track{background:0 0}.parts-mini-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.parts-mini-list::-webkit-scrollbar-thumb:hover{background:#22c55e99}.mini-part-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mini-part-item:hover{transform:translate(4px);box-shadow:0 4px 12px #22c55e1a;background:#22c55e14!important;border-color:#22c55e66!important}.mini-part-item.is-component:hover{box-shadow:0 4px 12px #a855f71a;background:#a855f714!important;border-color:#a855f766!important}.search-box{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:0 14px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent-primary);background:#0006;box-shadow:0 0 0 2px #22c55e26}.search-box input{box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;padding:10px 0!important;font-size:.85rem!important}.search-box input::placeholder{color:#ffffff4d}@media (width<=768px){.adn-modal{width:98%!important;max-height:95vh!important}.adn-content{flex-direction:column!important;gap:16px!important;height:auto!important;min-height:auto!important;max-height:75vh!important;padding:16px!important;overflow-y:auto!important}.adn-selector,.adn-current-list{flex:none!important;width:100%!important;height:auto!important;min-height:320px!important;max-height:420px!important}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}