:root{--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--accent: #dc2626;--accent-light: #ef4444;--accent-gold: #eab308;--accent-rose: #dc2626;--accent-emerald: #10B981;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-dark: #dc2626;--bg-dark: #0a0a0a;--bg-surface: #ffffff;--bg-surface-2: #f8fafc;--bg-muted: #f1f5f9;--bg-hover: #e0e7ff;--bg-elevated: #ffffff;--text-primary: #111111;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--glow-primary: rgba(37, 99, 235, .12);--glow-accent: rgba(220, 38, 38, .08);--sidebar-width: 200px;--properties-width: 0px;--toolbar-height: 52px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(37, 99, 235, .06);--shadow-md: 0 4px 12px rgba(37, 99, 235, .08);--shadow-lg: 0 8px 30px rgba(37, 99, 235, .1);--shadow-xl: 0 20px 60px rgba(37, 99, 235, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:#f8fafc;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.home-page,.auth-page,.templates-page,.settings-page{overflow-y:auto;height:auto;min-height:100vh}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-height);padding:0 16px;background:#1a1a2e;border-bottom:1px solid #2a2a40;z-index:100;flex-shrink:0;box-shadow:0 1px 8px #0003;--bg-surface: #1e2136;--bg-surface-2: #252540;--bg-muted: #252540;--bg-hover: #2a2a45;--border: #2a2a40;--border-light: #2a2a40;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--primary);padding-right:16px}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 8px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.toolbar-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn.active{background:#2563eb26;color:var(--primary-light)}.template-btn{background:var(--bg-muted);border:1px dashed var(--border)}.template-btn:hover{border-color:var(--primary-light);background:#2563eb14!important}.preview-btn{background:var(--bg-muted);border:1px solid var(--border)}.preview-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.export-btn{background:var(--primary);color:#fff!important;border-radius:var(--radius-md);padding:6px 16px}.export-btn:hover{background:var(--primary-dark)!important;color:#fff!important}.publish-btn{background:#10b981;color:#fff!important;border-radius:var(--radius-md);padding:6px 16px;gap:4px}.publish-btn:hover{background:#059669!important;color:#fff!important}.publish-btn.published{background:#059669}.publish-btn:disabled{opacity:.7;cursor:not-allowed}.publish-btn .spin-icon{animation:spin 1s linear infinite}.published-link{color:#10b981!important;padding:6px 8px}.published-link:hover{color:#059669!important}.save-btn{gap:4px}.save-btn .spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-tabs{display:flex;align-items:center;gap:2px;padding:0 8px;overflow-x:auto;max-width:300px}.page-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;background:none;border:1px solid transparent;position:relative}.page-tab:hover{background:var(--bg-muted);color:var(--text-primary)}.page-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-tab-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.page-tab-input{background:transparent;border:none;color:inherit;font-size:12px;font-weight:500;width:70px;outline:none;border-bottom:1px solid currentColor}.page-tab-close{background:none;border:none;color:inherit;cursor:pointer;padding:1px;border-radius:3px;display:flex;align-items:center;opacity:0;transition:opacity .15s,background .15s;margin-left:2px}.page-tab:hover .page-tab-close,.page-tab.active .page-tab-close{opacity:.7}.page-tab-close:hover{opacity:1!important;background:#ff3c3c4d}.page-tab-add{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px dashed var(--border);background:none;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.page-tab-add:hover{background:var(--bg-muted);color:var(--primary);border-color:var(--primary-light)}.sidebar-wrapper{position:relative;flex-shrink:0;z-index:100;display:flex;height:100%}.sidebar-icon-rail{width:52px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:2px;flex-shrink:0;overflow:hidden}.sidebar-rail-btn{width:44px;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.02em;transition:all .15s;font-family:inherit}.sidebar-rail-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-rail-btn.active{background:#2563eb1f;color:var(--primary)}.sidebar-panel{position:absolute;top:0;left:52px;width:270px;height:100%;background:var(--bg-surface);border-right:1px solid var(--border);box-shadow:4px 0 20px #00000014;z-index:99;display:flex;flex-direction:column;overflow:hidden;transform:translate(-8px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.sidebar-panel.sidebar-panel-open{transform:translate(0);opacity:1;pointer-events:all}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border-light);flex-shrink:0}.sidebar-panel-title{font-size:13px;font-weight:600;color:var(--text-primary)}.sidebar-panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s}.sidebar-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-pages{display:flex;flex-direction:column;height:100%}.pages-list{flex:1;overflow-y:auto;padding:8px 0}.page-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:background .12s;font-size:13px;color:var(--text-secondary);border-left:2px solid transparent}.page-item:hover{background:var(--bg-hover)}.page-item-active{background:#2563eb14;border-left-color:var(--primary);color:var(--primary);font-weight:500}.page-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item-path{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.page-item-delete{display:none;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;border-radius:4px;color:var(--text-muted);cursor:pointer}.page-item:hover .page-item-delete{display:flex}.page-item-delete:hover{background:#ef44441a;color:#ef4444}.pages-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 12px 12px;padding:8px;border:1px dashed var(--border);border-radius:8px;background:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.pages-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.sidebar-category{border-bottom:1px solid var(--border-light)}.sidebar-search{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);transition:border-color .15s}.sidebar-search:focus-within{border-color:var(--primary)}.sidebar-search input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:13px;font-family:inherit}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-category-count{margin-left:auto;margin-right:6px;font-size:10px;color:var(--text-muted);font-weight:400}.sidebar-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:all .15s;font-family:inherit}.sidebar-category-header:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-category-items{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 12px 12px}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-md);cursor:grab;transition:all .15s;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:#2563eb1a;border-color:#2563eb4d;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.sidebar-item:active{cursor:grabbing;transform:scale(.96)}.sidebar-item-icon{color:var(--primary);display:flex;align-items:center;justify-content:center}.sidebar-item-label{font-size:11px;font-weight:500;color:var(--text-secondary)}.sidebar-layers{padding:4px 0}.layers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);gap:12px}.layers-empty p{font-size:13px}.layer-controls{display:flex;align-items:center;justify-content:center;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-muted)}.layer-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:none;border:1px solid transparent;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s}.layer-control-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--primary-light)}.layer-list{padding:2px 0}.layer-item{display:flex;align-items:center;gap:4px;padding:5px 8px;cursor:pointer;transition:background .1s;font-size:12.5px;min-height:34px;border-left:2px solid transparent;position:relative}.layer-item:hover{background:var(--bg-hover)}.layer-item-selected{background:#2563eb1f;border-left-color:var(--primary)}.layer-item-hidden{opacity:.5}.layer-item-locked .layer-name{font-style:italic}.layer-item-dragging{opacity:.3}.layer-drag-handle{display:flex;align-items:center;color:var(--text-muted);opacity:.3;cursor:grab;flex-shrink:0;padding:2px 0}.layer-drag-handle:active{cursor:grabbing}.layer-item:hover .layer-drag-handle{opacity:.7}.layer-drop-indicator{height:2px;background:var(--primary);border-radius:1px;margin:0 8px;position:relative}.layer-drop-indicator:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.layer-expand{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.layer-type-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:var(--bg-muted);color:var(--primary);flex-shrink:0}.layer-item-selected .layer-type-icon{background:#2563eb26}.layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary);font-size:12px}.layer-actions{display:flex;align-items:center;gap:1px;flex-shrink:0;opacity:0;transition:opacity .15s}.layer-item:hover .layer-actions,.layer-item-selected .layer-actions{opacity:1}.layer-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.layer-action-btn:hover{background:#2563eb14;color:var(--primary)}.layer-action-btn.layer-action-active{color:var(--primary);opacity:1}.layer-action-delete:hover{color:#ef4444!important;background:#ef444414!important}.canvas-container{flex:1;overflow-y:auto;overflow-x:hidden;background:#eee9f8;position:relative;min-height:0;display:flex;flex-direction:column;padding-top:20px}.canvas-container.preview-mode{background:#fff;overflow-y:auto;overflow-x:hidden}.canvas-inner{color:#1a1a2e}.canvas-inner{min-height:576px;background:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:visible}.canvas-viewport-fold{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(108,92,231,.3);pointer-events:none;z-index:5}.canvas-viewport-fold:after{content:"Fold (576px)";position:absolute;right:8px;top:2px;font-size:10px;color:#6c5ce780;font-weight:500;letter-spacing:.03em;pointer-events:none}.canvas-section-flow{display:flex;flex-direction:column;width:100%}.canvas-interacting [data-element-type=section],.canvas-interacting [data-element-type=navbar],.canvas-interacting [data-element-type=footer],.canvas-interacting [data-element-type=hero]{z-index:auto!important}.canvas-interacting [data-element-type=section]>*,.canvas-interacting [data-element-type=navbar]>*,.canvas-interacting [data-element-type=footer]>*,.canvas-interacting [data-element-type=hero]>*{overflow:visible!important}.add-section-divider{position:relative;height:0;overflow:visible;z-index:50;pointer-events:none}.add-section-divider-inner{position:absolute;top:-18px;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.add-section-divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#6C5CE7 30%,#6C5CE7 70%,transparent);opacity:.5}.add-section-divider-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#6c5ce7;border:none;border-radius:20px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #6c5ce759;transition:background .15s,transform .1s;z-index:51;position:relative}.add-section-divider-btn:hover{background:#5546c4;transform:scale(1.04)}.add-section-inline-popup{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e0ff;border-radius:12px;box-shadow:0 8px 32px #6c5ce733;padding:14px 16px;width:420px;z-index:200}.add-section-popup-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.add-section-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.add-section-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:2px solid #e5e7eb;border-radius:8px;padding:10px 6px;cursor:pointer;transition:all .18s;width:100%}.add-section-option:hover{border-color:#6c5ce7;background:#f5f3ff}.add-section-option-preview{width:100%;height:48px;border-radius:4px;background:#e5e7eb}.add-section-option-preview[data-variant=blank]{background:#f9fafb;border:1px dashed #d1d5db}.add-section-option-preview[data-variant=title]{background:linear-gradient(135deg,#e0e7ff,#ddd6fe)}.add-section-option-preview[data-variant=image]{background:linear-gradient(135deg,#fce7f3,#e0e7ff)}.add-section-option-preview[data-variant=cta]{background:linear-gradient(135deg,#6c5ce7,#a78bfa)}.add-section-option-preview[data-variant=dark]{background:#1a1a2e}.add-section-option-label{font-size:12px;font-weight:600;color:#1a1a2e}.add-section-option-desc{font-size:10px;color:#9ca3af}.preview-mode .canvas-inner{box-shadow:none;min-height:100vh}.canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--toolbar-height));padding:48px;text-align:center;color:var(--text-secondary)}.canvas-empty-icon{margin-bottom:24px;opacity:.6}.canvas-empty h3{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.canvas-empty p{font-size:15px;color:var(--text-muted)}.canvas-element{overflow:visible;word-break:break-word}.canvas-element.editable:hover{box-shadow:0 0 0 1px var(--primary-light)}.canvas-element.selected{overflow:visible!important}.canvas-element.element-dragging{opacity:.92;box-shadow:0 8px 32px #2563eb40!important;cursor:grabbing!important;will-change:left,top;transition:none!important;pointer-events:none}.canvas-interacting iframe,.canvas-interacting video{pointer-events:none!important}.element-label{position:absolute;top:-22px;left:0;background:var(--primary);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;text-transform:capitalize;pointer-events:auto;z-index:10;white-space:nowrap;display:flex;align-items:center;gap:4px}.element-action-btn{background:none;border:none;color:#fff;cursor:pointer;padding:1px 3px;border-radius:3px;display:flex;align-items:center;opacity:.7;transition:opacity .15s,background .15s}.element-action-btn:hover{opacity:1;background:#fff3}.element-action-delete:hover{background:#ff3c3c80}.rich-text-toolbar{position:absolute;top:-38px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#1a1a2e;border-radius:8px;padding:4px 6px;box-shadow:0 4px 16px #00000040;z-index:1000;white-space:nowrap}.rich-text-toolbar button{background:none;border:none;color:#fff;cursor:pointer;padding:3px 7px;border-radius:4px;font-size:13px;font-weight:500;transition:background .15s;display:flex;align-items:center;justify-content:center;min-width:26px;height:26px}.rich-text-toolbar button:hover{background:#ffffff26}.rich-text-sep{width:1px;height:18px;background:#fff3;margin:0 4px}[contenteditable]:focus{outline:none}[contenteditable] a{color:var(--primary);text-decoration:underline}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.04) 1px,transparent 1px);background-size:8px 8px}.canvas-symmetry-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.canvas-symmetry-guides .sym-line{position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none}.canvas-inner:hover .canvas-symmetry-guides .sym-line,.canvas-interacting .canvas-symmetry-guides .sym-line{opacity:1}.canvas-symmetry-guides .sym-v{width:1px;top:0;bottom:0;border-left:1px dashed rgba(37,99,235,.18)}.canvas-symmetry-guides .sym-h{height:1px;left:0;right:0;border-top:1px dashed rgba(37,99,235,.18)}.canvas-symmetry-guides .sym-center{border-left-color:#2563eb8c;border-top-color:#2563eb8c;border-left-style:solid;border-top-style:solid}.canvas-symmetry-guides .sym-quarter{border-left-color:#2563eb33;border-left-style:dotted}.canvas-symmetry-guides .sym-third{border-left-color:#2563eb1f;border-left-style:dotted}.alignment-guides-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:visible}.alignment-guide{position:absolute;opacity:1;pointer-events:none}.alignment-guide-vertical{width:1px;height:100%;background:#ff3b6b;box-shadow:0 0 4px #ff3b6bb3}.alignment-guide-horizontal{height:1px;width:100%;background:#ff3b6b;box-shadow:0 0 4px #ff3b6bb3}.drop-zone{height:4px;margin:0;background:transparent;transition:all .2s;position:relative}.drop-zone.visible{height:8px}.drop-zone-active,.drop-zone:hover{height:40px;background:#2563eb14;border:2px dashed var(--primary);border-radius:var(--radius-md);margin:4px 8px}.properties-panel{width:var(--properties-width);background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-shrink:0;position:fixed;right:0;top:var(--toolbar-height);bottom:0;z-index:150;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #00000014;width:280px}.properties-panel.properties-open{transform:translate(0)}.props-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:151;width:28px;height:48px;background:var(--bg-surface);border:1px solid var(--border);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);box-shadow:-2px 0 8px #0000000f;transition:right .25s cubic-bezier(.4,0,.2,1),background .15s;padding:0}.props-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.props-toggle-btn.props-toggle-open{right:280px}.properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;color:var(--text-muted);gap:12px;text-align:center}.properties-empty p{font-size:13px;line-height:1.5}.properties-header{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.properties-title{display:flex;align-items:center;justify-content:space-between}.element-type-badge{font-size:12px;font-weight:600;text-transform:capitalize;background:#2563eb14;color:var(--primary);padding:3px 10px;border-radius:20px}.properties-actions{display:flex;gap:4px}.prop-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s}.prop-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.prop-action-btn.danger:hover{background:#ef444414;color:#ef4444}.properties-body{flex:1;overflow-y:auto;overflow-x:hidden}.properties-body::-webkit-scrollbar{width:4px}.properties-body::-webkit-scrollbar-track{background:transparent}.properties-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.props-section{border-bottom:1px solid var(--border-light)}.props-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:none;border:none;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.props-section-header:hover{background:var(--bg-hover);color:var(--text-primary)}.props-section-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px}.prop-field{display:flex;flex-direction:column;gap:4px}.prop-field label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.prop-text-input,.prop-select,.prop-textarea{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--bg-surface);transition:border-color .15s;font-family:inherit;width:100%}.prop-text-input:focus,.prop-select:focus,.prop-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.prop-textarea{resize:vertical;min-height:60px}.prop-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:28px}.color-input-wrapper{display:flex;gap:6px;align-items:center}.color-input{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;flex-shrink:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:3px}.color-input-wrapper .prop-text-input{flex:1}.slider-input-wrapper{display:flex;gap:8px;align-items:center}.prop-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.prop-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.prop-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.prop-text-sm{width:64px!important;flex-shrink:0;text-align:center;font-size:12px!important}.shadow-control{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:8px;background:var(--bg-muted)}.shadow-control>label{margin-bottom:6px}.shadow-toggle-row{display:flex;gap:6px;margin-bottom:4px}.shadow-toggle-btn,.shadow-inset-btn{padding:4px 12px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.shadow-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.shadow-inset-btn.active{background:#2563eb1a;color:var(--primary);border-color:var(--primary-light)}.shadow-sliders{display:flex;flex-direction:column;gap:5px;margin-top:6px}.shadow-slider-row{display:flex;align-items:center;gap:6px}.shadow-slider-row>span:first-child{width:38px;font-size:11px;color:var(--text-muted);font-weight:500;flex-shrink:0}.shadow-val{width:36px;font-size:11px;color:var(--text-secondary);text-align:right;flex-shrink:0}.shadow-color-row{display:flex;align-items:center;gap:6px;margin-top:2px}.shadow-color-row>span:first-child{width:38px;font-size:11px;color:var(--text-muted);font-weight:500;flex-shrink:0}.shadow-color-inputs{display:flex;align-items:center;gap:6px;flex:1}.shadow-color-inputs .color-input{width:24px;height:24px;flex-shrink:0}.shadow-opacity-slider{flex:1}.hover-toggle-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer}.hover-toggle-label input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer}.image-upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;background:var(--bg-muted)}.image-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.video-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.video-gallery-item{display:flex;flex-direction:column;align-items:center;padding:4px;border:2px solid var(--border);border-radius:8px;background:var(--bg-muted);cursor:pointer;transition:all .15s;overflow:hidden}.video-gallery-item img{width:100%;height:60px;object-fit:cover;border-radius:4px}.video-gallery-item span{font-size:10px;margin-top:4px;color:var(--text-secondary);font-weight:500}.video-gallery-item:hover{border-color:var(--primary-light);background:#2563eb0f}.video-gallery-item.active{border-color:var(--primary);background:#2563eb1a}.video-gallery-item.active span{color:var(--primary);font-weight:600}.navbar-links-desktop{display:flex;gap:1.5em;align-items:center;flex-wrap:wrap}.navbar-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .15s}.navbar-hamburger:hover{background:#2563eb14}.navbar-mobile-menu{display:none;flex-direction:column;width:100%;padding:8px 0;border-top:1px solid var(--border);margin-top:4px}@media (max-width: 600px){.navbar-links-desktop{display:none!important}.navbar-hamburger,.navbar-mobile-menu{display:flex!important}}.canvas-responsive .navbar-links-desktop{display:none!important}.canvas-responsive .navbar-hamburger,.canvas-responsive .navbar-mobile-menu{display:flex!important}.device-mobile .navbar-links-desktop,.device-tablet .navbar-links-desktop{display:none!important}.device-mobile .navbar-hamburger,.device-tablet .navbar-hamburger,.device-mobile .navbar-mobile-menu,.device-tablet .navbar-mobile-menu{display:flex!important}.canvas-responsive{display:flex;flex-direction:column;gap:0;min-height:100vh!important;padding:0!important}.canvas-responsive>.canvas-element{font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.canvas-responsive>.canvas-element img{max-width:100%;height:auto!important;object-fit:contain}.canvas-responsive>.canvas-element iframe{max-width:100%}.canvas-responsive>.canvas-element .columns-wrapper{flex-direction:column!important}.canvas-responsive>.canvas-element .columns-wrapper>*{width:100%!important}.nav-links-editor{display:flex;flex-direction:column;gap:6px;margin-top:6px}.nav-link-row{display:flex;gap:4px;align-items:center}.nav-link-row .prop-input{font-size:12px;padding:6px 8px}.nav-link-delete{background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;color:#ef4444;font-size:16px;line-height:1;padding:4px 8px;transition:all .15s;flex-shrink:0}.nav-link-delete:hover{background:#ef44441a;border-color:#ef4444}.nav-link-add{background:none;border:1px dashed var(--border);border-radius:6px;padding:6px;cursor:pointer;color:var(--primary);font-size:12px;font-weight:500;transition:all .15s}.nav-link-add:hover{background:#2563eb0f;border-color:var(--primary-light)}.canvas-container::-webkit-scrollbar{width:8px}.canvas-container::-webkit-scrollbar-track{background:transparent}.canvas-container::-webkit-scrollbar-thumb{background:#c4b8db;border-radius:4px}.canvas-container::-webkit-scrollbar-thumb:hover{background:#a18bc4}@media (max-width: 768px){:root{--properties-width: 0px;--toolbar-height: 48px}.sidebar-wrapper{position:fixed;left:0;top:var(--toolbar-height);bottom:0;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar-wrapper.sidebar-open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:199}.sidebar-overlay.visible{display:block}.properties-panel{top:auto!important;bottom:0;left:0;right:0;max-height:60vh;width:100%!important;border-radius:16px 16px 0 0;border-top:1px solid var(--border);border-left:none;box-shadow:0 -4px 20px #00000026;overflow-y:auto}.toolbar{height:var(--toolbar-height);padding:0 8px}.toolbar-logo span,.toolbar-separator,.toolbar-btn span{display:none}.toolbar-btn{padding:6px;min-width:34px;justify-content:center}.toolbar-group.device-group{display:none}.canvas-container{width:100%}.canvas-element.editable{min-height:32px}[data-resize-handle]{width:16px!important;height:16px!important}}.resize-dim-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:100;font-family:Inter,sans-serif;letter-spacing:.3px}.canvas-responsive{min-height:auto!important;display:flex;flex-direction:column}.canvas-responsive .canvas-element{position:relative!important;left:0!important;top:auto!important;width:100%!important}.sidebar-toggle-btn{display:none!important}@media (max-width: 768px){.sidebar-toggle-btn{display:flex!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.canvas-element{animation:fadeIn .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;line-height:1.4;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 4px 20px #2563eb66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--primary);border-color:#2563eb66}.btn-outline:hover:not(:disabled){background:#2563eb0f;border-color:var(--primary);transform:translateY(-1px)}.btn-ghost{background:none;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-white{background:#fffffff2;color:#111;border-color:#fff3}.btn-white:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-dark)}.btn-social{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border);width:100%}.btn-social:hover{background:var(--bg-hover)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:10px}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.mobile-gate{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1040 40%,#24243e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px 20px}.mobile-gate-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mobile-gate-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,rgba(99,102,241,.1) 50%,transparent 70%);animation:orbFloat 8s ease-in-out infinite alternate;transform:translate(-50%,-50%)}@keyframes orbFloat{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.mobile-gate-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:100%;gap:28px}.mobile-gate-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.mobile-gate-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 24px #8b5cf680}.mobile-gate-illustration{position:relative;width:160px;height:120px;display:flex;align-items:center;justify-content:center}.mobile-gate-desktop-icon{position:relative;color:#ffffffe6;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:desktopPulse 3s ease-in-out infinite}@keyframes desktopPulse{0%,to{filter:drop-shadow(0 0 20px rgba(139,92,246,.6))}50%{filter:drop-shadow(0 0 35px rgba(139,92,246,.9))}}.mobile-gate-desktop-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.mobile-gate-phone-icon{position:absolute;bottom:0;right:0;color:#ffffff80;display:flex;align-items:flex-start}.mobile-gate-x{font-size:22px;font-weight:900;color:#f87171;line-height:1;margin-top:-4px;text-shadow:0 0 12px rgba(248,113,113,.8)}.mobile-gate-message h1{font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.mobile-gate-message h2{font-size:18px;font-weight:600;background:linear-gradient(90deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 14px}.mobile-gate-message p{font-size:14px;line-height:1.7;color:#ffffffa6;margin:0}.mobile-gate-message strong{color:#ffffffe6}.mobile-gate-steps{display:flex;flex-direction:column;gap:12px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-gate-step{display:flex;align-items:center;gap:14px;text-align:left;font-size:14px;color:#fffc}.mobile-gate-step strong{color:#fff}.mobile-gate-step-num{min-width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 0 12px #8b5cf666;flex-shrink:0}.mobile-gate-actions{display:flex;flex-direction:column;gap:12px;width:100%}.mobile-gate-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 20px #8b5cf666;transition:all .2s;width:100%}.mobile-gate-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #8b5cf699}.mobile-gate-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ffffff14;color:#ffffffb3;border-radius:12px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .2s;width:100%}.mobile-gate-btn-secondary:hover{background:#ffffff21;color:#fff}.mobile-gate-footer{font-size:12px;color:#ffffff59;margin:0}.product-card-el{will-change:transform}.pc-hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026!important}.pc-hover-shadow-grow:hover{box-shadow:0 16px 48px #0003!important}.pc-hover-border-glow:hover{box-shadow:0 0 0 2px #6366f1,0 8px 24px #6366f140!important}.pc-hover-zoom-img:hover .pc-img{transform:scale(1.07)}.home-page{overflow-x:hidden}.home-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(37,99,235,.08);transition:background var(--transition-base),box-shadow var(--transition-base)}.home-nav.scrolled{background:#fffffff5;box-shadow:0 1px 20px #2563eb1a}.home-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.home-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:var(--primary);text-decoration:none;transition:transform var(--transition-fast)}.home-logo:hover{transform:scale(1.03)}.home-nav-links{display:flex;gap:32px}.home-nav-links a{position:relative;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-base)}.home-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width var(--transition-base)}.home-nav-links a:hover{color:var(--text-primary)}.home-nav-links a:hover:after{width:100%}.home-nav-actions{display:flex;align-items:center;gap:8px}.home-mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px}.home-mobile-menu{display:flex;flex-direction:column;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--border);animation:fadeInDown .3s ease}.home-mobile-menu a{color:var(--text-secondary);text-decoration:none;padding:8px 0;font-weight:500}@media (max-width: 768px){.home-nav-links,.home-nav-actions{display:none}.home-mobile-toggle{display:block}}.home-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 24px 60px;max-width:1200px;margin:0 auto;gap:60px}.home-hero-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(37,99,235,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(220,38,38,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(234,179,8,.05) 0%,transparent 40%),radial-gradient(ellipse at 60% 10%,rgba(220,38,38,.04) 0%,transparent 30%),#fff;pointer-events:none;z-index:-1}.home-hero-content{flex:1;max-width:600px;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1)}.home-badge{display:inline-flex;align-items:center;gap:6px;background:#eab3081a;color:#ca8a04;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px;border:1px solid rgba(234,179,8,.2);animation:fadeInDown .6s .2s both}.home-hero h1{font-size:56px;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:20px;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,#2563eb,#dc2626,#eab308);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}.home-hero-sub{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.home-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.home-hero-note{margin-top:16px;font-size:13px;color:var(--text-muted)}.home-hero-visual{flex:1;display:flex;justify-content:center;animation:fadeInScale .9s .3s cubic-bezier(.16,1,.3,1) both}@media (max-width: 900px){.home-hero{flex-direction:column;text-align:center;padding-top:120px}.home-hero-content{max-width:100%}.home-hero h1{font-size:38px}.home-hero-actions{justify-content:center}}.hero-browser-mockup{width:100%;max-width:520px;background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 80px #2563eb1f,0 0 0 1px #2563eb14;overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow);animation:float 6s ease-in-out infinite}.hero-browser-mockup:hover{transform:translateY(-4px);box-shadow:0 30px 90px #2563eb2e,0 0 0 1px #2563eb1a}.browser-dots{display:flex;gap:6px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid var(--border)}.browser-dots span{width:10px;height:10px;border-radius:50%;transition:transform var(--transition-fast)}.browser-dots span:hover{transform:scale(1.3)}.browser-dots span:nth-child(1){background:#ff5f57}.browser-dots span:nth-child(2){background:#febc2e}.browser-dots span:nth-child(3){background:#28c840}.browser-content{padding:20px}.mock-nav{height:12px;background:var(--border-light);border-radius:6px;margin-bottom:20px}.mock-hero-section{background:linear-gradient(135deg,#2563eb,#dc2626);border-radius:12px;padding:30px 20px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden}.mock-hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1))}.mock-heading{width:60%;height:14px;background:#ffffffb3;border-radius:4px;position:relative;z-index:1}.mock-text{width:80%;height:8px;background:#fff6;border-radius:4px;position:relative;z-index:1}.mock-button{width:80px;height:24px;background:#fff;border-radius:6px;margin-top:6px;position:relative;z-index:1}.mock-cards{display:flex;gap:10px}.mock-card{flex:1;height:80px;background:#f1f5f9;border-radius:8px;border:1px solid var(--border);transition:transform var(--transition-fast)}.hero-browser-mockup:hover .mock-card:nth-child(1){transform:translateY(-3px)}.hero-browser-mockup:hover .mock-card:nth-child(2){transform:translateY(-5px)}.hero-browser-mockup:hover .mock-card:nth-child(3){transform:translateY(-3px)}.home-logos{text-align:center;padding:48px 24px;border-top:1px solid rgba(37,99,235,.06);border-bottom:1px solid rgba(37,99,235,.06);background:#fff}.home-logos p{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:24px}.home-logos-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.logo-item{font-size:18px;font-weight:700;color:#94a3b8;letter-spacing:-.5px;transition:color var(--transition-base)}.logo-item:hover{color:var(--primary)}.section-header{text-align:center;max-width:600px;margin:0 auto 56px}.section-badge{display:inline-block;background:#2563eb14;color:var(--primary);padding:5px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;border:1px solid rgba(37,99,235,.15)}.home-steps .section-badge,.home-testimonials .section-badge{background:#dc262614;color:#dc2626;border-color:#dc262626}.home-pricing .section-badge{background:#eab30814;color:#ca8a04;border-color:#eab30826}.section-header h2{font-size:38px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.section-header p{font-size:17px;color:var(--text-secondary);line-height:1.6}.home-features{padding:100px 24px;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.feature-card{padding:32px;background:#fff;border:1px solid rgba(37,99,235,.08);border-radius:var(--radius-xl);transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#eab308);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:#2563eb33;box-shadow:0 8px 30px #2563eb1a;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card:nth-child(2n):before{background:linear-gradient(90deg,#eab308,#dc2626)}.feature-card:nth-child(3n):before{background:linear-gradient(90deg,#dc2626,#2563eb)}.feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#2563eb14;color:var(--primary);border-radius:var(--radius-lg);margin-bottom:16px;transition:transform var(--transition-base),background var(--transition-base)}.feature-card:hover .feature-icon{transform:scale(1.1);background:#2563eb24}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:#dc262614;color:#dc2626}.feature-card:nth-child(2):hover .feature-icon,.feature-card:nth-child(5):hover .feature-icon{background:#dc262624}.feature-card:nth-child(3) .feature-icon,.feature-card:nth-child(6) .feature-icon{background:#eab30814;color:#ca8a04}.feature-card:nth-child(3):hover .feature-icon,.feature-card:nth-child(6):hover .feature-icon{background:#eab30824}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.home-templates{padding:100px 24px;background:#f8fafc}.templates-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.templates-showcase{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.templates-showcase{grid-template-columns:1fr}}.template-preview-card{cursor:pointer;transition:transform var(--transition-slow)}.template-preview-card:hover{transform:translateY(-6px)}.template-preview-thumb{height:200px;border-radius:var(--radius-lg);position:relative;overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.template-preview-card:hover .template-preview-thumb{box-shadow:var(--shadow-lg)}.template-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.template-preview-card:hover .template-preview-overlay{opacity:1}.template-preview-name{font-size:14px;font-weight:600;color:var(--text-primary)}.home-steps{padding:100px 24px;max-width:1000px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.steps-grid:before{content:"";position:absolute;top:40px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,var(--primary),#eab308,var(--primary));opacity:.2;z-index:0}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}}.step-card{text-align:center;padding:24px;position:relative;z-index:1}.step-num{font-size:48px;font-weight:800;background:linear-gradient(135deg,#2563eb,#eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;transition:transform var(--transition-base)}.step-card:hover .step-num{transform:scale(1.1)}.step-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.step-card p{font-size:15px;color:var(--text-secondary);line-height:1.6}.home-pricing{padding:100px 24px;background:#f8fafc}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;align-items:start}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.pricing-card{background:#fff;border:1px solid rgba(37,99,235,.08);border-radius:var(--radius-xl);padding:32px;position:relative;transition:all var(--transition-slow)}.pricing-card:hover{box-shadow:0 12px 40px #2563eb1a;transform:translateY(-4px)}.pricing-featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 12px 40px #2563eb26;transform:scale(1.03);background:linear-gradient(180deg,#2563eb0a,#fff)}.pricing-featured:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 0 0 1px var(--primary),0 16px 50px #2563eb33}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#eab308,#f59e0b);color:#0a0a0a;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #eab30866}.pricing-featured .btn-primary{background:linear-gradient(135deg,#eab308,#dc2626);border-color:#eab308}.pricing-featured .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ca8a04,#b91c1c);box-shadow:0 4px 20px #eab30866}.pricing-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.price-amount{font-size:42px;font-weight:800;color:var(--text-primary);letter-spacing:-1px}.price-period{font-size:15px;color:var(--text-muted)}.pricing-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:24px}.pricing-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text-secondary)}.pricing-features li svg{color:var(--success);flex-shrink:0}.home-testimonials{padding:100px 24px;max-width:1200px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:#fff;border:1px solid rgba(37,99,235,.08);border-radius:var(--radius-xl);padding:28px;transition:all var(--transition-slow);border-left:3px solid #2563eb}.testimonial-card:nth-child(2){border-left-color:#dc2626}.testimonial-card:nth-child(3){border-left-color:#eab308}.testimonial-card:hover{box-shadow:0 8px 30px #2563eb1a;transform:translateY(-4px);border-color:#2563eb33}.testimonial-stars{display:flex;gap:2px;margin-bottom:12px}.testimonial-card>p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.testimonial-author strong{display:block;font-size:14px}.testimonial-author span{font-size:12px;color:var(--text-muted)}.home-cta{padding:100px 24px;text-align:center;background:linear-gradient(135deg,#0a0a0a,#111 30%,#1a1a1a,#111 70%,#0a0a0a);color:#fff;position:relative;overflow:hidden;border-top:3px solid #eab308;border-bottom:3px solid #dc2626}.home-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(37,99,235,.1) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(220,38,38,.06) 0%,transparent 50%);pointer-events:none}.home-cta h2{font-size:38px;font-weight:800;margin-bottom:12px;position:relative}.home-cta p{font-size:18px;opacity:.85;margin-bottom:32px;position:relative}.home-cta .btn-primary{background:linear-gradient(135deg,#2563eb,#eab308);color:#fff;border-color:transparent;position:relative;transition:all var(--transition-base)}.home-cta .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#ca8a04);transform:translateY(-2px);box-shadow:0 8px 30px #eab3084d}.home-footer{background:#0a0a0a;padding:60px 24px 24px;color:#64748b}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(37,99,235,.12)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand .home-logo{margin-bottom:12px;color:#fff}.footer-brand p{font-size:14px;line-height:1.6}.footer-col h4{color:#fff;font-size:14px;margin-bottom:16px}.footer-col a{display:block;color:#64748b;text-decoration:none;font-size:14px;padding:4px 0;transition:color var(--transition-base),padding-left var(--transition-base)}.footer-col a:hover{color:#eab308;padding-left:4px}.footer-bottom{text-align:center;padding:24px 0 0;font-size:13px;max-width:1200px;margin:0 auto;border-top:1px solid rgba(234,179,8,.1)}.auth-page{display:flex;min-height:100vh}@media (max-width: 850px){.auth-right{overflow-y:auto}}.auth-left{flex:1;background:linear-gradient(135deg,#0a0a0a,#111 40%,#1a1a1a 60%,#0a0a0a);color:#fff;display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#2563eb1a;top:-150px;right:-150px;animation:float 8s ease-in-out infinite}.auth-left:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#eab30814;bottom:-100px;left:-100px;animation:float 10s ease-in-out infinite reverse}.auth-left .auth-left-content:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#dc262614;top:50%;left:-100px;transform:translateY(-50%);z-index:-1}.auth-left-content{position:relative;z-index:1;max-width:400px}.auth-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;color:#fff;text-decoration:none;margin-bottom:40px}.auth-left h1{font-size:36px;font-weight:800;margin-bottom:16px;line-height:1.2}.auth-left p{font-size:16px;opacity:.85;line-height:1.6}.auth-testimonial{margin-top:40px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.auth-testimonial p{font-size:14px;opacity:.9;font-style:italic;margin-bottom:12px}.auth-testimonial-author{display:flex;align-items:center;gap:10px}.auth-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.auth-testimonial-author strong{display:block;font-size:13px}.auth-testimonial-author span{font-size:12px;opacity:.7}.auth-features-list{margin-top:32px;display:flex;flex-direction:column;gap:10px}.auth-feature-item{display:flex;align-items:center;gap:10px;font-size:15px}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}.auth-form-container{width:100%;max-width:420px;animation:fadeInUp .5s ease}.auth-form-header{margin-bottom:28px}.auth-form-header h2{font-size:28px;font-weight:800;margin-bottom:6px}.auth-form-header p{font-size:14px;color:var(--text-secondary)}.auth-form-header a{color:var(--primary);text-decoration:none;font-weight:600}.auth-error{background:#ef44440f;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.auth-input-wrapper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 12px;transition:border-color var(--transition-base),box-shadow var(--transition-base);gap:10px}.auth-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.auth-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.auth-input-wrapper input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;font-family:inherit;background:transparent;color:var(--text-primary)}.auth-eye{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:4px}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.auth-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.auth-forgot{color:var(--primary);text-decoration:none;font-weight:500}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:12px;color:var(--text-muted);white-space:nowrap}.auth-social{display:flex;flex-direction:column;gap:12px}.google-btn-wrapper{display:flex;justify-content:center;width:100%;overflow:hidden;border-radius:8px}.google-btn-wrapper>div{width:100%!important;display:flex;justify-content:center}.google-btn-wrapper>div>div{width:100%!important;max-width:100%!important}.google-btn-wrapper iframe{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:8px!important}.auth-terms{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.auth-terms a{color:var(--primary);text-decoration:none}.password-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.strength-bars{display:flex;gap:3px;flex:1}.strength-bar{flex:1;height:4px;background:var(--border);border-radius:2px;transition:background .2s}.strength-bar.strength-1{background:#ef4444}.strength-bar.strength-2{background:#f59e0b}.strength-bar.strength-3{background:#3b82f6}.strength-bar.strength-4{background:#10b981}.strength-label{font-size:11px;font-weight:600;min-width:44px}.strength-label.strength-1{color:#ef4444}.strength-label.strength-2{color:#f59e0b}.strength-label.strength-3{color:#3b82f6}.strength-label.strength-4{color:#10b981}@media (max-width: 850px){.auth-left{display:none}.auth-right{padding:24px 16px}.auth-form-container{max-width:100%}.auth-form-header h2{font-size:24px}.btn-lg{padding:12px 20px;font-size:14px}.google-btn-wrapper iframe{max-width:100%!important}.btn-social{padding:12px 16px;font-size:14px}.auth-divider{margin:16px 0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.modal-content h3{font-size:18px;font-weight:700;margin:12px 0 8px;color:var(--text-primary)}.modal-content p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.modal-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.modal-icon.danger{background:#ef44441a;color:#ef4444}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions .btn{min-width:100px}.dashboard-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-muted)}@media (max-width: 768px){.dashboard-page{height:auto;min-height:100vh;overflow-y:auto}.dash-main{flex-direction:column}.dash-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}}.dash-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:#1a1a2e;border-bottom:1px solid #2a2a40;flex-shrink:0;z-index:100;box-shadow:0 1px 8px #0003;--bg-surface: #1a1a2e;--bg-muted: #252540;--bg-hover: #2a2a45;--border: #2a2a40;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b}.dash-nav-left,.dash-nav-center,.dash-nav-right{display:flex;align-items:center;gap:12px}.dash-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:#60a5fa;text-decoration:none}.dash-search{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:0 12px;transition:border-color .2s,background .2s}.dash-search:focus-within{border-color:var(--primary);background:#ffffff26}.dash-search svg{color:#94a3b8;flex-shrink:0}.dash-search input{border:none;outline:none;background:transparent;padding:8px 0;font-size:14px;font-family:inherit;width:240px;color:#e2e8f0}.dash-search input::placeholder{color:#94a3b8}.dash-nav-btn{position:relative;background:none;border:none;padding:8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all .15s}.dash-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dash-user-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:background .15s}.dash-user-btn:hover{background:var(--bg-hover)}.dash-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.dash-user-avatar.lg{width:40px;height:40px;font-size:16px}.dash-user-menu-wrapper{position:relative}.dash-user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:240px;background:#1a1a2e;border:1px solid #2a2a40;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:200;overflow:hidden;animation:fadeInScale .2s ease;transform-origin:top right;--bg-surface: #1a1a2e;--bg-hover: #2a2a45;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b}.dash-user-info{display:flex;align-items:center;gap:10px;padding:14px 16px}.dash-user-info strong{display:block;font-size:14px}.dash-user-info span{font-size:12px;color:var(--text-muted)}.dash-user-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left}.dash-user-dropdown button:hover{background:var(--bg-hover);color:var(--text-primary)}.dash-main{display:flex;flex:1;overflow:hidden}.dash-sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px;flex-shrink:0;overflow-y:auto}.dash-new-btn{margin-bottom:20px}.dash-sidebar-nav{display:flex;flex-direction:column;gap:2px}.dash-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.dash-sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dash-sidebar-item.active{background:#2563eb14;color:var(--primary);font-weight:600}.dash-sidebar-count{margin-left:auto;background:var(--bg-muted);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.dash-sidebar-divider{height:1px;background:var(--border-light);margin:12px 0}.dash-sidebar-bottom{margin-top:auto;padding-top:16px}.dash-plan-card{background:var(--bg-muted);border-radius:var(--radius-lg);padding:16px}.dash-plan-name{font-size:13px;font-weight:600;margin-bottom:10px}.dash-plan-usage{margin-bottom:12px}.dash-plan-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:6px}.dash-plan-bar>div{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.dash-plan-usage span{font-size:12px;color:var(--text-muted)}.dash-content{flex:1;overflow-y:auto;padding:24px 32px}.dash-content-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dash-content-header h1{font-size:24px;font-weight:700}.dash-content-header p{font-size:14px;color:var(--text-muted);margin-top:2px}.dash-view-toggle{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px}.dash-view-btn{padding:6px 10px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .15s;display:flex}.dash-view-btn.active{background:var(--primary);color:#fff}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-secondary)}.dash-empty-icon{color:var(--text-muted);margin-bottom:16px}.dash-empty h2{font-size:22px;margin-bottom:8px;color:var(--text-primary)}.dash-empty p{font-size:15px;margin-bottom:24px;max-width:400px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.projects-list{display:flex;flex-direction:column;gap:12px}.projects-list .project-card{display:flex;flex-direction:row}.projects-list .project-thumb{width:160px;height:90px;flex-shrink:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.projects-list .project-info{flex:1;padding:12px 16px}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-slow);position:relative}.project-card:hover{border-color:#2563eb4d;box-shadow:0 8px 30px #2563eb26;transform:translateY(-3px)}.project-card-new{border:2px dashed var(--border);cursor:pointer;min-height:200px;transition:all var(--transition-base)}.project-card-new:hover{border-color:#2563eb66;background:#2563eb0d;transform:translateY(-2px)}.project-new-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:8px;color:var(--text-muted);font-weight:600;font-size:14px}.project-thumb{height:160px;position:relative;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.project-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-thumb-overlay{opacity:1}.project-info{padding:12px 14px}.project-info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.project-rename input{border:1px solid var(--primary);border-radius:var(--radius-sm);padding:2px 6px;font-size:14px;font-weight:600;font-family:inherit;outline:none;width:100%}.project-meta{display:flex;align-items:center;gap:12px}.project-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;text-transform:capitalize}.project-status.published{color:#10b981}.project-status.draft{color:var(--text-muted)}.project-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.project-menu-wrapper{position:relative}.project-menu-btn{background:none;border:none;padding:4px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);display:flex}.project-menu-btn:hover{background:var(--bg-hover)}.project-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.project-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;padding:4px;overflow:hidden;animation:fadeInScale .2s ease;transform-origin:top right}.project-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;border-radius:var(--radius-sm)}.project-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.project-menu button.danger{color:#ef4444}.project-menu button.danger:hover{background:#ef44441a}.project-menu-divider{height:1px;background:var(--border-light);margin:4px 0}.templates-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-muted)}.templates-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.templates-nav-left,.templates-nav-center,.templates-nav-right{display:flex;align-items:center;gap:8px;flex:1}.templates-nav-center{justify-content:center;flex:0}.templates-nav-right{justify-content:flex-end}.templates-body{display:flex;flex:1;overflow:hidden}.templates-sidebar{width:220px;background:var(--bg-surface);border-right:1px solid var(--border);padding:20px 12px;flex-shrink:0;overflow-y:auto}.templates-sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:0 12px;margin-bottom:8px}.templates-cat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.templates-cat-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.templates-cat-btn.active{background:#2563eb14;color:var(--primary);font-weight:600}.templates-content{flex:1;overflow-y:auto;padding:24px 32px}.templates-content-header{margin-bottom:24px}.templates-content-header h1{font-size:24px;font-weight:700}.templates-content-header p{font-size:14px;color:var(--text-muted);margin-top:2px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.template-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-slow)}.template-card:hover{border-color:#2563eb4d;box-shadow:0 8px 30px #2563eb26;transform:translateY(-4px)}.template-thumb{height:180px;position:relative}.template-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.template-card:hover .template-card-overlay{opacity:1}.template-card-info{padding:14px 16px}.template-card-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.template-card-info p{font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.templates-page{height:auto;min-height:100vh;overflow-y:auto}.templates-body{flex-direction:column}.templates-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px}.templates-content{padding:16px}}.settings-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-muted)}.settings-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);padding:24px 16px;flex-shrink:0;overflow-y:auto}.settings-sidebar h3{font-size:16px;font-weight:700;margin-bottom:4px}.settings-sidebar .project-status{margin-bottom:20px}.settings-tabs{display:flex;flex-direction:column;gap:2px}.settings-tab{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:#2563eb14;color:var(--primary);font-weight:600}.settings-content{flex:1;overflow-y:auto;padding:32px 40px}.settings-section{max-width:640px}.settings-section h2{font-size:22px;font-weight:700;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.settings-field{margin-bottom:20px}.settings-field label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.settings-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--text-primary);transition:border-color .2s}.settings-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.settings-textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--text-primary);resize:vertical}.settings-textarea:focus{outline:none;border-color:var(--primary)}.settings-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.settings-value{font-size:14px;color:var(--text-secondary)}.settings-file-upload{display:flex;align-items:center;gap:12px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);font-size:14px;transition:border-color .2s}.settings-file-upload:hover{border-color:var(--primary-light)}.settings-toggle-group{display:flex;gap:8px}.settings-toggle{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:none;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:all .15s}.settings-toggle.active{background:#2563eb14;border-color:var(--primary);color:var(--primary)}.settings-domain-preview{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--text-secondary)}.settings-code{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:13px;color:var(--text-primary);background:#f1f5f9;color:#1d4ed8;resize:vertical}.settings-code:focus{outline:none;border-color:var(--primary)}.settings-seo-preview{margin-top:24px}.settings-seo-preview h4{font-size:14px;font-weight:600;margin-bottom:12px}.seo-preview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.seo-preview-title{font-size:18px;color:#1a0dab;margin-bottom:4px}.seo-preview-url{font-size:13px;color:#006621;margin-bottom:4px}.seo-preview-desc{font-size:13px;color:#545454}.settings-analytics-preview{text-align:center;padding:48px;background:var(--bg-muted);border-radius:var(--radius-lg);color:var(--text-muted);margin-top:20px}.settings-analytics-preview h3{color:var(--text-primary);margin:12px 0 8px}.settings-danger-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.settings-danger-card h3{font-size:16px;color:#dc2626;margin-bottom:4px}.settings-danger-card p{font-size:13px;color:#ef4444}.account-avatar-lg{width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin-bottom:12px}.account-email{font-size:13px;color:var(--text-muted);display:block;margin-bottom:20px}.account-username{font-size:13px;color:var(--primary);font-weight:500;display:block;margin-bottom:4px}.account-actions{margin-top:24px}.settings-username-wrap{display:flex;align-items:center;position:relative}.settings-username-at{position:absolute;left:12px;color:#999;font-size:14px;font-weight:500;z-index:1;pointer-events:none}.settings-username-input{padding-left:28px!important}.settings-username-input.input-error{border-color:var(--danger)!important}.settings-username-input.input-success{border-color:var(--success)!important}.settings-username-ok{position:absolute;right:12px;color:var(--success)}.settings-username-err{position:absolute;right:12px;color:var(--danger)}.settings-field-error{font-size:12px;color:var(--danger);margin-top:4px;display:block}@media (max-width: 768px){.settings-page{height:auto;min-height:100vh;overflow-y:auto}.settings-body{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px 16px}.settings-content{padding:20px 16px}.settings-danger-card{flex-direction:column;align-items:flex-start}.dash-search input{width:140px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-surface);border-radius:16px;padding:32px;width:90%;max-width:440px;box-shadow:var(--shadow-lg)}.modal h2{font-size:22px;font-weight:700;margin-bottom:6px}.modal p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.modal-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;font-family:inherit;margin-bottom:20px;transition:border-color .2s}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.share-modal{background:var(--bg-surface);border-radius:var(--radius-xl);width:520px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:fadeInScale .25s ease}.share-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid var(--border-light)}.share-modal-header h3{display:flex;align-items:center;gap:8px;font-size:18px;margin:0;color:var(--text-primary)}.share-modal-header p{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.share-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px}.share-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.share-invite-form{display:flex;flex-direction:column;gap:8px;padding:16px 24px;border-bottom:1px solid var(--border)}.share-invite-row{display:flex;gap:8px}.share-search-wrapper{flex:1;position:relative}.share-invite-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:8px;padding:0 12px}.share-invite-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.share-invite-input-wrap svg{color:var(--text-muted);flex-shrink:0}.share-invite-input-wrap input{border:none;background:none;outline:none;padding:10px 0;font-size:14px;width:100%;color:var(--text-primary)}.share-search-spinner{position:absolute;right:12px;top:50%;margin-top:-7px}.share-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-surface);border-radius:10px;box-shadow:0 8px 30px #00000040;max-height:260px;overflow-y:auto;z-index:200;padding:4px;border:1px solid var(--border)}.share-search-empty{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:13px}.share-search-result-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;border-radius:8px;cursor:pointer;text-align:left}.share-search-result-item:hover{background:#2563eb1a}.share-search-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden}.share-search-avatar img{width:100%;height:100%;object-fit:cover}.share-search-info{flex:1;min-width:0}.share-search-name{display:block;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-search-username{display:block;font-size:12px;color:var(--text-muted)}.share-search-add-icon{color:var(--primary);flex-shrink:0;opacity:0;transition:opacity .15s}.share-search-result-item:hover .share-search-add-icon{opacity:1}.dash-user-username{display:block;font-size:12px;color:var(--primary);font-weight:500}.share-role-select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface-2);font-size:13px;cursor:pointer;color:var(--text-primary)}.share-msg{padding:8px 24px;font-size:13px;display:flex;align-items:center;gap:6px}.share-msg-error{color:var(--danger)}.share-msg-success{color:var(--success)}.share-collab-list{padding:16px 24px 24px}.share-collab-list h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 12px}.share-collab-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.share-collab-item:last-child{border-bottom:none}.share-invite-btn{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:background .15s}.share-invite-btn:hover{background:var(--primary-hover, #1d4ed8)}.share-invite-btn:disabled{opacity:.5;cursor:not-allowed}.share-message-toggle{padding:0}.share-message-toggle button{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:0}.share-message-toggle button:hover{text-decoration:underline}.share-message-input{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface-2);color:var(--text-primary);resize:none;outline:none}.share-message-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.share-pending-section{padding-top:0;border-top:1px solid var(--border)}.share-pending-item .share-collab-avatar{background:var(--bg-surface-2);color:var(--text-muted)}.share-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.share-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.share-action-danger:hover{background:#ef44441a;color:var(--danger)}.products-page{min-height:100vh;background:#f8f9fb;font-family:var(--font-sans, "Inter", sans-serif)}.products-header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px}.products-header-left{display:flex;align-items:center;gap:20px}.products-header-right{display:flex;align-items:center;gap:10px}.btn-back{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-back:hover{background:#f3f4f6}.products-header-title{display:flex;align-items:center;gap:12px;color:#1a1a2e}.products-header-title h1{font-size:20px;font-weight:700;margin:0}.products-header-title p{font-size:13px;color:#6b7280;margin:0}.btn-secondary-sm{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s}.btn-secondary-sm:hover{background:#f3f4f6}.products-stats{display:flex;gap:14px;padding:20px 32px;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;min-width:160px;flex:1;color:#6c5ce7}.stat-card.warning{color:#f59e0b}.stat-value{font-size:22px;font-weight:700;color:#1a1a2e;line-height:1}.stat-label{font-size:12px;color:#9ca3af;margin-top:3px}.products-tabs{display:flex;gap:4px;padding:0 32px;border-bottom:1px solid #e5e7eb;background:#fff}.products-tab{display:flex;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:500;color:#6b7280;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;margin-bottom:-1px;transition:color .15s}.products-tab:hover{color:#1a1a2e}.products-tab.active{color:#6c5ce7;border-bottom-color:#6c5ce7}.products-panel{padding:24px 32px}.products-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.products-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;flex:1;min-width:200px}.products-search-wrap input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.products-filters{display:flex;gap:10px}.filter-select-wrap{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;color:#6b7280}.filter-select-wrap select{border:none;outline:none;font-size:13px;background:transparent;color:#374151}.btn-add-product{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:none;background:#6c5ce7;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-add-product:hover{background:#5a4bd1}.products-table-wrap{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.products-table{width:100%;border-collapse:collapse;font-size:14px}.products-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;background:#fafafa}.products-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover td{background:#fafafa}.product-name-cell{display:flex;align-items:center;gap:12px}.product-name-cell img{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb}.product-img-placeholder{width:40px;height:40px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#d1d5db}.product-name{font-weight:600;color:#1a1a2e}.product-badge{display:inline-block;font-size:11px;padding:2px 7px;border-radius:20px;background:#fef3c7;color:#d97706;font-weight:600;margin-top:3px}.product-price{display:flex;flex-direction:column}.original-price{font-size:12px;color:#9ca3af;text-decoration:line-through}.stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:600;background:#f0fdf4;color:#16a34a}.stock-badge.low{background:#fef2f2;color:#ef4444}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.product-actions{display:flex;gap:6px}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:all .15s}.icon-btn:hover{background:#f3f4f6;border-color:#d1d5db}.icon-btn.danger:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.order-status-pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:capitalize}.products-loading{display:flex;align-items:center;gap:12px;padding:60px;justify-content:center;color:#9ca3af;font-size:15px}.products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:16px;color:#9ca3af;text-align:center}.products-empty p{font-size:15px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.products-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e}.products-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.products-modal-header h2{font-size:18px;font-weight:700;margin:0;color:#1a1a2e}.products-modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.products-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.products-form-row{display:flex;gap:14px}.products-form-row .flex-2{flex:2}.products-form-group{display:flex;flex-direction:column;gap:5px;flex:1}.products-form-group label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.03em}.products-form-group input,.products-form-group select,.products-form-group textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1a1a2e;outline:none;background:#fff;transition:border-color .15s;font-family:inherit}.products-form-group input:focus,.products-form-group select:focus,.products-form-group textarea:focus{border-color:#6c5ce7}.products-input-prefix{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.products-input-prefix span{display:flex;align-items:center;padding:9px 10px;background:#f9fafb;color:#9ca3af;border-right:1px solid #e5e7eb}.products-input-prefix input{border:none;border-radius:0;flex:1;padding:9px 10px}.products-image-input-row{display:flex;gap:8px}.products-image-input-row input{flex:1}.btn-add-image{display:flex;align-items:center;gap:5px;padding:9px 14px;border:1px solid #6c5ce7;border-radius:8px;background:#ede9fe;color:#6c5ce7;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.products-image-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.products-image-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.products-image-chip img{width:28px;height:28px;border-radius:5px;object-fit:cover}.products-image-chip span{flex:1;font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-image-chip button{border:none;background:none;cursor:pointer;color:#ef4444;padding:2px}.products-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;font-size:13px}.btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-cancel:hover{background:#f3f4f6}.btn-save{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#6c5ce7;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-save:hover{background:#5a4bd1}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 20px 60px #0000002e}.confirm-modal h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.confirm-modal p{font-size:14px;color:#6b7280;margin:0}.confirm-actions{display:flex;gap:10px;margin-top:8px}.order-drawer{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e}.order-detail-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.order-detail-row{display:flex;align-items:flex-start;gap:16px}.order-detail-row.col{flex-direction:column}.order-detail-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;min-width:130px;padding-top:2px}.order-detail-val{font-size:14px;color:#1a1a2e}.order-detail-val.bold{font-weight:700}.order-address{font-size:13px;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;margin:4px 0 0}.order-status-selector{display:flex;gap:6px;flex-wrap:wrap}.order-status-chip{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s;text-transform:capitalize}.order-status-chip:hover{background:#f3f4f6}.order-status-chip.active{cursor:default}.order-items-section{display:flex;flex-direction:column;gap:8px}.order-items-table{width:100%;border-collapse:collapse;font-size:13px}.order-items-table th{text-align:left;padding:8px 10px;background:#f9fafb;color:#9ca3af;font-size:11px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.order-items-table td{padding:9px 10px;border-bottom:1px solid #f3f4f6}.muted{color:#9ca3af}.mono{font-family:Courier New,monospace}.small{font-size:12px}.bold{font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.share-collab-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.owner-avatar{background:linear-gradient(135deg,#f7971e,#ffd200)}.pending-avatar{background:#cbd5e1}.share-collab-info{flex:1;min-width:0}.share-collab-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-collab-email{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.share-status-badge{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500}.share-status-badge.pending{background:#f59e0b1f;color:#f59e0b}.share-status-badge.declined{background:#ef44441f;color:#f87171}.share-collab-role{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);padding:4px 10px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:6px;white-space:nowrap}.owner-role{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);color:#f59e0b}.share-collab-actions{display:flex;align-items:center;gap:4px}.share-role-dropdown-wrap{position:relative}.share-role-toggle{display:flex;align-items:center;gap:4px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--text-primary)}.share-role-toggle:hover{background:var(--bg-hover)}.share-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.share-role-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-surface);border-radius:10px;box-shadow:0 8px 30px #00000040;padding:4px;z-index:100;min-width:180px;border:1px solid var(--border)}.share-role-dropdown button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:none;background:none;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-primary)}.share-role-dropdown button span{font-size:11px;color:var(--text-muted)}.share-role-dropdown button:hover{background:var(--bg-hover)}.share-role-dropdown button.active{background:#2563eb14;color:var(--primary)}.share-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px}.share-remove-btn:hover{color:#e74c3c;background:#ef44441a}.share-transfer-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px}.share-transfer-btn:hover{color:#f59e0b;background:#f59e0b1a}.share-empty{text-align:center;padding:24px 0;color:var(--text-secondary)}.share-empty svg{margin-bottom:8px}.share-empty p{font-size:13px;margin:0}.share-loading{display:flex;justify-content:center;padding:24px 0;color:var(--primary)}.share-btn{background:var(--primary)!important;color:#fff!important;border-radius:8px!important;padding:6px 14px!important}.share-btn:hover{opacity:.9}.toolbar-role-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.toolbar-role-badge.role-editor{background:#10b9811f;color:#10b981}.toolbar-role-badge.role-viewer{background:#f59e0b1f;color:#f59e0b}.dash-notif-wrapper{position:relative}.notification-dot{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.dash-invitations-dropdown{position:absolute;right:0;top:100%;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #2563eb1f;width:340px;max-height:400px;overflow-y:auto;z-index:1000;padding:16px;border:1px solid var(--border)}.dash-invitations-dropdown h4{margin:0 0 12px;font-size:15px;color:var(--text-primary)}.dash-invitations-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:16px 0}.dash-invitation-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.dash-invitation-item:last-child{border-bottom:none}.dash-invitation-info{flex:1;min-width:0}.dash-invitation-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-invitation-info span{font-size:12px;color:var(--text-muted)}.dash-invitation-actions{display:flex;gap:4px;flex-shrink:0}.shared-project-card{cursor:pointer}.shared-owner-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#f59e0b;background:#f59e0b1f;padding:2px 8px;border-radius:4px}.shared-role-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:4px;text-transform:capitalize}.shared-role-badge.role-editor{background:#10b9811f;color:#10b981}.shared-role-badge.role-viewer{background:#f59e0b1f;color:#f59e0b}.accept-invite-page{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif}.accept-invite-header{width:100%;padding:20px 40px;display:flex;align-items:center;border-bottom:1px solid #E2E8F0;background:#fff}.accept-invite-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#0f172a;text-decoration:none}.accept-invite-logo svg{color:#7c3aed}.accept-invite-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;max-width:520px;width:100%;margin:60px auto 40px;padding:48px 40px;text-align:center}.accept-invite-card h1{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px;letter-spacing:-.02em}.accept-invite-subtitle{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px}.accept-invite-illustration{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#7c3aed}.accept-invite-details{text-align:left;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:20px 24px;margin:0 0 24px}.accept-invite-details p{color:#475569;font-size:14px;line-height:1.7;margin:0 0 8px}.accept-invite-details p:last-child{margin-bottom:0}.accept-invite-details strong{color:#0f172a}.accept-invite-email-note{color:#7c3aed!important;font-weight:500}.accept-invite-login-prompt{color:#64748b;font-size:14px;margin:0 0 24px}.accept-invite-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px}.accept-invite-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:600;border-radius:10px;background:#7c3aed;color:#fff;border:none;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #7c3aed40}.accept-invite-btn:hover{background:#6d28d9;box-shadow:0 4px 16px #7c3aed59;transform:translateY(-1px)}.accept-invite-btn:disabled{opacity:.6;pointer-events:none}.accept-invite-signup-link{color:#64748b;font-size:14px;text-decoration:none;transition:color .2s}.accept-invite-signup-link strong{color:#7c3aed}.accept-invite-signup-link:hover{color:#0f172a}.accept-invite-decline{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s;font-family:inherit}.accept-invite-decline:hover{color:#ef4444;background:#ef44440f}.accept-invite-expires{color:#94a3b8;font-size:12px;margin:16px 0 0}.accept-invite-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44440f;color:#ef4444;border:1px solid rgba(239,68,68,.15);border-radius:10px;font-size:13px;margin-bottom:20px;text-align:left}.accept-invite-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#64748b}.accept-invite-loading .spin-icon{color:#7c3aed}.accept-invite-status-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.accept-invite-status-icon.success,.accept-invite-status-icon.accepted{background:#10b9811a;color:#10b981}.accept-invite-status-icon.error{background:#ef444414;color:#ef4444}.accept-invite-status-icon.expired{background:#f59e0b1a;color:#f59e0b}.accept-invite-status-icon.revoked{background:#ef444414;color:#ef4444}.accept-invite-footer{display:flex;gap:40px;max-width:520px;width:100%;padding:0 20px 40px}.accept-invite-footer h4{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 6px}.accept-invite-footer p{font-size:13px;color:#64748b;line-height:1.6;margin:0}.accept-invite-footer strong{color:#475569}@media (max-width: 600px){.accept-invite-card{margin:24px 16px;padding:32px 24px}.accept-invite-footer{flex-direction:column;gap:24px;padding:0 16px 32px}}.rp-section{--rp-bg: #0F172A;--rp-surface: #1E293B;--rp-surface-hover: #263348;--rp-border: #334155;--rp-border-subtle: #1E293B;--rp-text: #F1F5F9;--rp-text-secondary: #94A3B8;--rp-text-muted: #64748B;--rp-accent: #7C3AED;--rp-accent-hover: #6D28D9;--rp-accent-soft: rgba(124, 58, 237, .1);--rp-accent-glow: rgba(124, 58, 237, .25);--rp-danger: #EF4444;--rp-danger-soft: rgba(239, 68, 68, .1);--rp-success: #10B981;--rp-success-soft: rgba(16, 185, 129, .1);--rp-warning: #F59E0B;--rp-radius: 12px;--rp-radius-sm: 8px;--rp-radius-xs: 6px;padding:0!important;max-width:100%!important;background:var(--rp-bg);color:var(--rp-text);border-radius:var(--rp-radius);font-family:Inter,system-ui,-apple-system,sans-serif}.spin-icon{animation:rp-spin 1s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-breadcrumb{display:flex;align-items:center;gap:8px;padding:18px 32px;border-bottom:1px solid var(--rp-border);font-size:13px;color:var(--rp-text-muted);letter-spacing:.01em}.rp-breadcrumb button{background:none;border:none;color:var(--rp-text-muted);cursor:pointer;font-size:13px;transition:color .2s;font-family:inherit}.rp-breadcrumb button:hover{color:var(--rp-text)}.rp-breadcrumb button.active,.rp-breadcrumb .active{color:var(--rp-text);font-weight:600}.rp-alert{display:flex;align-items:center;gap:10px;padding:12px 18px;margin:16px 32px;border-radius:var(--rp-radius);font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rp-alert button{background:none;border:none;cursor:pointer;color:inherit;margin-left:auto;padding:4px;border-radius:var(--rp-radius-xs);transition:background .15s}.rp-alert button:hover{background:#ffffff14}.rp-alert-error{background:var(--rp-danger-soft);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.rp-alert-success{background:var(--rp-success-soft);color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.rp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:100px 0;color:var(--rp-text-muted)}.rp-loading p{margin:0;font-size:14px}.rp-overview{padding:32px;display:flex;flex-direction:column;gap:28px}.rp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.rp-header h2{font-size:24px;font-weight:700;color:var(--rp-text);margin:0;letter-spacing:-.02em}.rp-header p{margin:6px 0 0;font-size:14px;color:var(--rp-text-secondary);line-height:1.5}.rp-seat-limit{background:var(--rp-surface);border-radius:var(--rp-radius);padding:20px 24px;border:1px solid var(--rp-border)}.rp-seat-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--rp-text);font-weight:600;margin-bottom:14px}.rp-seat-info svg{color:var(--rp-text-muted)}.rp-seat-bar-wrap{display:flex;align-items:center;gap:14px}.rp-seat-bar{flex:1;height:10px;background:#64748b40;border-radius:6px;overflow:hidden}.rp-seat-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:6px;transition:width .4s ease}.rp-seat-bar-wrap>span{font-size:13px;color:var(--rp-text-secondary);font-weight:600;white-space:nowrap}.rp-seat-label{font-size:13px;color:var(--rp-text-muted);margin-top:10px;display:block}.rp-seat-warning{font-size:13px;color:var(--rp-warning);margin:12px 0 0;font-weight:500}.rp-team{background:var(--rp-surface);border-radius:var(--rp-radius);padding:0;border:1px solid var(--rp-border);overflow:hidden}.rp-team-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--rp-border)}.rp-team-header h3{font-size:15px;font-weight:600;color:var(--rp-text);margin:0;letter-spacing:-.01em}.rp-team-count{font-size:11px;color:var(--rp-text-muted);font-weight:600;background:#64748b26;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.rp-team-list{display:flex;flex-direction:column}.rp-member{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid rgba(51,65,85,.5);transition:background .2s}.rp-member:last-child{border-bottom:none}.rp-member:hover{background:var(--rp-surface-hover)}.rp-member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #7c3aed33}.rp-member-avatar img{width:100%;height:100%;object-fit:cover}.rp-avatar-owner{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 2px 8px #f59e0b40}.rp-avatar-pending{background:var(--rp-border);color:var(--rp-text-muted);box-shadow:none}.rp-member-info{flex:1;min-width:0}.rp-member-name{display:block;font-size:14px;font-weight:600;color:var(--rp-text);line-height:1.3}.rp-member-name em{font-style:normal;color:var(--rp-text-muted);font-size:12px;margin-left:6px;font-weight:400}.rp-member-email{display:block;font-size:12px;color:var(--rp-text-muted);margin-top:2px;font-weight:400}.rp-member-role{min-width:150px;position:relative}.rp-role-dropdown-wrap{position:relative}.rp-role-toggle{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#64748b1f;border:1px solid var(--rp-border);border-radius:var(--rp-radius-sm);color:var(--rp-text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.rp-role-toggle:hover{border-color:var(--rp-accent);background:var(--rp-accent-soft)}.rp-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.rp-role-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:220px;background:#0f172a;border:1px solid var(--rp-border);border-radius:var(--rp-radius);padding:6px;box-shadow:0 16px 48px #0009,0 0 0 1px #7c3aed14}.rp-role-dropdown button{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;border-radius:var(--rp-radius-sm);color:var(--rp-text);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit}.rp-role-dropdown button:hover{background:var(--rp-surface-hover)}.rp-role-dropdown button.active{background:var(--rp-accent-soft);box-shadow:inset 0 0 0 1px #7c3aed4d}.rp-role-desc{display:block;font-size:11px;color:var(--rp-text-muted);font-weight:400}.rp-role-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rp-text-secondary);font-weight:500}.rp-member-actions{display:flex;align-items:center;gap:6px}.rp-action-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;min-width:32px;background:none;border:1px solid transparent;border-radius:var(--rp-radius-xs);color:var(--rp-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.rp-action-btn .rp-action-label{display:none}.rp-action-btn:hover{background:var(--rp-surface-hover);border-color:var(--rp-border);color:var(--rp-text)}.rp-action-btn:hover .rp-action-label{display:inline}.rp-action-transfer:hover{color:var(--rp-warning);border-color:#f59e0b4d;background:#f59e0b14}.rp-action-remove:hover{color:var(--rp-danger);border-color:#ef44444d;background:var(--rp-danger-soft)}.rp-member-pending{opacity:.8}.rp-pending{background:var(--rp-surface);border-color:var(--rp-border)}.rp-pending .rp-team-header{background:#64748b0f}.rp-pending .rp-member-name{font-weight:500}.rp-pending .rp-member-email{font-size:11px;color:var(--rp-text-muted)}.rp-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.rp-role-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--rp-surface);border-radius:var(--rp-radius);border:1px solid var(--rp-border);transition:all .25s ease;position:relative;cursor:default}.rp-role-card:hover{border-color:var(--rp-accent);box-shadow:0 4px 20px #7c3aed14,0 0 0 1px var(--rp-accent-soft);transform:translateY(-1px)}.rp-role-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rp-accent-soft);border-radius:var(--rp-radius-sm);color:#a78bfa;flex-shrink:0}.rp-role-card-info{flex:1;min-width:0}.rp-role-card-info h4{margin:0;font-size:14px;font-weight:600;color:var(--rp-text);display:flex;align-items:center;gap:6px}.rp-role-card-info p{margin:5px 0 0;font-size:12px;color:var(--rp-text-muted);line-height:1.45}.rp-role-card-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.rp-badge-system{background:var(--rp-accent-soft);color:#a78bfa}.rp-badge-custom{background:var(--rp-success-soft);color:#6ee7b7}.rp-role-card-actions{display:flex;gap:4px;position:absolute;top:14px;right:14px;opacity:0;transition:opacity .2s}.rp-role-card:hover .rp-role-card-actions{opacity:1}.rp-role-card-actions button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--rp-bg);border:1px solid var(--rp-border);border-radius:var(--rp-radius-xs);color:var(--rp-text-muted);cursor:pointer;transition:all .2s}.rp-role-card-actions button:hover{background:var(--rp-surface-hover);color:var(--rp-text);border-color:var(--rp-accent)}.rp-role-card-custom{border-style:dashed}.rp-invite-page,.rp-custom-page{padding:0}.rp-invite-header{display:flex;align-items:flex-start;gap:16px;padding:28px 32px;border-bottom:1px solid var(--rp-border)}.rp-back-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--rp-border);border-radius:var(--rp-radius-sm);color:var(--rp-text);cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:2px}.rp-back-btn:hover{background:var(--rp-surface-hover);border-color:var(--rp-accent)}.rp-invite-header>div:first-of-type{flex:1}.rp-invite-header h2{margin:0;font-size:22px;font-weight:700;color:var(--rp-text);letter-spacing:-.02em}.rp-invite-header p{margin:6px 0 0;font-size:13px;color:var(--rp-text-secondary);line-height:1.5}.rp-invite-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.rp-invite-seat-limit{padding:20px 32px;border-bottom:1px solid var(--rp-border);background:#1e293b4d}.rp-seat-num{margin-left:auto;font-weight:700;font-size:13px;color:var(--rp-text)}.rp-seat-upgrade{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--rp-border)}.rp-seat-upgrade p{font-size:13px;color:var(--rp-warning);margin:0;font-weight:500}.rp-invite-emails{padding:24px 32px;border-bottom:1px solid var(--rp-border)}.rp-invite-emails-header{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;flex-wrap:wrap}.rp-invite-emails-header h3{margin:0;font-size:15px;font-weight:700;color:var(--rp-text)}.rp-invite-emails-header span{font-size:13px;color:var(--rp-text-secondary)}.rp-email-count{margin-left:auto;font-size:12px;color:var(--rp-text-muted);font-weight:600}.rp-email-input-wrap input{width:100%;padding:12px 16px;border-radius:var(--rp-radius);background:var(--rp-surface);border:1px solid var(--rp-border);color:var(--rp-text);font-size:14px;outline:none;transition:all .2s;font-family:inherit}.rp-email-input-wrap input:focus{border-color:var(--rp-accent);box-shadow:0 0 0 3px var(--rp-accent-glow)}.rp-email-input-wrap input::placeholder{color:var(--rp-text-muted)}.rp-email-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rp-email-tag{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;background:var(--rp-accent-soft);color:#c4b5fd;border-radius:20px;font-size:13px;font-weight:500;border:1px solid rgba(124,58,237,.2)}.rp-email-tag button{background:none;border:none;color:#c4b5fd;cursor:pointer;display:flex;padding:2px;border-radius:50%;transition:all .15s}.rp-email-tag button:hover{color:var(--rp-danger);background:var(--rp-danger-soft)}.rp-invite-roles{padding:24px 32px}.rp-invite-roles-header{margin-bottom:20px}.rp-invite-roles-header h3{margin:0;font-size:15px;font-weight:700;color:var(--rp-text)}.rp-invite-roles-header span{display:block;font-size:13px;color:var(--rp-text-secondary);margin-top:4px;line-height:1.5}.rp-roles-hint{font-style:italic;color:var(--rp-text-muted)!important;font-size:12px!important}.rp-role-search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:var(--rp-radius);margin-bottom:24px;color:var(--rp-text-muted);transition:border-color .2s}.rp-role-search:focus-within{border-color:var(--rp-accent);box-shadow:0 0 0 3px var(--rp-accent-glow)}.rp-role-search input{flex:1;background:none;border:none;outline:none;color:var(--rp-text);font-size:14px;font-family:inherit}.rp-role-search input::placeholder{color:var(--rp-text-muted)}.rp-role-category{margin-bottom:28px}.rp-role-category-header{margin-bottom:12px}.rp-role-category-header h4{margin:0;font-size:11px;font-weight:700;color:var(--rp-text-muted);text-transform:uppercase;letter-spacing:.08em}.rp-role-check-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--rp-border);border-radius:var(--rp-radius);margin-bottom:10px;cursor:pointer;transition:all .2s;background:var(--rp-surface)}.rp-role-check-item:hover{border-color:#7c3aed66;background:var(--rp-surface-hover)}.rp-role-check-item.selected{border-color:var(--rp-accent);background:var(--rp-accent-soft);box-shadow:0 0 0 1px var(--rp-accent-soft)}.rp-role-check-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--rp-text-muted);border-radius:5px;margin:1px 0 0;position:relative;cursor:pointer;transition:all .2s;background:transparent}.rp-role-check-item input[type=checkbox]:checked{background:var(--rp-accent);border-color:var(--rp-accent)}.rp-role-check-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:3px;font-size:14px;color:#fff;font-weight:700}.rp-role-check-info{flex:1}.rp-role-check-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rp-text)}.rp-role-check-desc{display:block;font-size:12px;color:var(--rp-text-muted);margin-top:4px;line-height:1.5}.rp-create-role-link{display:flex;flex-direction:column;gap:8px;padding:20px 22px;background:var(--rp-accent);border:none;border-radius:var(--rp-radius);cursor:pointer;transition:all .2s;width:100%;text-align:left;color:#fff;box-shadow:0 4px 16px #7c3aed40}.rp-create-role-link:hover{background:var(--rp-accent-hover);box-shadow:0 6px 24px #7c3aed59;transform:translateY(-1px)}.rp-create-role-link>span:first-of-type{display:none}.rp-create-role-link>span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#fff}.rp-create-role-link p{margin:0;font-size:13px;color:#ffffffbf}.rp-custom-form{padding:32px;display:flex;flex-direction:column;gap:28px}.rp-custom-field label{display:block;font-size:13px;font-weight:700;color:var(--rp-text);margin-bottom:8px}.rp-custom-field input,.rp-custom-field textarea{width:100%;padding:12px 16px;border-radius:var(--rp-radius);background:var(--rp-surface);border:1px solid var(--rp-border);color:var(--rp-text);font-size:14px;outline:none;transition:all .2s;font-family:inherit;resize:vertical}.rp-custom-field input:focus,.rp-custom-field textarea:focus{border-color:var(--rp-accent);box-shadow:0 0 0 3px var(--rp-accent-glow)}.rp-custom-field input::placeholder,.rp-custom-field textarea::placeholder{color:var(--rp-text-muted)}.rp-custom-perms h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--rp-text);letter-spacing:-.01em}.rp-custom-perms>p{margin:0 0 20px;font-size:13px;color:var(--rp-text-secondary);line-height:1.5}.rp-perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.rp-perm-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--rp-border);border-radius:var(--rp-radius);cursor:pointer;transition:all .2s;background:var(--rp-surface)}.rp-perm-item:hover{border-color:#7c3aed66;background:var(--rp-surface-hover)}.rp-perm-item.selected{border-color:var(--rp-accent);background:var(--rp-accent-soft)}.rp-perm-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--rp-text-muted);border-radius:4px;margin:1px 0 0;position:relative;cursor:pointer;transition:all .2s;background:transparent}.rp-perm-item input[type=checkbox]:checked{background:var(--rp-accent);border-color:var(--rp-accent)}.rp-perm-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;font-size:12px;color:#fff;font-weight:700}.rp-perm-item input[type=checkbox]:disabled{opacity:.35;cursor:not-allowed}.rp-perm-name{font-size:13px;font-weight:600;color:var(--rp-text)}.rp-perm-lock{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--rp-text-muted);margin-top:3px}.rp-perm-restricted{opacity:.45;cursor:not-allowed}.rp-section .btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border-radius:var(--rp-radius-sm);cursor:pointer;transition:all .2s;border:none;font-family:inherit}.rp-section .btn-primary{background:var(--rp-accent);color:#fff;padding:10px 22px;box-shadow:0 2px 8px #7c3aed33}.rp-section .btn-primary:hover{background:var(--rp-accent-hover);box-shadow:0 4px 16px #7c3aed4d;transform:translateY(-1px)}.rp-section .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.rp-section .btn-outline{background:none;border:1px solid var(--rp-border);color:var(--rp-text);padding:9px 18px}.rp-section .btn-outline:hover{border-color:var(--rp-accent);background:var(--rp-accent-soft)}.rp-section .btn-sm{padding:7px 14px;font-size:12px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e2e8f0;z-index:999;box-shadow:0 -2px 12px #00000012}.mobile-bottom-nav-inner{display:flex;height:100%;align-items:stretch}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:#64748b;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;padding:0 4px}.mobile-bottom-nav-item.active,.mobile-bottom-nav-item:hover{color:#7c3aed}.mobile-bottom-nav-item svg{flex-shrink:0}@media (max-width: 768px){.mobile-bottom-nav{display:block}}@media (max-width: 768px){.dash-sidebar{display:none!important}.dashboard-page{padding-bottom:72px}.dash-main{display:block;padding:0}.dash-content{padding:16px}.dash-nav{padding:0 12px;height:52px}.dash-nav-center,.dash-nav-right .dash-nav-btn:first-child{display:none}.dash-mobile-filters{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dash-mobile-filters::-webkit-scrollbar{display:none}.dash-mobile-filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;color:#475569;cursor:pointer;white-space:nowrap;font-weight:500}.dash-mobile-filter-chip.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.dash-mobile-new-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:12px 16px 0;padding:12px;background:#7c3aed;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer}.dash-content-header{flex-direction:column;align-items:flex-start;gap:10px}.dash-projects-grid{grid-template-columns:1fr 1fr!important;gap:12px}.project-card{border-radius:10px}.project-thumb{height:110px}.dash-mobile-search{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:10px;padding:8px 12px;margin:12px 16px 0}.dash-mobile-search input{border:none;background:transparent;font-size:14px;outline:none;width:100%;color:#1e293b}}@media (max-width: 420px){.dash-projects-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.products-page{padding-bottom:72px}.products-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.products-header-right{width:100%}.products-header-right .btn-secondary-sm{width:100%;justify-content:center}.products-stats{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.stat-card{padding:12px}.stat-value{font-size:20px}.products-table-wrapper{overflow-x:visible}.products-table{display:none}.products-mobile-cards{display:flex;flex-direction:column;gap:10px}.product-mobile-card{display:flex;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;align-items:flex-start}.product-mobile-card-img{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.product-mobile-card-body{flex:1;min-width:0}.product-mobile-card-name{font-weight:600;font-size:14px;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mobile-card-price{font-size:15px;font-weight:700;color:#7c3aed}.product-mobile-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.product-mobile-card-actions{display:flex;gap:6px;margin-top:8px}.orders-table{display:none}.orders-mobile-cards{display:flex;flex-direction:column;gap:10px}.order-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.order-mobile-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.order-mobile-card-customer{font-weight:600;font-size:14px}.order-mobile-card-total{font-weight:700;font-size:15px;color:#7c3aed}.order-mobile-card-date{font-size:12px;color:#94a3b8}.products-toolbar{flex-wrap:wrap;gap:8px;padding:0 16px}.products-search{min-width:0;flex:1}}@media (max-width: 768px){.settings-page{padding-bottom:72px}.settings-nav{padding:0 12px}.settings-content{padding:16px}.settings-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-form{padding:16px}.settings-form-row{flex-direction:column}}@media (max-width: 768px){.site-settings-page{padding-bottom:72px}.site-settings-layout{flex-direction:column}.site-settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0}.site-settings-sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;gap:4px;padding:8px}.site-settings-sidebar-nav::-webkit-scrollbar{display:none}.site-settings-nav-item{flex-shrink:0;border-radius:8px}.site-settings-content{padding:16px}}@media (max-width: 768px){.templates-page{padding-bottom:72px}.templates-grid{grid-template-columns:1fr 1fr!important;gap:12px}}@media (max-width: 420px){.templates-grid{grid-template-columns:1fr!important}}.dash-mobile-search,.dash-mobile-filters,.dash-mobile-new-btn,.products-mobile-cards{display:none}@media (max-width: 768px){.project-menu.mobile-action-sheet{position:fixed!important;bottom:70px!important;left:12px!important;right:12px!important;top:auto!important;width:auto!important;max-width:none!important;border-radius:16px!important;padding:8px 0!important;z-index:10000!important;box-shadow:0 -4px 40px #0000002e!important;animation:sheetSlideUp .22s cubic-bezier(.32,1.2,.4,1);overflow:hidden}.mobile-action-sheet-title{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding:8px 16px 12px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.project-menu.mobile-action-sheet button{padding:14px 18px!important;font-size:15px!important;gap:12px!important;border-radius:0!important}.project-menu.mobile-action-sheet button:active{background:#f8fafc!important}.project-menu.mobile-action-sheet .project-menu-divider{margin:6px 0!important}.project-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-thumb-mobile-badge{position:absolute;top:8px;left:8px;pointer-events:none}.project-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-status-badge.published{background:#10b981d9;color:#fff}.project-status-badge.draft{background:#1e293bb3;color:#cbd5e1}@media (max-width: 768px){.project-thumb{position:relative;cursor:default}.project-menu-btn{width:36px!important;height:36px!important;border-radius:10px!important}.project-name{font-size:14px}.project-date{font-size:11px}.project-card{border-radius:14px;overflow:hidden}.project-info{padding:10px 12px 12px}}@media (max-width: 768px){.products-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 16px 14px!important;position:sticky;top:0;z-index:100}.products-header-title h1{font-size:18px!important}.products-header-title p{font-size:12px!important}.btn-back{font-size:13px;padding:6px 10px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;margin-bottom:10px;display:inline-flex;align-items:center;gap:5px}.products-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;padding:14px 16px!important}.stat-card{border-radius:12px;padding:12px 14px!important;border:1px solid #f1f5f9;background:#fff}.products-toolbar{padding:12px 16px!important;gap:8px!important}.products-panel{padding:0 16px 100px!important}.products-mobile-cards{padding:0 16px;gap:12px!important}.product-mobile-card{border-radius:14px!important;padding:14px!important;box-shadow:0 1px 4px #0000000d}.product-mobile-card-img{width:68px!important;height:68px!important;border-radius:10px!important}.product-mobile-card-name{font-size:15px!important;margin-bottom:3px!important}.product-mobile-card-price{font-size:16px!important;margin-bottom:4px}.product-mobile-card-actions .btn{padding:7px 14px!important;border-radius:8px!important;font-size:13px!important}.orders-mobile-cards{padding:0 16px}.order-mobile-card{border-radius:14px!important;padding:16px!important;box-shadow:0 1px 4px #0000000d}.products-fab{position:fixed;bottom:80px;right:20px;width:52px;height:52px;border-radius:50%;background:#7c3aed;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7c3aed73;z-index:200;transition:transform .15s}.products-fab:active{transform:scale(.93)}}@media (max-width: 768px){.dash-nav{position:sticky!important;top:0;background:#fff!important;z-index:100;border-bottom:1px solid #f1f5f9}.dash-content-header{padding:4px 0 8px}.dash-content-header h1{font-size:18px}.projects-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.project-card-new .project-new-inner{flex-direction:column!important;gap:6px!important;font-size:13px!important}}@media (max-width: 768px){.settings-nav{position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid #f1f5f9}.settings-sidebar{display:none!important}.settings-main{width:100%!important}.settings-tab{font-size:13px!important;padding:8px 14px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}