:root,[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: rgba(148, 163, 184, .1);--bg-glass: rgba(30, 41, 59, .8);--input-bg: #1e293b;--input-bg-hover: #283548;--input-bg-focus: #334155;--input-border: #334155;--input-border-hover: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-placeholder: #64748b;--border-color: #334155;--border-hover: #475569;--border-active: rgba(139, 92, 246, .5);--accent-primary: #a78bfa;--accent-secondary: #c4b5fd;--accent-tertiary: #ddd6fe;--accent-glow: rgba(167, 139, 250, .4);--accent-subtle: rgba(167, 139, 250, .15);--gradient-primary: linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #60a5fa 100%);--gradient-secondary: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%);--gradient-glow: linear-gradient(135deg, rgba(167, 139, 250, .2) 0%, rgba(129, 140, 248, .1) 100%);--success-color: #34d399;--success-bg: rgba(52, 211, 153, .15);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--error-color: #f87171;--error-bg: rgba(248, 113, 113, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(167, 139, 250, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .05);--logo-filter: none}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: rgba(15, 23, 42, .04);--bg-glass: rgba(255, 255, 255, .9);--input-bg: #ffffff;--input-bg-hover: #f8fafc;--input-bg-focus: #ffffff;--input-border: #e2e8f0;--input-border-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-placeholder: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-active: rgba(124, 58, 237, .4);--accent-primary: #7c3aed;--accent-secondary: #8b5cf6;--accent-tertiary: #a78bfa;--accent-glow: rgba(124, 58, 237, .3);--accent-subtle: rgba(124, 58, 237, .1);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, .1) 0%, rgba(99, 102, 241, .05) 100%);--success-color: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning-color: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .1);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 16px rgba(15, 23, 42, .1);--shadow-lg: 0 20px 60px rgba(15, 23, 42, .15);--shadow-glow: 0 0 40px rgba(124, 58, 237, .2);--shadow-card: 0 4px 24px rgba(15, 23, 42, .08), 0 1px 0 rgba(0, 0, 0, .02);--logo-filter: invert(1)}:root{--font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(167,139,250,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.06) 0px,transparent 50%);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.75rem}h3{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}input:focus,button:focus,textarea:focus,select:focus{outline:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=tel],input[type=number],textarea,select{width:100%;padding:12px 16px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all var(--transition-fast);line-height:1.5}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:.8}input[type=text]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=password]:hover:not(:disabled),input[type=url]:hover:not(:disabled),input[type=search]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=number]:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){background:var(--input-bg-hover);border-color:var(--input-border-hover)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=number]:focus,textarea:focus,select:focus{background:var(--input-bg-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle),0 1px 2px #0000000d}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=number]:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}textarea{min-height:100px;resize:vertical;padding:14px 16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-secondary)}::selection{background:var(--accent-primary);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #a78bfa4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #a78bfa66}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px #8b5cf633}}#root{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.header-left{display:flex;align-items:start;gap:var(--space-md);margin-left:20px}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.menu-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.header{padding:0 8px 0 4px}.header-left{gap:4px;margin-left:0}.menu-toggle{display:flex;margin-left:-4px;width:36px;height:36px}}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{padding:4px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.theme-toggle:hover{background:var(--bg-hover)}.theme-toggle-track{position:relative;display:flex;align-items:center;width:56px;height:28px;padding:0 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;transition:all var(--transition-fast)}.theme-icon{position:relative;z-index:1;color:var(--text-muted);transition:color var(--transition-fast)}.theme-icon.sun{margin-right:auto}.theme-icon.moon{margin-left:auto}[data-theme=light] .theme-icon.sun,[data-theme=dark] .theme-icon.moon{color:var(--accent-primary)}.theme-toggle-thumb{position:absolute;width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;transition:transform var(--transition-spring);box-shadow:0 2px 8px #8b5cf64d}.theme-toggle-thumb.dark{transform:translate(24px)}.theme-toggle-thumb.light{transform:translate(0)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--bg-hover)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-size:14px;font-weight:600;color:#fff}.chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.chevron.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeInDown .2s ease}.dropdown-header{display:flex;align-items:center;gap:12px;padding:var(--space-md);background:var(--bg-tertiary)}.dropdown-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-avatar span{font-size:16px;font-weight:600;color:#fff}.dropdown-user-info{display:flex;flex-direction:column;min-width:0}.dropdown-user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px var(--space-md);color:var(--text-secondary);font-size:14px;text-decoration:none;text-align:left;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background:var(--error-bg);color:var(--error-color)}.plans-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .2s ease}.plans-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:580px;position:relative;animation:modalIn .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color);overflow:hidden}.plans-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--bg-tertiary);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.plans-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.plans-modal-header{text-align:center;padding:var(--space-xl) var(--space-xl) var(--space-md)}.header-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-sm)}.plans-modal-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.5px}.plans-modal-subtitle{font-size:14px;color:var(--text-secondary);max-width:360px;margin:0 auto;line-height:1.5}.plans-modal-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:0 var(--space-lg) var(--space-md)}.plan-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;position:relative;transition:all var(--transition-fast)}.plan-card:hover{border-color:var(--border-hover)}.plan-card-featured{border-color:var(--primary-color);background:linear-gradient(180deg,rgba(147,51,234,.15) 0%,var(--bg-secondary) 50%);transform:scale(1.02)}.plan-card-featured:hover{border-color:var(--primary-color)}.plan-ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:0 0 8px 8px;font-size:10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:4px}.plan-card-header{text-align:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-sm)}.plan-card-featured .plan-card-header{padding-top:var(--space-sm)}.plan-name{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.price-old{font-size:13px;color:var(--text-tertiary);text-decoration:line-through;margin-right:6px}.price-value{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-1px}.plan-card-featured .price-value{color:var(--primary-color)}.price-period{font-size:13px;color:var(--text-tertiary)}.plan-savings{margin-top:6px}.plan-savings span{display:inline-block;background:#22c55e26;color:#22c55e;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-md);flex:1}.plan-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-secondary)}.plan-features li svg{color:#22c55e;flex-shrink:0}.plan-btn{width:100%;padding:12px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px}.plan-btn:hover{background:var(--bg-hover)}.plan-btn-featured{background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff;box-shadow:0 4px 16px #9333ea66}.plan-btn-featured:hover{transform:translateY(-2px);box-shadow:0 6px 24px #9333ea80}.plans-modal-footer{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.guarantee{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-tertiary)}.guarantee svg{color:#22c55e}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:560px){.plans-modal-overlay{padding:0;align-items:flex-end}.plans-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh;overflow-y:auto}.plans-modal-header{padding:var(--space-lg) var(--space-md) var(--space-sm)}.plans-modal-title{font-size:20px}.plans-modal-cards{grid-template-columns:1fr;padding:0 var(--space-md) var(--space-md)}.plan-card-featured{transform:none;order:-1}.plans-modal-footer{padding:var(--space-sm) var(--space-md)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:200;transition:transform var(--transition-slow),background-color var(--transition-slow),border-color var(--transition-slow)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;opacity:0;visibility:hidden;transition:all var(--transition-slow)}.sidebar-overlay.visible{opacity:1;visibility:visible}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-lg);border-bottom:1px solid var(--border-color)}.sidebar-logo{height:24px;opacity:.95;filter:var(--logo-filter);transition:filter var(--transition-slow)}.sidebar-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.sidebar-close{display:flex}}.sidebar-nav{flex:1;padding:var(--space-md);overflow-y:auto}.nav-list{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all var(--transition-fast);position:relative}.nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-hover);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-item:hover{color:var(--text-primary)}.nav-item:hover .nav-icon{background:var(--accent-subtle);color:var(--accent-primary)}.nav-item.active{color:var(--text-primary)}.nav-item.active .nav-icon{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-primary);border-radius:0 2px 2px 0}.nav-section{margin-bottom:8px}.nav-item-toggle{width:100%;background:transparent;border:none;cursor:pointer;position:relative}.nav-item-toggle .toggle-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform var(--transition-fast);color:var(--text-tertiary)}.nav-item-toggle.open .toggle-icon{transform:translateY(-50%) rotate(180deg)}.nav-submenu{list-style:none;display:flex;flex-direction:column;gap:2px;margin-top:4px;margin-left:12px;padding-left:12px;border-left:2px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-subitem{padding:10px 12px;font-size:13px}.nav-subitem .nav-icon{width:32px;height:32px}.nav-subitem:hover{background:var(--bg-hover)}.nav-subitem.active{background:var(--accent-subtle)}.nav-subitem.active:before{display:none}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-color)}.upgrade-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.upgrade-card:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444480;transform:translateY(-2px)}.upgrade-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef4444;border-radius:var(--radius-md);color:#fff}.upgrade-content{display:flex;flex-direction:column;gap:2px}.upgrade-title{font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-desc{font-size:12px;color:var(--text-tertiary)}.upgrade-btn{width:100%;padding:10px 16px;background:#ef4444;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.upgrade-btn:hover{opacity:.9;background:#dc2626}.pipclip-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.pipclip-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:380px;max-height:90vh;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color)}.pipclip-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;background:var(--bg-tertiary);color:var(--text-tertiary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:10}.pipclip-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pipclip-header{padding:16px 20px 12px;text-align:center;border-bottom:1px solid var(--border-color)}.pipclip-subtitle{font-size:12px;color:var(--text-tertiary);margin:0 0 8px}.pipclip-logo{height:28px}.pipclip-body{flex:1;overflow-y:auto;padding:16px 20px;text-align:center}.pipclip-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.pipclip-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.pipclip-desc strong{color:var(--text-primary)}.pipclip-video{display:flex;justify-content:center;margin-bottom:8px}.pipclip-footer{padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:0 0 16px 16px}.pipclip-cta{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.pipclip-cta:hover{opacity:.9}.pipclip-checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);cursor:pointer}.pipclip-checkbox input{width:12px;height:12px;cursor:pointer}.dashboard-layout{min-height:100vh;background:var(--bg-primary)}.main-wrapper{margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-slow)}@media(max-width:768px){.main-wrapper{margin-left:0}}.main-content{flex:1;padding:var(--space-xl);overflow-y:auto}@media(max-width:640px){.main-content{padding:var(--space-md)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);background:var(--bg-primary);color:var(--text-secondary);font-size:14px}.auth-page{height:100vh;display:flex;position:relative;overflow:hidden;width:100%}.auth-page *{box-sizing:border-box}@media(max-width:1024px){.auth-page{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}}.auth-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(99,102,241,.1),transparent)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent)}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.bg-orb-1{width:600px;height:600px;background:var(--accent-primary);top:-200px;left:-200px;opacity:.15}.bg-orb-2{width:400px;height:400px;background:#6366f1;bottom:-100px;right:-100px;opacity:.1;animation-delay:-5s}.bg-orb-3{width:300px;height:300px;background:#3b82f6;top:50%;left:50%;opacity:.08;animation-delay:-10s}.auth-wrapper{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;width:100%;height:100vh;overflow:hidden}.mobile-hero{display:none}@media(max-width:1024px){.auth-wrapper{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100vw}.mobile-hero{display:block;order:1;padding:var(--space-xl) var(--space-md) var(--space-lg);text-align:center}.auth-branding{display:flex;order:3;padding:var(--space-xl) var(--space-md);padding-bottom:var(--space-2xl)}.auth-form-wrapper{order:2}}@media(max-width:768px){.mobile-hero{padding:var(--space-lg) var(--space-md) var(--space-md)}.auth-branding{padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xl)}}@media(max-width:480px){.mobile-hero{padding:var(--space-md) var(--space-sm) var(--space-sm)}.auth-branding{padding:var(--space-md) var(--space-sm);padding-bottom:var(--space-lg)}}.auth-branding{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:transparent}@media(max-width:1440px){.auth-branding{padding:var(--space-xl)}}@media(max-width:1280px){.auth-branding{padding:var(--space-lg) var(--space-md)}}.branding-content{max-width:480px;animation:fadeInUp .8s ease;width:100%}@media(max-width:1440px){.branding-content{max-width:420px}}@media(max-width:1280px){.branding-content{max-width:380px}}@media(max-width:1180px){.branding-content{max-width:340px}}.branding-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:100px;color:var(--accent-secondary);font-size:13px;font-weight:500;margin-bottom:var(--space-lg);max-width:fit-content}@media(max-width:1440px){.branding-badge{font-size:12px;padding:7px 14px}}@media(max-width:1280px){.branding-badge{font-size:11px;padding:6px 12px}}.branding-title{font-size:2.75rem;font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);letter-spacing:-.03em;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:1440px){.branding-title{font-size:2.35rem;line-height:1.2}}@media(max-width:1280px){.branding-title{font-size:2rem;line-height:1.25;margin-bottom:var(--space-md)}}@media(max-width:1180px){.branding-title{font-size:1.85rem}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.branding-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);word-wrap:break-word}@media(max-width:1440px){.branding-description{font-size:.95rem;margin-bottom:var(--space-lg)}}@media(max-width:1280px){.branding-description{font-size:.9rem}}@media(max-width:1180px){.branding-description{font-size:.875rem}}.branding-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}@media(max-width:1440px){.branding-features{gap:10px;margin-bottom:var(--space-lg)}}@media(max-width:1280px){.branding-features{gap:8px;margin-bottom:var(--space-md)}}@media(max-width:1180px){.branding-features{gap:6px}}.feature-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}@media(max-width:1280px){.feature-item{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}}.feature-item:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translate(4px)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;flex-shrink:0}@media(max-width:1280px){.feature-icon{width:36px;height:36px}}@media(max-width:1180px){.feature-icon{width:32px;height:32px}.feature-icon svg{width:16px;height:16px}}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-title{font-size:15px;font-weight:600;color:var(--text-primary)}@media(max-width:1280px){.feature-title{font-size:14px}}.feature-desc{font-size:13px;color:var(--text-tertiary)}@media(max-width:1280px){.feature-desc{font-size:12px}}.branding-stats{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}@media(max-width:1440px){.branding-stats{gap:var(--space-md);padding:var(--space-sm) var(--space-md)}}@media(max-width:1280px){.branding-stats{gap:var(--space-sm);padding:var(--space-sm)}}@media(max-width:1180px){.branding-stats{gap:12px;padding:10px 12px}}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}@media(max-width:1280px){.stat-value{font-size:1.25rem}}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}@media(max-width:1280px){.stat-label{font-size:10px}}.auth-form-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);overflow-y:auto}@media(max-width:1024px){.auth-form-wrapper{padding:var(--space-lg) var(--space-md);min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box}}@media(max-width:768px){.auth-form-wrapper{padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xl);align-items:flex-start;min-height:auto}}@media(max-width:480px){.auth-form-wrapper{padding:var(--space-md) var(--space-sm);padding-bottom:var(--space-lg)}}.auth-card{width:100%;max-width:400px;padding:var(--space-2xl);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);animation:scaleIn .5s ease;box-sizing:border-box}@media(max-width:768px){.auth-card{padding:var(--space-lg) var(--space-md);max-width:100%;margin:0;box-shadow:none;border:none;background:#ffffff08;border-radius:var(--radius-lg)}}@media(max-width:480px){.auth-card{padding:var(--space-md) var(--space-sm)}}.auth-header{text-align:center;margin-bottom:var(--space-xl)}@media(max-width:768px){.auth-header{margin-bottom:var(--space-lg)}}.auth-logo{height:32px;margin-bottom:var(--space-lg);opacity:.95;filter:var(--logo-filter);transition:filter var(--transition-slow)}@media(max-width:768px){.auth-logo{height:28px;margin-bottom:var(--space-md)}}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}@media(max-width:768px){.auth-title{font-size:1.375rem}}@media(max-width:480px){.auth-title{font-size:1.25rem}}.auth-subtitle{font-size:14px;color:var(--text-tertiary)}@media(max-width:480px){.auth-subtitle{font-size:13px}}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:768px){.auth-form{gap:var(--space-md)}}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-link{font-size:13px;color:var(--accent-primary);font-weight:500;transition:color var(--transition-fast)}.form-link:hover{color:var(--accent-secondary)}.input-wrapper{position:relative;display:block}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:999}.form-input{width:100%;height:50px;padding-right:48px;padding-left:50px!important;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box}@media(max-width:480px){.form-input{font-size:14px;height:48px}}.form-input::placeholder{color:var(--text-placeholder);opacity:.8}.form-input:hover:not(:disabled){background:var(--input-bg-hover);border-color:var(--input-border-hover)}.form-input:focus{background:var(--input-bg-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle),0 1px 2px #0000000d}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--accent-primary)}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:10;background:transparent;border:none;cursor:pointer}.password-toggle:hover:not(:disabled){background:var(--bg-hover);color:var(--text-secondary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.form-checkbox{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-text{font-size:14px;color:var(--text-secondary)}.auth-submit{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600;transition:all var(--transition-normal);margin-top:var(--space-sm);position:relative;overflow:hidden;border:none;cursor:pointer;box-sizing:border-box}@media(max-width:480px){.auth-submit{height:48px;font-size:14px}}.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.auth-submit:hover:not(:disabled):before{transform:translate(100%)}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);text-align:center;font-size:14px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.auth-footer{margin-top:var(--space-lg);padding-top:var(--space-md);font-size:13px}}.auth-footer-link{color:var(--accent-primary);font-weight:600}.mobile-hero-content{max-width:500px;margin:0 auto;animation:fadeInUp .6s ease}.mobile-hero-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-sm);letter-spacing:-.02em}@media(max-width:768px){.mobile-hero-title{font-size:1.5rem}}@media(max-width:480px){.mobile-hero-title{font-size:1.35rem}}.mobile-hero-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:0}@media(max-width:768px){.mobile-hero-subtitle{font-size:.9rem}}@media(max-width:480px){.mobile-hero-subtitle{font-size:.875rem}}.mobile-hero .branding-badge{margin:0 auto var(--space-md)}.recover-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:var(--space-xl);overflow:hidden}.recover-wrapper *{box-sizing:border-box}@media(max-width:1024px){.recover-wrapper{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh;max-width:100vw;box-sizing:border-box}}@media(max-width:768px){.recover-wrapper{padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xl);align-items:flex-start}}@media(max-width:480px){.recover-wrapper{padding:var(--space-md) var(--space-sm);padding-bottom:var(--space-lg)}}.recover-card{width:100%;max-width:420px;padding:var(--space-2xl);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);animation:scaleIn .5s ease;box-sizing:border-box}@media(max-width:768px){.recover-card{padding:var(--space-lg) var(--space-md);max-width:100%;margin:0;box-shadow:none;border:none;background:#ffffff08;border-radius:var(--radius-lg)}}@media(max-width:480px){.recover-card{padding:var(--space-md) var(--space-sm)}}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:var(--space-xl);transition:all var(--transition-fast)}.back-link:hover{color:var(--accent-primary);gap:12px}.success-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto var(--space-lg);background:var(--success-bg);border:1px solid rgba(16,185,129,.2);border-radius:50%;color:var(--success-color);animation:scaleIn .4s var(--transition-spring)}.success-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.resend-btn{background:transparent;color:var(--text-tertiary);font-size:14px;padding:var(--space-sm);transition:color var(--transition-fast)}.resend-btn:hover{color:var(--accent-primary)}.dashboard{max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--space-xl)}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}@media(max-width:640px){.header-content{flex-direction:column;align-items:stretch}}.dashboard-title{font-size:1.75rem;font-weight:700;margin:0 0 4px}.dashboard-subtitle{font-size:15px;color:var(--text-tertiary);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);animation:fadeInUp .5s ease backwards}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent-primary)}.stat-change{font-size:12px;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm)}.stat-change.up{background:var(--success-bg);color:var(--success-color)}.stat-change.down{background:var(--error-bg);color:var(--error-color)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-tertiary)}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-xl)}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--accent-primary);font-weight:500;transition:gap var(--transition-fast)}.card-link:hover{gap:8px}.pages-list{display:flex;flex-direction:column;gap:8px}.page-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer}.page-item:hover{border-color:var(--border-color);background:var(--bg-tertiary)}.page-info{display:flex;align-items:center;gap:12px;min-width:0}.page-icon{width:40px;height:40px;background:var(--accent-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.page-details{display:flex;flex-direction:column;gap:2px;min-width:0}.page-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-date{font-size:12px;color:var(--text-muted)}.page-meta{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.status-badge{padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500}.status-badge.published{background:var(--success-bg);color:var(--success-color)}.status-badge.draft{background:var(--bg-tertiary);color:var(--text-tertiary)}.page-views{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}@media(max-width:640px){.page-item{flex-direction:column;align-items:flex-start;gap:12px}.page-meta{width:100%;justify-content:space-between}}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.actions-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-md)}.action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all var(--transition-fast)}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.pro-card{background:var(--gradient-glow);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.pro-icon{width:56px;height:56px;margin:0 auto var(--space-md);background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.pro-title{font-size:1.125rem;font-weight:600;margin:0 0 8px}.pro-desc{font-size:14px;color:var(--text-tertiary);margin:0 0 var(--space-md) 0;line-height:1.5}.pro-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;transition:all var(--transition-fast)}.pro-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.plan-expired-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);cursor:pointer;transition:all var(--transition-fast);animation:slideDown .3s ease;width:100%}.plan-expired-alert:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 16px #ef444433}.plan-expired-alert:focus{outline:2px solid #ef4444;outline-offset:2px}.plan-expired-alert:active{transform:translateY(0)}.alert-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ef444426;border-radius:var(--radius-md);color:#ef4444;flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-title{font-size:18px;font-weight:700;color:#ef4444;margin:0 0 6px}.alert-message{font-size:15px;color:var(--text-primary);margin:0;line-height:1.5}.alert-message strong{color:#ef4444;font-weight:700;text-decoration:underline;text-underline-offset:2px}.alert-warning{font-size:14px;color:#fbbf24;margin:var(--space-sm) 0 0 0;line-height:1.5;font-weight:500;background:#fbbf241a;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(251,191,36,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.plan-expired-alert{flex-direction:column;text-align:center;padding:var(--space-md)}.alert-icon{margin:0 auto}.alert-title{font-size:16px}.alert-message{font-size:14px}.alert-warning{font-size:13px}}.templates-page{max-width:1200px;margin:0 auto;padding:0}.templates-header{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.header-info{flex:1}.header-title{display:flex;align-items:center;gap:var(--space-md);font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0;letter-spacing:-.02em}.header-title i{color:var(--accent-primary);font-size:1.75rem}.header-title h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-subtitle{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.6}.header-actions{flex:1;display:flex;justify-content:flex-end}.btn-tutorial{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 2px 8px var(--accent-glow)}.btn-tutorial:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.btn-tutorial i{font-size:1.1rem}.category-filters{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.category-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.category-btn.active{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.category-btn i{font-size:1.1rem}.category-name{font-size:14px}.category-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--border-hover);color:var(--text-primary);border-radius:100px;font-size:11px;font-weight:700}.category-btn.active .category-badge{background:var(--accent-primary);color:#fff}.templates-content{padding:0;animation:fadeIn .4s ease}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.template-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-fast);display:flex;flex-direction:column;height:100%}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:var(--border-hover)}.template-preview{position:relative;height:280px;overflow-y:auto;overflow-x:hidden;background:var(--bg-tertiary)}.template-preview::-webkit-scrollbar{width:6px}.template-preview::-webkit-scrollbar-track{background:var(--bg-secondary)}.template-preview::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.template-preview::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.template-preview img{width:100%;display:block;object-fit:cover}.template-tags{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;gap:6px;z-index:2}.template-tag{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.template-tag.tag-new{background:var(--success-color);color:#fff}.template-tag.tag-professional{background:var(--warning-color);color:#fff}.template-tag.tag-default{background:var(--text-tertiary);color:#fff}.template-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);opacity:0;transition:opacity var(--transition-normal)}.template-card:hover .template-overlay{opacity:1}.scroll-indicator{align-self:flex-end;background:#000000e6;color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.category-badge{display:flex;align-items:center;gap:6px;background:var(--accent-primary);color:#fff;padding:8px var(--space-md);border-radius:var(--radius-md);font-size:13px;font-weight:600;width:fit-content}.template-overlay .category-badge{background:var(--accent-primary);color:#fff}.template-overlay .category-badge i{font-size:.9rem}.template-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.template-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.btn-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px var(--space-md);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);margin-top:auto;box-shadow:0 2px 8px var(--accent-glow)}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.btn-download i{font-size:.95rem}.btn-download-expired{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.btn-download-expired:hover{box-shadow:0 4px 12px #ef444466}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-2xl);text-align:center;animation:fadeIn .5s ease}.empty-state i{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:4rem;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:50%;color:var(--accent-primary);margin-bottom:var(--space-2xl)}.empty-state h2{margin:0 0 var(--space-sm) 0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.empty-state p{margin:0 0 var(--space-2xl) 0;font-size:1rem;color:var(--text-tertiary);max-width:400px;line-height:1.6}.btn-view-all{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow)}.btn-view-all:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.tutorial-modal{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.modal-header h2 i{color:var(--accent-primary);font-size:1.5rem}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:0}.video-container{position:relative;width:100%;height:400px;background:#000}.video-container iframe{width:100%;height:100%;border:none}.modal-footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.tutorial-steps{margin:0;font-size:14px;color:var(--text-tertiary);text-align:center;max-width:500px;line-height:1.6}.tutorial-steps strong{color:var(--text-primary);font-weight:600}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px var(--space-2xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}@media(max-width:991px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:767px){.templates-page{padding:0 var(--space-sm)}.templates-header{margin-bottom:var(--space-xl)}.header-top{flex-direction:column;gap:var(--space-lg)}.header-title{font-size:1.625rem}.header-title i{font-size:1.5rem}.header-subtitle{font-size:.9375rem}.header-actions{width:100%}.btn-tutorial{width:100%;justify-content:center}.category-filters{gap:var(--space-sm);overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-xs)}.category-btn{flex-shrink:0;padding:10px var(--space-md);font-size:13px}.templates-grid{grid-template-columns:1fr;gap:var(--space-md)}.video-container{height:250px}.modal-header,.modal-footer{padding:var(--space-lg) var(--space-xl)}.modal-header h2{font-size:1.25rem}.tutorial-steps{font-size:13px}}@media(max-width:480px){.templates-page{padding:0}.header-title{font-size:1.5rem;gap:var(--space-sm)}.header-subtitle{font-size:.875rem}.category-btn{padding:10px var(--space-sm);font-size:12px}.template-body{padding:var(--space-md)}.template-title{font-size:14px}.btn-download{font-size:13px;padding:10px var(--space-sm)}.modal-header,.modal-footer{padding:var(--space-md) var(--space-lg)}}.skeleton-card{width:100%;min-height:100px;border-radius:var(--radius-lg);overflow:hidden}.skeleton-text{display:flex;flex-direction:column;gap:8px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff14,#ffffff0d);background-size:200% 100%}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000d,#00000014,#0000000d);background-size:200% 100%}.account-page{max-width:900px;margin:0 auto}.account-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.account-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-lg);overflow:hidden}.card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.card-header svg{color:var(--accent-primary)}.card-title{font-size:1rem;font-weight:600;margin:0}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.form-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.form-input{width:100%;padding:12px 14px 12px 44px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.form-input.error{border-color:var(--error-color)}.form-input.error:focus{box-shadow:0 0 0 3px var(--error-bg)}.error-message{font-size:13px;color:var(--error-color);margin-top:-4px}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition-fast);cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color)}.btn-danger:hover:not(:disabled){background:var(--error-color);color:#fff}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.subscriptions-list{display:flex;flex-direction:column;gap:var(--space-md)}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.subscription-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-color)}.subscription-name{font-size:14px;font-weight:600;color:var(--text-primary)}.badge{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500}.badge-success{background:var(--success-bg);color:var(--success-color)}.badge-inactive{background:var(--bg-tertiary);color:var(--text-tertiary)}.badge-error{background:var(--error-bg);color:var(--error-color)}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.subscription-body{padding:var(--space-md)}.subscription-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-muted);font-weight:500}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:500px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.125rem;font-weight:600;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--space-xl);text-align:center}.modal-icon{width:80px;height:80px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;color:#f59e0b}.modal-warning-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-md) 0}.modal-warning-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.modal-footer{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color)}.modal-footer .btn-secondary,.modal-footer .btn-danger{flex:1}@media(max-width:640px){.account-hero{margin-bottom:var(--space-lg)}.hero-content{flex-direction:column}.hero-title{font-size:1.5rem}.hero-icon{width:28px;height:28px}.form-row,.subscription-info{grid-template-columns:1fr}.modal-footer{flex-direction:column}}.usuarios-page{max-width:1200px;margin:0 auto;padding:0}.users-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.hero-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.hero-title{display:flex;align-items:center;gap:var(--space-md);font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0;letter-spacing:-.02em;color:var(--text-primary)}.filters-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.filters-bar .input-wrapper:first-child{width:220px;flex-shrink:0}.filters-bar .input-wrapper:last-child{flex:1}.input-wrapper select.form-input{padding-left:48px!important;padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.users-table th{padding:var(--space-lg) var(--space-xl);text-align:left;font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table td{padding:var(--space-lg) var(--space-xl);font-size:15px;color:var(--text-primary)}.user-name{font-weight:600;color:var(--text-primary)}.user-email,.user-plan{color:var(--text-secondary)}.user-date{color:var(--text-tertiary);font-size:.8125rem}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.btn-details{padding:8px 16px;background:transparent;color:var(--accent-primary);border:1.5px solid var(--accent-primary);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-details:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);border-top:1px solid var(--border-color)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--input-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-pages{display:flex;align-items:center;gap:var(--space-sm)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border:1.5px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover{background:var(--input-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-page.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--accent-glow)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-tertiary);font-size:14px;-webkit-user-select:none;user-select:none}.table-skeleton{padding:var(--space-xl)}.skeleton-row{display:grid;grid-template-columns:200px 250px 150px 100px 100px 80px;gap:var(--space-xl);align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color)}.skeleton-row:last-child{border-bottom:none}.empty-icon{color:var(--text-tertiary);opacity:.3;margin-bottom:var(--space-lg)}.empty-state p{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:1200px){.skeleton-row{grid-template-columns:180px 220px 130px 90px 90px 70px}}@media(max-width:992px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .input-wrapper:first-child{width:100%}.table-container{overflow-x:auto}.users-table{min-width:900px}}@media(max-width:768px){.hero-title{font-size:1.5rem}.pagination{gap:var(--space-xs)}.pagination-page{min-width:32px;height:32px;font-size:13px}.pagination-btn{width:32px;height:32px}}.usuario-detalhes-page{max-width:1000px;margin:0 auto;padding-bottom:var(--space-xl)}.header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.action-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}.action-bar .btn-primary{padding:10px 16px;font-size:14px;white-space:nowrap}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);animation:fadeInUp .4s ease}.info-card h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xl) 0}.info-card h3 svg{color:var(--accent-primary)}.card-header-simple{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.card-header-simple h3{margin:0}.user-info-header{display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.user-name-header{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-email-header{font-size:.875rem;color:var(--text-tertiary)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-lg)}.card-header h3{margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:992px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.input-wrapper select.form-input{padding-left:48px!important;padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.form-input:read-only{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--gradient-primary);border:none;color:#fff;flex-shrink:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-icon:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-subtle)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:768px){.resource-grid{grid-template-columns:1fr}}.resource-card{padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.resource-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}.resource-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.resource-label{display:block;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.resource-label:not(:first-child){margin-top:var(--space-md)}.resource-link{display:block;font-size:14px;font-weight:500;color:var(--accent-primary);text-decoration:none;word-break:break-all;transition:color var(--transition-fast);margin-bottom:var(--space-sm)}.resource-link:hover{color:var(--accent-secondary);text-decoration:underline}.resource-link-secondary{display:block;font-size:13px;color:var(--text-secondary);text-decoration:none;word-break:break-all;transition:color var(--transition-fast)}.resource-link-secondary:hover{color:var(--text-primary);text-decoration:underline}.resource-text{display:block;font-size:14px;color:var(--text-primary);font-weight:500}.subscription-card{padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.subscription-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.platform-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.subscription-body{display:flex;flex-direction:column;gap:var(--space-md)}.subscription-item{display:flex;flex-direction:column;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;line-height:1}.status-active{background:var(--success-bg);color:var(--success-color)}.status-inactive{background:var(--error-bg);color:var(--error-color)}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-state-small .empty-icon{color:var(--text-tertiary);opacity:.3;margin-bottom:var(--space-lg)}.empty-state-small p{font-size:14px;color:var(--text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-state .empty-icon{color:var(--text-tertiary);opacity:.3;margin-bottom:var(--space-lg)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.page-loading .spinning{color:var(--accent-primary);animation:spin 1s linear infinite}.page-loading span{font-size:15px;color:var(--text-secondary)}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{align-items:flex-start}.header-icon{width:40px;height:40px}.header-text h1{font-size:1.125rem}.header-text p{font-size:12px}.btn-back{width:100%;justify-content:center}.action-bar{justify-content:center}.action-bar .btn-primary{width:100%;justify-content:center}.card-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.form-grid,.resource-grid{grid-template-columns:1fr}}.dominios-page{max-width:1200px;margin:0 auto;padding:0}.domains-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.btn-add-domain{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-add-domain:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.domains-stats{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.domains-list{display:flex;flex-direction:column;gap:var(--space-md)}.domain-item{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);animation:fadeInUp .4s ease backwards}.domain-item:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #00000014}.domain-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.domain-main{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.domain-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.domain-info{flex:1;min-width:0}.domain-name-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:6px;flex-wrap:wrap}.domain-name{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary);word-break:break-all}.domain-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;line-height:1}.badge-free{background:#fbbf2426;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.badge-own{background:var(--accent-subtle);color:var(--accent-primary);border:1px solid rgba(139,92,246,.3)}.badge-available{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.domain-meta{font-size:14px;color:var(--text-tertiary);margin:0}.domains-list-public{opacity:.95}.domain-item-public{border-color:#8b5cf633;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,92,246,.03) 100%)}.domain-item-public:hover{border-color:#8b5cf666;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,92,246,.06) 100%)}.domain-icon-public{background:var(--accent-subtle);border-color:#8b5cf64d;color:var(--accent-secondary)}.domain-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:.6;flex-shrink:0}.domain-delete-btn:hover{opacity:1;background:#fee2e2;border-color:#fca5a5;color:#dc2626}.domain-actions{display:flex;align-items:center;gap:8px;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.action-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.action-btn-danger{padding:10px 12px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn-success{background:var(--gradient-primary);border-color:transparent;color:#fff}.action-btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.domains-section{margin-bottom:var(--space-3xl);animation:fadeInUp .5s ease}.section-header{margin-bottom:var(--space-xl)}.section-header-content{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.section-icon{color:var(--accent-primary)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl) 0;letter-spacing:-.02em}.section-description{font-size:.9375rem;color:var(--text-tertiary);margin:0;line-height:1.5}.empty-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-2xl);color:var(--text-muted);margin-bottom:var(--space-xl)}.empty-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.empty-description{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-2xl) 0;max-width:400px;line-height:1.6}.option-icon-free{background:var(--accent-subtle);color:var(--accent-primary)}.option-icon-custom{background:#3b82f61a;color:#3b82f6}.modal-card .btn-add-domain,.modal-card .action-btn,.modal-card .btn-secondary{width:100%;justify-content:center}@media(max-width:1024px){.dominios-page{padding:0 var(--space-md)}.hero-content{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.btn-add-domain{width:100%;justify-content:center;padding:14px 24px}.domains-stats{gap:var(--space-md)}}@media(max-width:768px){.dominios-page{padding:0 var(--space-sm)}.domains-hero{margin-bottom:var(--space-xl)}.hero-title{font-size:1.625rem;gap:var(--space-sm)}.hero-icon{width:28px;height:28px}.hero-description{font-size:.9375rem}.domains-section{margin-bottom:var(--space-2xl)}.section-title{font-size:1.25rem}.section-description{font-size:.875rem}.domains-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-md);gap:var(--space-md)}.stat-divider{display:none}.stat-item{text-align:center}.stat-value{font-size:1.5rem}.stat-label{font-size:12px}.domain-item{padding:var(--space-md)}.domain-main{gap:var(--space-sm)}.domain-icon-wrapper{width:44px;height:44px}.domain-name{font-size:1rem}.domain-badges{margin-top:4px}.badge{font-size:11px;padding:3px 8px}.domain-meta{font-size:13px}.action-btn{justify-content:center}.empty-state{min-height:400px;padding:var(--space-xl) var(--space-sm)}.empty-illustration{width:100px;height:100px;margin-bottom:var(--space-lg)}.empty-illustration svg{width:56px;height:56px}.empty-title{font-size:1.25rem}.empty-description{font-size:.9375rem;margin-bottom:var(--space-xl)}.empty-actions,.empty-actions .btn-add-domain{width:100%}.modal-card{padding:var(--space-xl)}.modal-title{font-size:1.25rem}.modal-subtitle{font-size:14px}.option-card{padding:var(--space-md)}.option-icon{width:44px;height:44px}.option-title{font-size:.9375rem}.option-text{font-size:13px}.modal-actions{flex-direction:column;gap:var(--space-sm)}}@media(max-width:480px){.dominios-page{padding:0}.domains-hero{margin-bottom:var(--space-lg)}.hero-content{gap:var(--space-md)}.hero-title{font-size:1.5rem}.hero-description{font-size:.875rem}.domains-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-md);gap:var(--space-md)}.stat-divider{display:none}.stat-item{text-align:center}.stat-value{font-size:1.5rem}.stat-label{font-size:11px}.domain-item{padding:var(--space-sm) var(--space-md)}.domain-name{font-size:.9375rem;line-height:1.3}.domain-name-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.domain-badges{width:100%}.domain-meta{font-size:12px}.action-btn{font-size:13px;padding:10px 12px;width:100%}.domain-delete-btn{width:24px;height:24px}.domain-delete-btn svg{width:16px;height:16px}.section-title{font-size:1.125rem}.section-description{font-size:.8125rem}.modal-card{padding:var(--space-lg)}.modal-title{font-size:1.125rem}.modal-subtitle{font-size:13px;margin-bottom:var(--space-lg)}.option-card{flex-direction:column;text-align:center;gap:var(--space-sm);padding:var(--space-md)}.option-icon{width:40px;height:40px;margin:0 auto}.option-text{font-size:12px}.btn-add-domain{font-size:14px;padding:12px 20px}}.domain-form-page{max-width:800px;margin:0 auto;padding-bottom:var(--space-xl)}.form-container{display:flex;flex-direction:column;gap:var(--space-xl)}.instructions-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.instructions-title{font-size:1rem;font-weight:600;margin:0 0 8px}.instructions-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-lg) 0}.instructions-text code{padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono);font-size:13px;color:var(--accent-primary)}.examples{display:flex;flex-direction:column;gap:8px}.example-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px}.example-item code{font-family:var(--font-mono);font-size:13px}.example-wrong{color:var(--error-color)}.example-right{color:var(--success-color)}.domain-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.required{color:var(--error-color)}.form-input{width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:13px;color:var(--text-tertiary)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.form-actions .btn-secondary,.form-actions .btn-primary{flex:1}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{align-items:flex-start}.header-icon{width:40px;height:40px}.header-text h1{font-size:1.125rem}.header-text p{font-size:12px}.btn-back{width:100%;justify-content:center}.form-actions{flex-direction:column}}.domain-edit-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-lg)}.edit-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.domain-url-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.url-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-primary)}.url-text{font-size:15px;font-weight:500;font-family:var(--font-mono);color:var(--text-primary)}.info-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg)}.info-alert-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f626;border-radius:var(--radius-md);color:#3b82f6;flex-shrink:0}.info-alert-title{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.info-alert-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.dns-setup-card{background:var(--bg-secondary);border:1px solid var(--warning-color);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.dns-header{display:flex;align-items:flex-start;gap:var(--space-md)}.dns-header svg{color:var(--warning-color);flex-shrink:0}.dns-title{font-size:1.25rem;font-weight:700;margin:0 0 4px}.dns-subtitle{font-size:14px;color:var(--text-tertiary);margin:0}.dns-section{display:flex;flex-direction:column;gap:var(--space-md)}.section-title{font-size:1rem;font-weight:600;margin:0}.section-text{font-size:14px;color:var(--text-secondary);margin:0}.nameservers-list{display:flex;flex-direction:column;gap:8px}.nameserver-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:14px}.nameserver-old{border-left:3px solid var(--text-muted);color:var(--text-tertiary)}.nameserver-new{border-left:3px solid var(--accent-primary);color:var(--accent-primary)}.btn-copy{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-copy:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.dns-alert{display:flex;align-items:flex-start;gap:12px;padding:var(--space-md);background:var(--warning-bg);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary)}.dns-alert svg{color:var(--warning-color);flex-shrink:0;margin-top:2px}.dns-alert p{margin:0;line-height:1.6}.dns-alert strong{color:var(--text-primary);font-weight:600}.dns-actions{display:flex;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.dns-actions .btn-secondary,.dns-actions .btn-primary{flex:1}.domain-config-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.config-header{display:flex;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.check-icon{color:var(--success-color);flex-shrink:0}.config-title{font-size:1.25rem;font-weight:700;margin:0 0 4px}.config-subtitle{font-size:14px;color:var(--text-tertiary);margin:0}.integrations-section{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.integrations-list{display:flex;flex-direction:column;gap:var(--space-md)}.integration-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.integration-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.integration-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.platform-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff;padding:4px;flex-shrink:0}.platform-name{font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch input:disabled{cursor:not-allowed}.btn-save{margin-top:var(--space-md);padding:14px 20px}@media(max-width:640px){.domain-edit-page{padding:var(--space-md)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{align-items:flex-start}.header-icon{width:40px;height:40px}.header-text h1{font-size:1.125rem}.header-text p{font-size:12px}.btn-back{width:100%;justify-content:center}.domain-url-card{padding:var(--space-md)}.url-display{padding:12px var(--space-md);flex-wrap:wrap}.url-text{font-size:13px;word-break:break-all}.dns-header,.config-header,.dns-actions{flex-direction:column}.nameserver-item{font-size:12px}.integration-item{padding:12px}.integration-content{gap:10px}.platform-logo{width:28px;height:28px}.platform-name{font-size:13px}.toggle-switch{width:40px;height:22px}.toggle-slider:before{width:16px;height:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}}.paginas-page{max-width:1200px;margin:0 auto;padding:0}.pages-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.btn-add-page{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-add-page:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.pages-stats{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{width:1px;height:40px;background:var(--border-color)}.pages-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);width:100%}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;padding:10px var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:14px;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.filters-selects,.filter-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.filter-group svg{color:var(--text-tertiary);flex-shrink:0}.filter-select{padding:10px var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--border-hover)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.results-info{margin-bottom:var(--space-md)}.results-count{font-size:14px;color:var(--text-tertiary);font-weight:500}.pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);animation:fadeIn .4s ease}.page-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;min-width:0}.page-card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.page-card-pending{background:linear-gradient(135deg,#fbbf240d,#fbbf2405);border:2px solid rgba(251,191,36,.4);box-shadow:0 0 20px #fbbf2426;animation:pulse-border 2s ease-in-out infinite}.page-card-pending:hover{border-color:#fbbf2499;box-shadow:0 4px 20px #fbbf2440}.pending-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:12px;font-weight:600;color:#f59e0b;margin-bottom:var(--space-sm)}.pending-badge svg{animation:pulse-icon 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 20px #fbbf2426}50%{box-shadow:0 0 30px #fbbf2440}}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.page-card-header{display:flex;align-items:center;gap:var(--space-sm)}.page-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.page-card-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.page-card-content{flex:1;min-width:0}.page-card-url{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--space-sm);min-width:0}.page-url-link{flex:1;min-width:0;font-size:.8125rem;color:var(--accent-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);transition:color var(--transition-fast)}.page-url-link:hover{color:var(--accent-hover);text-decoration:underline}.url-copy-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.url-copy-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.url-copy-btn:disabled{opacity:.5;cursor:not-allowed}.page-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 6px;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-delete-btn{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:.6;flex-shrink:0}.card-delete-btn:hover{opacity:1;background:#fee2e2;border-color:#fca5a5;color:#dc2626}.page-card-domain{font-size:13px;color:var(--text-tertiary);margin:0 0 var(--space-sm) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card-actions{display:flex;align-items:center;gap:6px;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.card-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.card-action-btn:not(.card-action-primary):not(.card-action-danger):not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.card-action-btn:not(.card-action-primary):not(.card-action-danger):hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.card-action-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-action-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.card-action-btn:disabled{opacity:.5;cursor:not-allowed}.card-action-primary:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.card-action-danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.card-action-start{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff!important;font-weight:600;flex:1;gap:6px;box-shadow:0 2px 8px #f59e0b4d}.card-action-start:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.card-action-start svg{animation:pulse-play 1s ease-in-out infinite}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.page-item:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a}.page-main{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.page-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.page-info{flex:1;min-width:0}.page-name-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:6px;flex-wrap:wrap}.page-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-mono);word-break:break-word}.page-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-pending{background:#fbbf2426;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.badge-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-type{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.page-meta{font-size:14px;color:var(--text-tertiary);margin:0}.page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary)}.action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-primary{background:transparent}.action-btn-primary:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn-danger{padding:10px 12px}.action-btn-danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;animation:fadeIn .5s ease}.empty-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:50%;color:var(--accent-primary);margin-bottom:var(--space-2xl)}.empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.empty-description{font-size:1rem;color:var(--text-tertiary);margin:0 0 var(--space-2xl) 0;max-width:400px;line-height:1.6}.empty-actions{display:flex;gap:var(--space-md)}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:480px;width:100%;animation:scaleIn .3s ease}.modal-title{font-size:1.5rem;font-weight:700;margin:0 0 8px}.modal-subtitle{font-size:15px;color:var(--text-tertiary);margin:0 0 var(--space-2xl) 0}.modal-options{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.option-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.option-card:hover{border-color:var(--accent-primary);background:var(--accent-subtle);transform:translateY(-2px)}.option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.option-icon-clone{background:var(--accent-subtle);color:var(--accent-primary)}.option-icon-constructor{background:#3b82f61a;color:#3b82f6}.option-content{flex:1}.option-title{font-size:1rem;font-weight:600;margin:0 0 4px}.option-text{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.4}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary)}.modal-card .btn-add-page,.modal-card .action-btn,.modal-card .btn-secondary{width:100%;justify-content:center}.modal-text{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md) 0}.modal-text strong{color:var(--text-primary);font-weight:600}.modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.modal-actions .action-btn{flex:1}.btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.btn-danger:hover{background:#dc2626!important;border-color:#dc2626!important;transform:translateY(-1px)}.btn-danger:disabled{opacity:.7!important;cursor:not-allowed!important}.btn-danger:disabled:hover{transform:none!important}@media(min-width:1440px){.pages-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.paginas-page{padding:0 var(--space-md)}.hero-content{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.btn-add-page{width:100%;justify-content:center;padding:14px 24px}.pages-stats{gap:var(--space-md)}.pages-grid{grid-template-columns:1fr}}@media(max-width:768px){.paginas-page{padding:0 var(--space-sm)}.pages-hero{margin-bottom:var(--space-xl)}.hero-title{font-size:1.625rem;gap:var(--space-sm)}.hero-icon{width:28px;height:28px}.hero-description{font-size:.9375rem}.pages-stats{padding:var(--space-md);gap:var(--space-md);display:grid;grid-template-columns:repeat(2,1fr)}.stat-item{text-align:center}.stat-value{font-size:1.5rem}.stat-label{font-size:12px}.pages-filters{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.search-box{min-width:auto;max-width:none;width:100%}.filters-selects{width:100%;flex-wrap:wrap}.filters-selects .filter-select{flex:1;min-width:140px}.filter-group{width:100%;flex-wrap:wrap}.filter-group svg{display:none}.filter-select{flex:1;min-width:140px}.pages-grid{grid-template-columns:1fr;gap:var(--space-md)}.page-card{padding:var(--space-lg) var(--space-md);gap:var(--space-md)}.page-card-icon{width:36px;height:36px}.page-card-content{gap:8px}.page-card-title{font-size:.9375rem}.page-card-url{padding:var(--space-xs)}.page-url-link{font-size:.75rem}.card-action-btn{padding:10px 14px;font-size:.8125rem}.page-card-domain{font-size:12px}.page-card-actions{gap:8px}.badge{font-size:10px;padding:3px 8px}.page-item{flex-direction:column;align-items:stretch;padding:var(--space-md);gap:var(--space-md)}.page-main{gap:var(--space-sm)}.page-icon-wrapper{width:44px;height:44px}.page-name{font-size:1rem}.page-badges{margin-top:4px}.page-meta{font-size:13px}.page-actions{width:100%;flex-direction:row;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.action-btn{flex:1;justify-content:center}.empty-state{min-height:400px;padding:var(--space-xl) var(--space-sm)}.empty-illustration{width:100px;height:100px;margin-bottom:var(--space-lg)}.empty-illustration svg{width:56px;height:56px}.empty-title{font-size:1.25rem}.empty-description{font-size:.9375rem;margin-bottom:var(--space-xl)}.empty-actions,.empty-actions .btn-add-page{width:100%}.modal-card{padding:var(--space-xl)}.modal-title{font-size:1.25rem}.modal-subtitle{font-size:14px}.option-card{padding:var(--space-md)}.option-icon{width:44px;height:44px}.option-title{font-size:.9375rem}.option-text{font-size:13px}.modal-actions{flex-direction:column;gap:var(--space-sm)}}@media(max-width:480px){.paginas-page{padding:0}.pages-hero{margin-bottom:var(--space-lg)}.hero-content{gap:var(--space-md)}.hero-title{font-size:1.5rem}.hero-description{font-size:.875rem}.pages-stats{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);display:grid;grid-template-columns:repeat(2,1fr)}.stat-divider{display:none}.stat-item{text-align:center}.stat-value{font-size:1.375rem}.stat-label{font-size:11px}.search-input{font-size:13px}.filter-select{font-size:13px;padding:10px 12px}.page-card{padding:var(--space-md);gap:var(--space-sm)}.page-card-icon{width:36px;height:36px}.page-card-content{gap:6px}.page-card-icon svg{width:16px}.page-card-header{gap:var(--space-xs);flex-wrap:wrap}.page-card-badges{order:1;width:100%;justify-content:flex-start}.card-delete-btn{width:24px;height:24px;order:2}.page-card-icon{order:0}.badge{font-size:9px;padding:2px 6px}.page-card-title{font-size:.875rem}.page-card-url{padding:var(--space-xs)}.page-url-link{font-size:.6875rem}.url-copy-btn{width:24px;height:24px}.card-action-btn{padding:12px 16px;font-size:.875rem;gap:8px;flex:none;width:100%}.card-action-btn span{display:inline}.card-action-btn svg{width:16px;height:16px}.page-card-actions{gap:8px;flex-direction:column}.page-card-title{font-size:.9375rem}.page-card-domain{font-size:11px}.page-item{padding:var(--space-sm) var(--space-md)}.page-name{font-size:.9375rem;line-height:1.3}.page-name-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.page-badges{width:100%}.page-meta{font-size:12px}.action-btn{font-size:13px;padding:10px 12px}.action-btn span{display:none}.action-btn svg{width:18px;height:18px}.action-btn-primary span{display:inline}.modal-card{padding:var(--space-lg)}.option-card{flex-direction:column;text-align:center;gap:var(--space-sm)}.option-icon{margin:0 auto}.btn-add-page{font-size:14px;padding:12px 20px}}.progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;max-width:100%;width:100%;margin:0 auto;box-shadow:var(--shadow-lg);animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.progress-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.progress-icon{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent-primary);border:2px solid var(--accent-primary);flex-shrink:0}.progress-header-text{display:flex;flex-direction:column;gap:4px;flex:1}.progress-icon-loading{animation:pulse 2s ease-in-out infinite}.progress-icon-success{background:var(--success-bg);color:var(--success-color);border-color:var(--success-color)}.progress-icon-error{background:var(--error-bg);color:var(--error-color);border-color:var(--error-color)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.progress-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.progress-subtitle{font-size:14px;color:var(--text-secondary);margin:0;text-align:left}.progress-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-step-text{font-size:14px;font-weight:600;color:var(--text-primary)}.progress-percentage-text{font-size:18px;font-weight:700;color:var(--accent-primary)}.progress-bar-container{margin-bottom:32px}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:100px;overflow:hidden;margin-bottom:24px}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:100px;transition:width .3s ease;box-shadow:0 2px 8px var(--accent-glow)}.progress-status-section{text-align:center;margin-bottom:24px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.progress-status-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm);border:2px solid var(--accent-subtle)}.progress-message{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.progress-file-count{font-size:32px;font-weight:700;color:var(--text-primary);margin:8px 0}.progress-details{font-size:13px;color:var(--text-secondary);margin:0;display:flex;align-items:center;justify-content:center;gap:6px}.progress-details svg{width:14px;height:14px}.progress-timeline{display:flex;justify-content:space-between;align-items:center;margin:24px 0;padding:0 8px}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.timeline-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border-color);transition:all var(--transition-fast)}.timeline-icon.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow)}.timeline-icon.completed{background:var(--success-color);color:#fff;border-color:var(--success-color)}.timeline-label{font-size:11px;color:var(--text-tertiary);font-weight:500;text-align:center}.timeline-label.active{color:var(--accent-primary);font-weight:600}.timeline-label.completed{color:var(--success-color)}.success-message{text-align:center;padding:20px;background:var(--success-bg);border:1px solid var(--success-color);border-radius:var(--radius-lg);margin-bottom:24px}.success-message p{color:var(--success-color);font-size:15px;font-weight:600;margin:0}.error-message{display:flex;align-items:center;gap:12px;padding:16px;background:var(--error-bg);border:1px solid var(--error-color);border-radius:var(--radius-lg);margin-bottom:24px;color:var(--error-color);font-weight:500}.progress-actions{display:flex;gap:12px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 32px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.progress-card{padding:32px 24px}.progress-header{gap:16px}.progress-icon{width:64px;height:64px}.progress-title{font-size:20px}.progress-subtitle{font-size:13px}.timeline-icon{width:44px;height:44px}.timeline-label{font-size:10px}.progress-file-count{font-size:28px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}}@media(max-width:480px){.progress-card{padding:24px 16px;border-radius:var(--radius-lg)}.progress-header{gap:12px}.progress-icon{width:56px;height:56px}.progress-icon svg{width:28px;height:28px}.progress-title{font-size:18px;line-height:1.3}.progress-subtitle{font-size:12px}.progress-info-row{margin-bottom:8px}.progress-step-text{font-size:13px}.progress-percentage-text{font-size:16px}.progress-bar-container{margin-bottom:24px}.progress-bar{height:6px;margin-bottom:20px}.progress-status-section{padding:12px}.progress-status-icon{width:40px;height:40px}.progress-status-icon svg{width:20px;height:20px}.progress-message{font-size:13px}.progress-file-count{font-size:24px;margin:4px 0}.progress-details{font-size:12px}.progress-timeline{margin:20px 0;padding:0 4px;gap:4px}.timeline-step{gap:6px}.timeline-icon{width:36px;height:36px}.timeline-icon svg{width:16px;height:16px}.timeline-label{font-size:9px;line-height:1.2}.success-message{padding:16px}.success-message p{font-size:14px}.error-message{padding:12px;font-size:14px;gap:8px}.progress-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%;padding:12px 16px;font-size:14px;justify-content:center}.btn-primary svg,.btn-secondary svg{width:16px;height:16px}}.input-wrapper select.form-input{padding-left:48px!important;padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.clone-page{max-width:800px;margin:0 auto;padding-bottom:var(--space-xl)}.clone-container{display:flex;flex-direction:column;gap:var(--space-lg)}.info-alert{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-lg)}.info-alert:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-1px)}.alert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border-radius:var(--radius-md);color:#3b82f6;flex-shrink:0}.alert-content{display:flex;flex-direction:column;gap:2px}.alert-content strong{font-size:14px;font-weight:600;color:var(--text-primary)}.alert-content span{font-size:13px;color:var(--text-tertiary)}.clone-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.clone-form .form-group{margin-bottom:var(--space-lg)}.clone-form .form-group:last-of-type{margin-bottom:0}.form-row .form-group{margin-bottom:0}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-tertiary);pointer-events:none;z-index:1}.input-wrapper .form-input{padding-left:48px!important}.input-wrapper select.form-input{padding-left:48px!important;padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.required{color:#ef4444}.form-input{width:100%;height:50px;padding:0 var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.form-hint{display:block;font-size:13px;color:var(--text-tertiary);margin-top:6px}.form-hint strong{color:var(--text-secondary);font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.toggle-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.toggle-label:hover{border-color:var(--border-hover);background:var(--bg-hover)}.toggle-input{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;flex-shrink:0;transition:all var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-switch{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-input:checked+.toggle-switch:after{left:22px}.toggle-text{display:flex;flex-direction:column;gap:2px;flex:1}.toggle-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.toggle-text small{font-size:13px;color:var(--text-tertiary)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.btn-secondary,.btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-primary{background:var(--gradient-primary);border:none;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.progress-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-2xl);animation:fadeInUp .5s ease}.progress-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.progress-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.progress-icon-loading{background:var(--accent-subtle);color:var(--accent-primary)}.progress-icon-success{background:#10b98126;color:#10b981}.progress-icon-error{background:#ef444426;color:#ef4444}.spinning{animation:spin 1s linear infinite}.progress-info{flex:1}.progress-title{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.progress-message{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.progress-details{font-size:13px;color:var(--text-tertiary);margin:4px 0 0;font-family:Monaco,Consolas,monospace}.progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-tertiary);margin-top:8px}.progress-bar-container{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.progress-bar{flex:1;height:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:100px;transition:width .3s ease;box-shadow:0 0 12px #8b5cf666}.progress-percentage{font-size:14px;font-weight:700;color:var(--accent-primary);min-width:45px;text-align:right}.error-message{display:flex;align-items:center;gap:10px;padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px;margin-bottom:var(--space-xl)}.progress-actions{display:flex;gap:var(--space-md)}.no-domains-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-2xl)}.no-domains-alert svg{color:var(--accent-primary);margin-bottom:var(--space-lg)}.no-domains-alert h2{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.no-domains-alert p{font-size:1rem;color:var(--text-tertiary);margin:0 0 var(--space-xl) 0;max-width:400px;line-height:1.6}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md)}.info-card{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.info-card h3{margin:0 0 var(--space-lg) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;font-weight:500;color:var(--text-tertiary)}.info-value{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;text-align:right;max-width:60%}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-lg) 0;color:var(--text-primary)}.instructions-content{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.instructions-intro{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.example-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.example-box h4{font-size:14px;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.example-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.example-label{font-size:14px;font-weight:600;color:var(--text-secondary);min-width:80px}.example-item code{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.example-result{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.example-result svg{color:var(--accent-primary);flex-shrink:0}.example-result code{font-family:var(--font-mono);font-size:14px;color:var(--accent-primary);background:var(--accent-subtle);padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--accent-primary);flex:1}.instructions-steps{display:flex;flex-direction:column;gap:var(--space-md)}.step-item{display:flex;align-items:flex-start;gap:var(--space-md);font-size:14px;color:var(--text-secondary);line-height:1.6}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-subtle);color:var(--accent-primary);font-weight:700;font-size:13px;border-radius:50%;flex-shrink:0}.progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;animation:fadeInUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.progress-loading svg{color:var(--accent-primary);margin-bottom:24px}.progress-loading h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.progress-loading p{font-size:15px;color:var(--text-secondary);margin:0}@media(max-width:768px){.clone-page{padding:0 var(--space-sm)}.clone-form{padding:var(--space-lg)}.form-row{grid-template-columns:1fr}.modal-card{padding:var(--space-lg)}.modal-title{font-size:1.25rem}.progress-card{padding:var(--space-lg)}.progress-header{flex-direction:column;align-items:center;text-align:center}.progress-icon{width:56px;height:56px}.progress-title{font-size:1.25rem}.form-actions,.progress-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}@media(max-width:480px){.clone-page{padding:0}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{align-items:flex-start}.header-icon{width:40px;height:40px}.btn-back{width:100%;justify-content:center}.header-text h1{font-size:1rem}.header-text p{font-size:12px}.info-alert{flex-direction:column;text-align:center;gap:var(--space-sm)}.alert-icon{margin:0 auto}.clone-form,.modal-card{padding:var(--space-md);border-radius:var(--radius-lg)}.example-box{padding:var(--space-md)}.progress-loading{padding:60px 24px;border-radius:var(--radius-lg)}.progress-loading svg{width:40px;height:40px;margin-bottom:20px}.progress-loading h3{font-size:1.125rem}.progress-loading p{font-size:14px}.btn-back{margin-bottom:var(--space-md)}}.constructor-page{max-width:800px;margin:0 auto;padding-bottom:var(--space-xl)}.constructor-container{display:flex;flex-direction:column;gap:var(--space-xl)}.constructor-header{display:flex;flex-direction:column;gap:var(--space-lg)}.constructor-header-content{display:flex;align-items:flex-start;gap:var(--space-md)}.constructor-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:#3b82f6;flex-shrink:0}.constructor-title{font-size:1.5rem;font-weight:700;margin:0 0 6px}.constructor-subtitle{font-size:15px;color:var(--text-tertiary);margin:0}.constructor-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.constructor-page{padding:0 var(--space-sm)}.constructor-form{padding:var(--space-lg)}}@media(max-width:480px){.constructor-header-content{flex-direction:column;text-align:center}.constructor-icon{margin:0 auto}.constructor-title{font-size:1.25rem}.constructor-subtitle{font-size:14px}.constructor-form{padding:var(--space-md)}}.config-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-lg)}.config-loading,.config-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-md);color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.config-error h2{font-size:1.25rem;color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.config-error p{margin:0 0 var(--space-lg)}.config-error svg{color:var(--text-muted);opacity:.5}.config-container{max-width:800px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.header-left{display:flex;align-items:flex-start;gap:var(--space-md)}.header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.header-text{display:flex;flex-direction:column;gap:2px}.header-text h1{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.header-text p{font-size:13px;color:var(--text-muted);margin:0}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-back:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.page-header-skeleton{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.skeleton-text-group{display:flex;flex-direction:column;gap:8px}.skeleton-title{width:200px;height:20px}.skeleton-subtitle{width:280px;height:14px}.skeleton-btn{width:80px;height:36px}.skeleton-urls-card{height:160px;width:100%;margin-bottom:var(--space-xl);border-radius:var(--radius-lg)}.skeleton-accordions{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-accordion{height:72px;width:100%;border-radius:var(--radius-lg)}.urls-card{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.url-item{display:flex;flex-direction:column;gap:var(--space-xs)}.url-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center}.url-row{display:grid;grid-template-columns:1fr 44px;gap:var(--space-sm);align-items:center}.copy-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.copy-btn:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.url-link{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-mono);color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast);width:100%}.url-link span{flex:1}.url-link:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.url-link svg{flex-shrink:0;color:var(--text-muted)}.url-link:hover svg{color:var(--accent-primary)}.url-badge{margin-left:auto;padding:4px 10px;background:var(--gradient-primary);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-family);border-radius:100px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.config-alerts{margin-bottom:var(--space-lg)}.alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:14px;border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.alert:last-child{margin-bottom:0}.alert-warning{background:var(--warning-bg);border:1px solid rgba(251,191,36,.3);color:var(--warning-color)}.alert-error,.alert-danger{background:var(--error-bg);border:1px solid rgba(248,113,113,.3);color:var(--error-color)}.alert-content{display:flex;flex-direction:column;gap:2px;flex:1}.alert-content strong{font-weight:600}.alert-close{background:none;border:none;font-size:20px;color:inherit;opacity:.6;cursor:pointer;padding:4px 8px;line-height:1}.alert-close:hover{opacity:1}.alert-action{font-weight:600;color:inherit;text-decoration:underline;background:none;border:none;cursor:pointer;white-space:nowrap}.accordions-container{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.accordion:hover{border-color:var(--border-hover)}.accordion.open{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.accordion-header{display:flex;align-items:center;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-md);transition:background var(--transition-fast)}.accordion-header:hover{background:var(--bg-hover)}.accordion-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.accordion-title{flex:1;font-size:15px;font-weight:600;color:var(--text-primary)}.accordion-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.accordion.open .accordion-chevron{transform:rotate(180deg);color:var(--accent-primary)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion.open .accordion-content{max-height:2000px;transition:max-height .5s ease-in}.accordion-body{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--border-color)}.accordion-body-inner{padding-top:var(--space-lg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group-full{grid-column:span 2}.form-group label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group label svg{flex-shrink:0}.form-divider{height:1px;background:var(--border-color);margin:var(--space-lg) 0}.input-hint{font-size:12px;color:var(--text-muted);line-height:1.4;margin-top:4px}.input-hint-warning{color:var(--warning-color)}.input-code{font-family:var(--font-mono);font-size:13px;line-height:1.5;resize:vertical;min-height:120px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);cursor:pointer}.toggle-info{display:flex;align-items:center;gap:var(--space-sm)}.toggle-info>svg{color:var(--accent-primary);flex-shrink:0}.toggle-label{font-size:14px;font-weight:600;color:var(--text-primary)}.toggle-desc{font-size:13px;color:var(--text-muted)}.toggle{position:relative;display:inline-flex;width:48px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:26px;transition:var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--gradient-primary);border-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{left:calc(100% - 22px)}.links-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.links-count{font-size:13px;font-weight:600;color:var(--text-muted)}.links-pagination{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:500;color:var(--text-secondary)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.link-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.link-item>*{min-width:0;max-width:100%;overflow:hidden}.link-item:hover{border-color:var(--border-hover)}.link-field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;width:100%;overflow:hidden}.link-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.link-original{font-size:13px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-tertiary);padding:12px 14px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box}.link-field input{width:100%;min-width:0;box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:var(--space-sm);opacity:.5}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.empty-state p{font-size:13px;margin:0}.config-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--error-color);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{background:none;border:none;padding:10px var(--space-md);font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-ghost-danger{color:var(--error-color)}.btn-ghost-danger:hover{color:var(--error-color);background:var(--error-bg)}.btn-large{padding:14px 28px;font-size:15px}.spinning{animation:spin .8s linear infinite}.config-simple{max-width:600px;margin:0 auto}.simple-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card)}.simple-url{display:flex;align-items:center;gap:var(--space-sm);padding:14px var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.simple-url svg:first-child{color:var(--text-muted);flex-shrink:0}.simple-url a{flex:1;font-size:14px;font-family:var(--font-mono);color:var(--accent-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.simple-url a:hover{color:var(--accent-secondary)}.simple-url .copy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.simple-url .copy-btn:hover{color:var(--accent-primary);background:var(--accent-subtle)}.simple-notice{display:flex;align-items:center;gap:var(--space-sm);padding:14px var(--space-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);font-size:13px;color:#60a5fa;margin-bottom:var(--space-xl);text-align:left}.simple-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .15s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:420px;width:100%;text-align:center;animation:scaleIn .2s ease;box-shadow:var(--shadow-lg)}.modal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin-bottom:var(--space-md)}.modal-icon-danger{background:var(--error-bg);color:var(--error-color)}.modal h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm)}.modal p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-xl)}@media(max-width:768px){.config-page{padding:var(--space-md)}.page-header,.page-header-skeleton{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-left{align-items:flex-start}.header-icon,.skeleton-icon{width:40px;height:40px}.btn-back,.skeleton-btn{width:100%;justify-content:center}.header-text h1{font-size:1rem}.header-text p{font-size:12px}.urls-card{padding:var(--space-md)}.url-row{grid-template-columns:1fr 44px}.url-link{padding:12px var(--space-md);font-size:12px;overflow:hidden}.url-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-url .copy-btn{width:36px;flex-shrink:0}.accordion-header{padding:var(--space-md)}.accordion-icon{width:40px;height:40px}.accordion-body{padding:0 var(--space-md) var(--space-md)}.accordion-body-inner{padding-top:var(--space-md)}.form-row{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.link-item{grid-template-columns:1fr}.config-footer{justify-content:center}.config-footer .btn-primary{width:100%}.modal-actions{grid-template-columns:1fr}.simple-card{padding:var(--space-lg)}.toggle-row{gap:var(--space-md)}}@media(max-width:480px){.config-page{padding:var(--space-sm)}.config-urls{width:100%}.back-link{margin-left:0}}.paginas-builder{display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;position:fixed;inset:0;z-index:1000;width:100vw;height:100vh}.builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-lg);animation:fadeIn .3s ease}.loading-spinner{width:56px;height:56px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.builder-loading p{color:var(--text-secondary);font-size:1rem;font-weight:500}.builder-alert{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-bottom:1px solid rgba(251,191,36,.3);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.builder-alert p{margin:0;color:var(--warning-color);font-size:.875rem;text-align:center;line-height:1.6;font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.builder-toolbar-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--space-lg)}.toolbar-left-group{display:flex;align-items:center;gap:var(--space-md)}.history-buttons{display:flex;gap:4px;padding:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.btn-history{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-history:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-history:disabled{opacity:.4;cursor:not-allowed}.toolbar-title{flex:1;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.toolbar-title h1{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.page-path{font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.btn-back,.btn-save{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:120px;justify-content:center}.btn-back{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-back:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translate(-2px)}.btn-save{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 2px 8px #8b5cf640}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466!important}.builder-toolbar-bottom{display:flex;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:14}.toolbar-devices{display:inline-flex;gap:var(--space-xs);padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.btn-device{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-device:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-device.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.builder-editor{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--space-lg);overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(167,139,250,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(129,140,248,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(96,165,250,.1) 0%,transparent 50%),var(--bg-primary);position:relative;animation:fadeIn .5s ease;min-height:0}.builder-editor:not(.split-mode)>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.builder-editor.split-mode{padding:var(--space-md);gap:var(--space-md);align-items:stretch;justify-content:stretch}.builder-editor.split-mode>div{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.builder-editor.split-mode .code-editor-container{flex-direction:column;align-items:stretch;justify-content:stretch}.editor-frame-container{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--border-color);position:relative;display:flex;flex-direction:column}.editor-frame-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.5;pointer-events:none;z-index:1}.editor-frame-container.desktop{width:100%;height:100%;max-width:100%}.editor-frame-container.tablet,.editor-frame-container.mobile{margin:0 auto;transform:scale(1);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);height:auto}.editor-iframe{display:block;background:#fff;transition:all var(--transition-normal);flex:1;height:100%;border:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-confirm{max-width:480px}.modal-link-edit{max-width:540px}.modal-warning{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0 0 var(--space-md) 0}.modal-warning strong{color:var(--warning-color);font-weight:700}.modal-info{color:var(--text-tertiary);font-size:14px;line-height:1.5;margin:0}.form-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:6px;font-style:italic}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.modal-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.form-group input{width:100%;padding:12px var(--space-md);font-size:14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:hover{background:var(--input-bg-hover);border-color:var(--input-border-hover)}.form-group input:focus{outline:none;background:var(--input-bg-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.form-group input::placeholder{color:var(--text-placeholder)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-xl);border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.modal-footer-spread{justify-content:space-between!important;flex-direction:row!important}.modal-footer-spread .btn-secondary,.modal-footer-spread .btn-primary,.modal-footer-spread .btn-danger{min-width:120px}.btn-secondary,.btn-primary{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #8b5cf640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-primary:active{transform:translateY(0)}.editor-frame-container.tablet,.editor-frame-container.mobile{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}@media(max-width:1024px){.builder-editor{padding:var(--space-xl)}.editor-frame-container.tablet,.editor-frame-container.mobile{max-height:calc(100vh - 180px)}}@media(max-width:768px){.builder-toolbar-top{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.toolbar-left-group{gap:var(--space-sm)}.toolbar-title{display:none}.btn-back,.btn-save{padding:10px 16px;min-width:auto}.history-buttons{padding:2px;gap:2px}.btn-history{width:32px;height:32px}.builder-toolbar-bottom{padding:var(--space-xs) var(--space-md)}.toolbar-devices{width:100%;justify-content:space-between}.btn-device{flex:1;justify-content:center}.builder-editor{padding:var(--space-md)}.builder-alert{padding:var(--space-sm) var(--space-md)}.builder-alert p{font-size:.8125rem}.modal-footer:not(.modal-footer-spread){flex-direction:column-reverse}.modal-footer:not(.modal-footer-spread) .btn-secondary,.modal-footer:not(.modal-footer-spread) .btn-primary{width:100%;justify-content:center}.modal-footer-spread{flex-direction:row!important}.modal-footer-spread .btn-secondary,.modal-footer-spread .btn-primary,.modal-footer-spread .btn-danger{flex:1;justify-content:center}.editor-frame-container.tablet,.editor-frame-container.mobile{max-height:calc(100vh - 250px)}}@media(max-width:480px){.builder-toolbar-top{padding:var(--space-xs) var(--space-sm)}.toolbar-left-group{gap:var(--space-xs)}.builder-alert{padding:var(--space-xs) var(--space-sm)}.builder-alert p{font-size:.75rem;flex-direction:column;gap:var(--space-xs)}.btn-back,.btn-save{padding:8px 10px;font-size:13px}.btn-back span,.btn-save span{display:none}.history-buttons{padding:2px}.btn-history{width:30px;height:30px}.btn-history svg{width:16px;height:16px}.builder-toolbar-bottom{padding:var(--space-xs) var(--space-sm)}.toolbar-devices{padding:2px;gap:2px}.btn-device{padding:8px 10px;font-size:12px}.btn-device span{display:none}.builder-editor{padding:var(--space-sm)}.modal-content{max-width:100%;margin:var(--space-sm)}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}.modal-header h3{font-size:1.125rem}.form-group input{padding:10px var(--space-sm);font-size:13px}.modal-footer-spread{flex-direction:row!important;padding:var(--space-md)}.modal-footer-spread .btn-secondary,.modal-footer-spread .btn-primary,.modal-footer-spread .btn-danger{flex:1;padding:10px 12px;font-size:13px}.editor-frame-container.tablet,.editor-frame-container.mobile{max-height:calc(100vh - 280px)}}@media(prefers-color-scheme:dark){.editor-frame-container{box-shadow:0 20px 60px #00000080,0 0 0 1px #a78bfa1a}.modal-content{box-shadow:0 25px 50px #00000080,0 0 0 1px #a78bfa1a}}.toolbar-code-toggle{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md)}.btn-view-mode{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view-mode:hover{background:var(--bg-primary);color:var(--accent-primary)}.btn-view-mode.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-view-mode svg{flex-shrink:0}.code-editor-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.code-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.code-editor-header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.monaco-editor-wrapper{flex:1;width:100%;height:100%;overflow:hidden;background:#1e1e1e}@media(max-width:768px){.btn-view-mode span{display:none}.toolbar-code-toggle{margin-left:var(--space-md)}.builder-editor.split-mode{flex-direction:column}.code-editor-header{flex-direction:column;gap:var(--space-md);align-items:stretch}}.element-hovered{outline:2px dashed #3b82f6!important;outline-offset:2px!important;cursor:pointer!important}.element-highlight{outline:3px solid #10b981!important;outline-offset:4px!important;animation:pulse-highlight 1s ease-in-out 2}@keyframes pulse-highlight{0%,to{outline-offset:4px;outline-color:#10b981}50%{outline-offset:8px;outline-color:#34d399}}.btn-links-panel{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:var(--space-md)}.btn-links-panel:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.btn-links-panel.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-links-panel svg{flex-shrink:0}.links-panel{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:1100;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.links-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.links-panel-header h3{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.links-panel-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.links-panel-header button:hover{background:var(--bg-primary);color:var(--text-primary)}.links-panel-body{flex:1;overflow-y:auto;padding:var(--space-md)}.links-empty{text-align:center;color:var(--text-secondary);padding:var(--space-xl);font-size:.875rem}.links-list{display:flex;flex-direction:column;gap:var(--space-sm)}.link-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);display:flex;gap:var(--space-sm);transition:all .2s ease}.link-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.link-item-content{flex:1;min-width:0}.link-item-text{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item-url{font-size:.8125rem;color:var(--text-secondary);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item-actions{display:flex;gap:var(--space-xs);align-items:center}.link-item-actions button{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.link-item-actions button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.element-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;gap:var(--space-xs);box-shadow:var(--shadow-xl);z-index:1200;animation:slideUpFade .2s ease;pointer-events:auto}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toolbar-btn{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;white-space:nowrap}.toolbar-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.toolbar-btn-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.toolbar-btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-selected=true]{outline:3px solid #3b82f6!important;outline-offset:3px!important}@media(max-width:768px){.links-panel{width:100%}.btn-links-panel span{display:none}}.funis-page{max-width:1200px;margin:0 auto;padding:0}.funis-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.funis-hero-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.funis-hero-text{flex:1}.funis-hero-title{display:flex;align-items:center;gap:var(--space-md);font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0;letter-spacing:-.02em}.funis-hero-icon{color:var(--accent-primary)}.funis-hero-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6;max-width:600px}.btn-new-funnel{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-new-funnel:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.funis-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.funis-filters-left{display:flex;align-items:center;gap:var(--space-md)}.funis-filters-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.funis-filter-select{padding:10px var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:150px}.funis-filter-select:hover{border-color:var(--border-hover)}.funis-filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.funis-search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:280px;padding:10px var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.funis-search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.funis-search-box svg{color:var(--text-tertiary);flex-shrink:0}.funis-search-input{flex:1;border:none;background:none;font-size:14px;color:var(--text-primary);outline:none}.funis-search-input::placeholder{color:var(--text-tertiary)}.funis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg);animation:fadeIn .4s ease}.funnel-card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast);position:relative;overflow:hidden}.funnel-card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.funnel-card-published{background:linear-gradient(135deg,#10b98108,#10b98103);border-color:#10b98133}.funnel-card-published:hover{border-color:#10b9814d;box-shadow:0 4px 16px #10b9811a}.funnel-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.funnel-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-draft{background:#fbbf2426;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.badge-published{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-archived{background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.funnel-card-actions-header{display:flex;align-items:center;gap:4px}.funnel-action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:transparent;color:var(--text-tertiary)}.funnel-action-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.funnel-action-icon-btn.action-preview{color:#3b82f6}.funnel-action-icon-btn.action-preview:hover{background:#3b82f61a;border-color:#3b82f633}.funnel-action-icon-btn.action-copy{color:#06b6d4}.funnel-action-icon-btn.action-copy:hover{background:#06b6d41a;border-color:#06b6d433}.funnel-action-icon-btn.action-duplicate{color:#f59e0b}.funnel-action-icon-btn.action-duplicate:hover{background:#f59e0b1a;border-color:#f59e0b33}.funnel-action-icon-btn.action-archive{color:#6b7280}.funnel-action-icon-btn.action-archive:hover{background:#6b72801a;border-color:#6b728033}.funnel-action-icon-btn.action-restore{color:#10b981}.funnel-action-icon-btn.action-restore:hover{background:#10b9811a;border-color:#10b98133}.funnel-action-icon-btn.action-delete{color:#ef4444}.funnel-action-icon-btn.action-delete:hover{background:#ef44441a;border-color:#ef444433}.funnel-card-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg) 0;gap:var(--space-md);flex:1}.funnel-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:50%;color:var(--accent-primary)}.funnel-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word;line-height:1.4}.funnel-card-description{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis}.funnel-card-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0;font-size:13px;color:var(--text-tertiary);flex-wrap:wrap}.funnel-meta-item{display:flex;align-items:center;gap:5px}.funnel-card-urls{display:flex;flex-direction:column;gap:8px;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--space-sm)}.funnel-url-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.funnel-url-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.funnel-url-item svg{color:var(--text-tertiary);flex-shrink:0}.funnel-url-text{flex:1;font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-url-copy-icon{color:var(--accent-primary);flex-shrink:0}.funnel-url-not-published{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm);font-size:13px;color:var(--text-tertiary);font-style:italic}.funnel-card-footer{display:flex;gap:8px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.btn-open-builder{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-open-builder:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.funis-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;animation:fadeIn .5s ease}.funis-empty-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.2);border-radius:50%;color:var(--accent-primary);margin-bottom:var(--space-2xl)}.funis-empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.funis-empty-description{font-size:1rem;color:var(--text-tertiary);margin:0 0 var(--space-2xl) 0;max-width:400px;line-height:1.6}.funis-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.funis-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:480px;width:100%;animation:scaleIn .3s ease}.funis-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.funis-modal-title{font-size:1.5rem;font-weight:700;margin:0}.funis-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.funis-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.funis-modal-body{margin-bottom:var(--space-xl)}.funis-modal-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.funis-modal-input{width:100%;padding:12px var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all var(--transition-fast)}.funis-modal-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.funis-modal-input::placeholder{color:var(--text-tertiary)}.funis-modal-footer{display:flex;gap:var(--space-md)}.funis-modal-footer button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-create{background:var(--gradient-primary);border:none;color:#fff}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-create:disabled{opacity:.6;cursor:not-allowed}.funis-modal-confirm{text-align:center}.funis-modal-confirm-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:50%;color:#f59e0b;margin:0 auto var(--space-lg)}.funis-modal-confirm-icon.icon-archive{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.funis-modal-confirm-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;word-break:break-word}.funis-modal-confirm-message{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.btn-danger{background:#ef4444!important;border:none!important;color:#fff!important}.btn-danger:hover:not(:disabled){background:#dc2626!important;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6!important;cursor:not-allowed!important}.btn-archive{background:#6b7280!important;border:none!important;color:#fff!important}.btn-archive:hover:not(:disabled){background:#4b5563!important;transform:translateY(-1px)}@media(max-width:1024px){.funis-page{padding:0 var(--space-md)}.funis-hero-content{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.btn-new-funnel{width:100%;justify-content:center;padding:14px 24px}.funis-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.funis-page{padding:0 var(--space-sm)}.funis-hero{margin-bottom:var(--space-xl)}.funis-hero-title{font-size:1.625rem;gap:var(--space-sm)}.funis-filters{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.funis-filters-left{width:100%;flex-wrap:wrap}.funis-filter-select{flex:1;min-width:140px}.funis-search-box{min-width:auto;width:100%}.funis-grid{grid-template-columns:1fr;gap:var(--space-md)}.funnel-card{padding:var(--space-md)}.funis-modal-card{padding:var(--space-xl)}.funis-modal-title{font-size:1.25rem}.funis-modal-footer{flex-direction:column;gap:var(--space-sm)}}@media(max-width:480px){.funis-page{padding:0}.funis-hero{margin-bottom:var(--space-lg)}.funis-hero-title{font-size:1.5rem}.funnel-icon-wrapper{width:64px;height:64px}.funnel-card-title{font-size:1rem}.funnel-action-icon-btn{width:28px;height:28px}.funis-modal-card{padding:var(--space-lg)}}.spy-face-ads-page{max-width:1200px;margin:0 auto;padding:0}.spy-hero{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.hero-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.hero-text{flex:1}.hero-title{display:flex;align-items:center;gap:var(--space-md);font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0;letter-spacing:-.02em}.hero-icon{color:var(--accent-primary)}.hero-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6;max-width:600px}.spy-filters-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);animation:fadeIn .4s ease}.filters-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filters-header svg{color:var(--accent-primary)}.filters-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.filters-form{width:100%}.filters-row{display:grid;grid-template-columns:200px 200px 1fr;gap:var(--space-md);align-items:start}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-flex{flex:1;min-width:0}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.form-label svg{color:var(--text-tertiary)}.form-select,.form-input{width:100%;padding:10px var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:all var(--transition-fast)}.form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.form-input{outline:none}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input-error{border-color:#ef4444}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:12px;color:#ef4444;margin-top:4px}.input-with-button{display:flex;gap:var(--space-sm);align-items:center}.input-with-button .form-input{flex:1;min-width:0}.btn-search{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-search:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.btn-search:disabled{opacity:.7;cursor:not-allowed}.btn-search:disabled:hover{transform:none}.spy-results{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-2xl);animation:fadeIn .5s ease}.empty-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:50%;color:#ef4444;margin-bottom:var(--space-xl)}.empty-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-xl);animation:fadeIn .4s ease}.ad-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-fast)}.ad-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.ad-header{display:flex;align-items:center;gap:12px}.ad-profile-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.ad-header-info{flex:1;min-width:0}.ad-page-name{font-size:15px;font-weight:600;margin:0 0 2px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-sponsored{font-size:12px;color:var(--text-tertiary)}.ad-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-platform{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-format{background:#8b5cf626;color:var(--accent-primary);border:1px solid rgba(139,92,246,.3)}.ad-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary);line-height:1.4}.ad-body{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.ad-body p{margin:0}.ad-media{width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.ad-image,.ad-video{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}.carousel-container{position:relative;width:100%}.carousel-image-wrapper{position:relative;width:100%;min-height:300px}.carousel-image{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff}.carousel-title{font-size:1rem;font-weight:600;margin:0 0 6px;color:#fff}.carousel-text{font-size:14px;margin:0 0 var(--space-md) 0;color:#ffffffe6;line-height:1.4}.carousel-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#1f2937;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.carousel-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff4d}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0003;z-index:10}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:12px}.carousel-btn-next{right:12px}.carousel-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.carousel-indicator:hover{background:#fffc;transform:scale(1.2)}.carousel-indicator.active{background:#fff;width:24px;border-radius:4px}.ad-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--accent-subtle);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);color:var(--accent-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ad-cta-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.ad-card-skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--bg-primary) 0%,var(--bg-hover) 50%,var(--bg-primary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-text{height:16px;width:100%}.skeleton-text-sm{height:12px;width:60%}.skeleton-badge{height:20px;width:80px;border-radius:100px}.skeleton-media{height:300px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1440px){.ads-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(max-width:1024px){.spy-face-ads-page{padding:0 var(--space-md)}.hero-content{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.filters-row{grid-template-columns:1fr;gap:var(--space-md)}.ads-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}}@media(max-width:768px){.spy-face-ads-page{padding:0 var(--space-sm)}.spy-hero{margin-bottom:var(--space-xl)}.hero-title{font-size:1.625rem;gap:var(--space-sm)}.hero-icon{width:28px;height:28px}.hero-description{font-size:.9375rem}.spy-filters-card{padding:var(--space-lg)}.ads-grid{grid-template-columns:1fr;gap:var(--space-md)}.ad-card{padding:var(--space-md)}.carousel-btn{width:32px;height:32px}.carousel-btn svg{width:18px;height:18px}}@media(max-width:480px){.spy-face-ads-page{padding:0}.spy-hero{margin-bottom:var(--space-lg)}.hero-content{gap:var(--space-md)}.hero-title{font-size:1.5rem}.hero-description{font-size:.875rem}.spy-filters-card{padding:var(--space-md);border-radius:var(--radius-lg)}.filters-title{font-size:1rem}.form-label{font-size:12px}.input-with-button{flex-direction:column;align-items:stretch}.btn-search{width:100%;justify-content:center;padding:12px 20px}.ad-card{padding:var(--space-sm) var(--space-md)}.ad-profile-pic{width:40px;height:40px}.ad-page-name{font-size:14px}.ad-sponsored{font-size:11px}.badge{font-size:10px;padding:3px 8px}.ad-title{font-size:.9375rem}.ad-body{font-size:13px}.carousel-btn{width:28px;height:28px}.carousel-btn svg{width:16px;height:16px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.carousel-overlay{padding:var(--space-md)}.carousel-title{font-size:.9375rem}.carousel-text{font-size:13px}.ad-cta-btn{padding:10px;font-size:13px}.empty-icon{width:100px;height:100px;margin-bottom:var(--space-lg)}.empty-icon svg{width:40px;height:40px}.empty-text{font-size:.9375rem}}.admin-metrics-container{padding:2rem;max-width:1400px;margin:0 auto}.admin-metrics-header{margin-bottom:2rem}.admin-metrics-header h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-metrics-header p{font-size:1rem;color:var(--text-secondary);margin:0}.metrics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metrics-cards-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card.large{padding:2rem}.metric-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.metric-icon.success{background:#10b9811a;color:#10b981}.metric-icon.fire{background:#ef44441a;color:#ef4444}.metric-icon.chart{background:#8b5cf61a;color:#8b5cf6}.metric-icon.sleep{background:#94a3b81a;color:#94a3b8}.metric-icon.churn{background:#ef44441a;color:#ef4444}.metric-icon.time{background:#3b82f61a;color:#3b82f6}.metric-icon.refund{background:#f59e0b1a;color:#f59e0b}.metric-icon.cancel{background:#ef44441a;color:#ef4444}.metric-icon.target{background:#10b9811a;color:#10b981}.metric-icon.funnel{background:#8b5cf61a;color:#8b5cf6}.metric-icon.draft,.metric-icon.warning{background:#f59e0b1a;color:#f59e0b}.metric-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-subtitle{font-size:.75rem;color:var(--text-secondary)}.metric-row{display:flex;gap:2rem;margin-top:.5rem}.metric-row>div{display:flex;flex-direction:column;gap:.25rem}.metric-skeleton{width:100%;height:80px;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-shimmer) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.chart-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.chart-skeleton{width:100%;height:400px;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-shimmer) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card.half{margin-bottom:0}.chart-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.chart-footer p{margin:0;font-size:.875rem;color:var(--text-secondary)}.chart-footer strong{color:var(--text-primary)}.admin-metrics-header-with-filters{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.admin-metrics-header-content{display:flex;flex-direction:column}.admin-metrics-title{display:flex;align-items:flex-start;gap:var(--space-md)}.header-icon-inline{color:var(--accent-primary);flex-shrink:0;margin-top:4px}.admin-metrics-title h2{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.02em}.admin-metrics-title p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.admin-metrics-header-content h2{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.02em}.admin-metrics-header-content p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.admin-metrics-filters{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.filter-label-compact{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.date-input-wrapper{position:relative;width:160px;cursor:pointer}.date-input-wrapper input[type=month]{width:100%;padding:var(--space-sm) var(--space-md);padding-right:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;transition:all var(--transition-fast);cursor:pointer;height:42px;line-height:1.5}.date-input-wrapper input[type=month]:hover{border-color:var(--border-hover);background:var(--bg-hover)}.date-input-wrapper input[type=month]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha)}.date-input-wrapper input[type=month]:disabled{opacity:.5;cursor:not-allowed}.date-input-wrapper input[type=month]::-webkit-calendar-picker-indicator{position:absolute;right:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-input-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.date-input-wrapper:hover .date-input-icon{color:var(--text-secondary)}.filter-separator{font-size:12px;color:var(--text-tertiary);font-weight:500}.btn-filter-compact{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-filter-compact:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-filter-compact:active{transform:translateY(0)}.overview-filters{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}@media(max-width:1024px){.admin-metrics-header-with-filters{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.admin-metrics-filters{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:768px){.admin-metrics-filters{flex-wrap:wrap;gap:var(--space-xs)}.filter-input-compact{width:110px;font-size:12px}.btn-filter-compact{width:36px;height:36px;font-size:14px}}@media(max-width:480px){.admin-metrics-header-content h2{font-size:1.5rem}.admin-metrics-header-content p{font-size:13px}.filter-input-compact{width:100px}.filter-separator{display:none}}.table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.table-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--bg-secondary)}.admin-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.admin-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.admin-table tbody tr:hover{background:var(--bg-secondary)}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}.text-success{color:#10b981!important}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center}.badge-danger{background:#ef44441a;color:#ef4444}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-success{background:#10b9811a;color:#10b981}.alert-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem}.alert-card.warning{background:#f59e0b0d;border-color:#f59e0b}.alert-card.info{background:#3b82f60d;border-color:#3b82f6}.alert-card.danger{background:#ef44440d;border-color:#ef4444}.alert-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-card.warning .alert-icon{color:#f59e0b}.alert-card.info .alert-icon{color:#3b82f6}.alert-content{flex:1}.alert-content h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.alert-content p{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0;line-height:1.6}.alert-content ul{margin:.5rem 0 0 1.5rem;padding:0}.alert-content li{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0}.adoption-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.adoption-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.adoption-content{display:flex;flex-direction:column;gap:2rem}.adoption-bar{display:flex;flex-direction:column;gap:1rem}.adoption-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.progress-bar{width:100%;height:40px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;transition:width .5s ease}.progress-text{font-size:.875rem;font-weight:700;color:#fff}.adoption-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.stat-box .stat-icon{font-size:2rem}.stat-icon-inline{display:flex;align-items:center;justify-content:center}.stat-box>div{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-secondary)}.engagement-gauge{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.gauge-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center}.gauge-bar{width:100%;height:30px;background:var(--bg-secondary);border-radius:15px;overflow:hidden;position:relative}.gauge-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:15px;transition:width .5s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;padding:2rem 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.stat-item .stat-icon{font-size:2.5rem}.stat-item .stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-item .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.analysis-card,.insights-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.analysis-card h3,.insights-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.analysis-grid,.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.analysis-item,.insight-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.analysis-label,.insight-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.analysis-value,.insight-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.analysis-desc,.insight-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.legend-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.legend-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.legend-color{width:20px;height:20px;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.admin-metrics-container{padding:1rem}.admin-metrics-header h2{font-size:1.5rem}.metrics-cards-grid,.metrics-cards-grid-2,.charts-row{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.gauge-value{font-size:2rem}.analysis-grid,.insights-grid{grid-template-columns:1fr}.stat-item .stat-value{font-size:1.5rem}}:root{--card-bg: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--skeleton-bg: #e5e7eb;--skeleton-shimmer: #f3f4f6}[data-theme=dark]{--card-bg: #1f2937;--bg-secondary: #111827;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--skeleton-bg: #374151;--skeleton-shimmer: #4b5563}.admin-dashboard{max-width:1600px;margin:0 auto}.admin-dashboard-header{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.admin-dashboard-title{display:flex;align-items:center;gap:var(--space-md)}.admin-dashboard-title svg{color:var(--accent-primary);flex-shrink:0}.admin-dashboard-title h1{font-size:2rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.02em}.admin-dashboard-title p{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.admin-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);border-bottom:2px solid var(--border-color);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-bottom:-2px}.admin-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.admin-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:transparent}.admin-tab svg{flex-shrink:0}.admin-tab-content{animation:fadeIn .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast);animation:fadeInUp .5s ease backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.stat-card-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{color:#fff}.stat-card-content{flex:1;min-width:0}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-sm)}.stat-card-label{font-size:14px;color:var(--text-tertiary);font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);animation:fadeIn .5s ease}.chart-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.chart-card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-sm)}.chart-card-header svg{color:var(--accent-primary);flex-shrink:0}.chart-card-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.chart-card-body{padding:var(--space-xl)}.chart-skeleton{width:100%}.chart-empty{height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:14px}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-lg)}.record-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast);animation:fadeIn .5s ease}.record-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.record-card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-sm)}.record-card-header svg{color:var(--accent-primary);flex-shrink:0}.record-card-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.record-card-body{padding:var(--space-md) var(--space-xl) var(--space-xl)}.record-list{display:flex;flex-direction:column;gap:var(--space-md)}.record-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.record-item:last-child{border-bottom:none;padding-bottom:0}.record-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--accent-primary);text-decoration:none;word-break:break-all;line-height:1.5;transition:color var(--transition-fast)}.record-link:hover{color:var(--accent-secondary);text-decoration:underline}.record-link svg{flex-shrink:0}.record-link-small{font-size:13px;color:var(--accent-primary);text-decoration:none;word-break:break-all;transition:color var(--transition-fast)}.record-link-small:hover{color:var(--accent-secondary);text-decoration:underline}.record-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.record-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary);margin-top:6px}.record-meta svg{flex-shrink:0;opacity:.7}.record-meta span{word-break:break-all}.record-empty{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:14px}.record-skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.record-skeleton-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.record-skeleton-item:last-child{border-bottom:none}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.records-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-dashboard-header{margin-bottom:var(--space-xl)}.admin-dashboard-title{gap:var(--space-sm)}.admin-dashboard-title svg{width:28px;height:28px}.admin-dashboard-title h1{font-size:1.625rem}.admin-dashboard-title p{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:var(--space-md)}.stat-card{padding:var(--space-lg)}.stat-card-icon{width:48px;height:48px}.stat-card-value{font-size:1.75rem}.charts-grid{gap:var(--space-md)}.chart-card-header,.record-card-header{padding:var(--space-md) var(--space-lg)}.chart-card-body,.record-card-body{padding:var(--space-lg)}.records-grid{gap:var(--space-md)}}@media(max-width:480px){.admin-dashboard-title h1{font-size:1.5rem}.admin-dashboard-title p{font-size:13px}.stat-card{padding:var(--space-md)}.stat-card-icon{width:44px;height:44px}.stat-card-icon svg{width:20px;height:20px}.stat-card-value{font-size:1.5rem}.stat-card-label{font-size:13px}.chart-card-header,.record-card-header,.chart-card-body,.record-card-body{padding:var(--space-md)}}.admin-funnels-list{max-width:1800px;margin:0 auto}.admin-funnels-header{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.admin-funnels-title{display:flex;align-items:center;gap:var(--space-md)}.admin-funnels-title svg{color:var(--accent-primary);flex-shrink:0}.admin-funnels-title h1{font-size:2rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.02em}.admin-funnels-title p{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.search-input-group{display:flex;gap:var(--space-sm)}.search-input-group .filter-input{flex:1}.btn-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.funnels-table{width:100%;border-collapse:collapse;font-size:14px}.funnels-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.funnels-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.funnels-table th.actions-column{text-align:center;width:140px}.funnels-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.funnels-table tbody tr:hover{background:var(--bg-tertiary)}.funnels-table tbody tr:last-child{border-bottom:none}.funnels-table td{padding:var(--space-md) var(--space-lg);color:var(--text-secondary);vertical-align:middle}.funnels-table td.actions-cell{text-align:center}.name-text{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:300px}.user-name-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--accent-primary);font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-name-link:hover{color:var(--accent-secondary);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap}.badge svg{flex-shrink:0}.badge-draft{background:#fb923c1a;color:#fb923c}.badge-published{background:#34d3991a;color:#34d399}.badge-archived{background:#94a3b81a;color:#94a3b8}.badge-default{background:var(--bg-tertiary);color:var(--text-tertiary)}.table-skeleton{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-row{width:100%}.modal-funnel-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.modal-user-info,.modal-url{font-size:14px;color:var(--text-secondary);margin:4px 0;word-break:break-all}@media(max-width:1400px){.funnels-table th,.funnels-table td{padding:var(--space-sm) var(--space-md)}.name-text,.user-name-link,.user-email{max-width:150px}}@media(max-width:1024px){.filters-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}}@media(max-width:768px){.admin-funnels-header{margin-bottom:var(--space-xl)}.admin-funnels-title{gap:var(--space-sm)}.admin-funnels-title svg{width:28px;height:28px}.admin-funnels-title h1{font-size:1.625rem}.admin-funnels-title p{font-size:14px}.filters-card{padding:var(--space-lg)}.funnels-table th:nth-child(5),.funnels-table td:nth-child(5),.funnels-table th:nth-child(6),.funnels-table td:nth-child(6),.funnels-table th:nth-child(7),.funnels-table td:nth-child(7){display:none}.modal-card{padding:var(--space-xl)}.modal-actions{flex-direction:column}.btn-secondary,.btn-danger{width:100%;justify-content:center}.pagination{padding:var(--space-lg)}.pagination-controls{gap:4px}.pagination-btn{padding:var(--space-xs) var(--space-sm);min-width:40px;font-size:13px}}@media(max-width:640px){.funnels-table th:nth-child(3),.funnels-table td:nth-child(3){display:none}.name-text,.user-name-link{max-width:120px}.action-icon-btn{width:32px;height:32px}.action-icon-btn svg{width:14px;height:14px}}@media(max-width:480px){.admin-funnels-title h1{font-size:1.5rem}.admin-funnels-title p{font-size:13px}.filters-card{padding:var(--space-md)}.search-input-group{flex-direction:column}.btn-search{width:100%;justify-content:center}.funnels-table{font-size:13px}.funnels-table th,.funnels-table td{padding:var(--space-xs) var(--space-sm)}.badge{font-size:11px;padding:3px 8px}.badge svg{width:10px;height:10px}}.admin-paginas{max-width:1800px;margin:0 auto}.admin-paginas-header{margin-bottom:var(--space-2xl);animation:fadeInUp .5s ease}.admin-paginas-title{display:flex;align-items:center;gap:var(--space-md)}.admin-paginas-title svg{color:var(--accent-primary);flex-shrink:0}.admin-paginas-title h1{font-size:2rem;font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.02em}.admin-paginas-title p{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.filters-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);animation:fadeIn .5s ease}.filters-grid{display:flex;gap:var(--space-md);align-items:end;width:100%}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.filter-group:first-child{flex:0 0 25%;min-width:200px}.filter-group:nth-child(2){flex:1 1 auto}.filter-label{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:500;color:var(--text-secondary)}.filter-label svg{flex-shrink:0}.filter-select,.filter-input{padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.filter-select:hover,.filter-input:hover{border-color:var(--border-hover)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha)}.search-input-group{display:flex;gap:var(--space-sm);width:100%}.search-input-group .filter-input{flex:1 1 auto;min-width:0}.btn-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-search:hover{background:var(--accent-secondary);transform:translateY(-1px)}.btn-search:active{transform:translateY(0)}.btn-search svg{flex-shrink:0}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn .5s ease}.table-wrapper{overflow-x:auto;scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.pages-table{width:100%;border-collapse:collapse;font-size:14px}.pages-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.pages-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pages-table th.actions-column{text-align:center;width:140px}.pages-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.pages-table tbody tr:hover{background:var(--bg-tertiary)}.pages-table tbody tr:last-child{border-bottom:none}.pages-table td{padding:var(--space-md) var(--space-lg);color:var(--text-secondary);vertical-align:middle}.pages-table td.actions-cell{text-align:center}.user-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:200px}.user-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-tertiary)}.url-link{display:inline-flex;align-items:center;gap:6px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-primary);font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);text-align:left}.url-link:hover{color:var(--accent-secondary);text-decoration:underline}.url-link svg{flex-shrink:0}.url-link-secondary{color:#06b6d4}.url-link-secondary:hover{color:#0891b2}.empty-text{color:var(--text-tertiary);font-style:italic}.date-text{white-space:nowrap;color:var(--text-secondary);font-size:13px}.action-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.action-icon-btn svg{flex-shrink:0}.action-icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-icon-btn:active{transform:translateY(0)}.action-btn-primary{color:var(--accent-primary);border-color:var(--accent-primary)}.action-btn-primary:hover{background:var(--accent-primary);color:#fff}.action-btn-secondary{color:#06b6d4;border-color:#06b6d4}.action-btn-secondary:hover{background:#06b6d4;color:#fff}.action-btn-danger{color:#ef4444;border-color:#ef4444}.action-btn-danger:hover{background:#ef4444;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:var(--space-lg);opacity:.5}.empty-state h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:15px;color:var(--text-secondary);margin:0}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl);border-top:1px solid var(--border-color)}.pagination-info{font-size:14px;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.pagination-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:44px}.pagination-btn.pagination-nav{padding:var(--space-sm);min-width:40px}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.pagination-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:var(--space-sm) var(--space-xs);color:var(--text-tertiary);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:600px;width:100%;box-shadow:var(--shadow-xl);animation:scaleIn .2s ease}.modal-danger{border-color:#ef44444d}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xl) 0;line-height:1.4}.modal-body{margin-bottom:var(--space-xl)}.modal-info{margin-bottom:var(--space-lg)}.modal-page-url{font-size:1.125rem;font-weight:600;color:var(--accent-primary);margin:0 0 var(--space-sm) 0;word-break:break-all}.modal-user-info{font-size:14px;color:var(--text-secondary);margin:4px 0;word-break:break-all}.modal-alert{display:flex;gap:var(--space-md);padding:var(--space-md);background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-md)}.modal-alert svg{color:#fb923c;flex-shrink:0;margin-top:2px}.modal-alert p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.btn-secondary,.btn-danger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary{background:transparent;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1400px){.pages-table th,.pages-table td{padding:var(--space-sm) var(--space-md)}.user-name,.user-email{max-width:150px}.url-link{max-width:250px}.filter-group:first-child{flex:0 0 30%}}@media(max-width:1024px){.filter-group:first-child{flex:0 0 35%}.table-wrapper{overflow-x:auto}}@media(max-width:768px){.admin-paginas-header{margin-bottom:var(--space-xl)}.admin-paginas-title{gap:var(--space-sm)}.admin-paginas-title svg{width:28px;height:28px}.admin-paginas-title h1{font-size:1.625rem}.admin-paginas-title p{font-size:14px}.filters-card{padding:var(--space-lg)}.filters-grid{flex-direction:column}.filter-group:first-child,.filter-group:nth-child(2){flex:1 1 auto;width:100%}.search-input-group{flex-direction:row}.pages-table th:nth-child(4),.pages-table td:nth-child(4),.pages-table th:nth-child(5),.pages-table td:nth-child(5){display:none}.modal-card{padding:var(--space-xl)}.modal-actions{flex-direction:column}.btn-secondary,.btn-danger{width:100%;justify-content:center}.pagination{padding:var(--space-lg)}.pagination-controls{gap:4px}.pagination-btn{padding:var(--space-xs) var(--space-sm);min-width:40px;font-size:13px}}@media(max-width:640px){.pages-table th:nth-child(2),.pages-table td:nth-child(2){display:none}.user-name{max-width:120px}.url-link{max-width:180px}.action-icon-btn{width:32px;height:32px}.action-icon-btn svg{width:14px;height:14px}}@media(max-width:480px){.admin-paginas-title h1{font-size:1.5rem}.admin-paginas-title p{font-size:13px}.filters-card{padding:var(--space-md)}.filters-grid{gap:var(--space-md)}.search-input-group{flex-direction:column}.btn-search{width:100%;justify-content:center}.pages-table{font-size:13px}.pages-table th,.pages-table td{padding:var(--space-xs) var(--space-sm)}}.blacklist-page{max-width:1200px;margin:0 auto;padding:2rem}.blacklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.blacklist-title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.btn-add-blacklist{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-blacklist:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.blacklist-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;transition:all .2s ease}.blacklist-card:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #0000000d}.blacklist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.blacklist-empty svg{color:var(--text-tertiary);margin-bottom:1rem}.blacklist-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.blacklist-empty p{font-size:.9375rem;color:var(--text-secondary);margin:0}.blacklist-list{display:flex;flex-direction:column;gap:.75rem}.blacklist-card-content{flex:1;display:flex;align-items:center}.blacklist-domain{font-size:1rem;font-weight:500;color:var(--text-primary)}.blacklist-card-actions{display:flex;align-items:center;gap:.5rem}.btn-delete-blacklist{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;color:var(--danger);border:1px solid var(--danger-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-delete-blacklist:hover:not(:disabled){background:var(--danger-light);color:#fff;border-color:var(--danger)}.btn-delete-blacklist:disabled{opacity:.6;cursor:not-allowed}.btn-spinner-small{width:16px;height:16px;border:2px solid var(--danger-light);border-top-color:var(--danger);border-radius:50%;animation:spin .8s linear infinite}.blacklist-form-page{max-width:800px;margin:0 auto;padding:2rem}.form-container{width:100%}.page-header{margin-bottom:2rem}.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.blacklist-form{width:100%}.blacklist-form-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-error{border-color:var(--danger)}.form-input-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;font-size:.875rem;color:var(--danger);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.blacklist-page,.blacklist-form-page{padding:1rem}.blacklist-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-add-blacklist{width:100%;justify-content:center}.blacklist-card{flex-direction:column;align-items:flex-start;gap:1rem}.blacklist-card-actions{width:100%;justify-content:flex-end}.blacklist-form-card{padding:1.5rem}.form-actions{justify-content:stretch}.btn-save{width:100%;justify-content:center}}.app-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--space-md);animation:fadeIn .5s ease}.coming-soon-icon{font-size:4rem}.coming-soon h1{font-size:2rem;font-weight:700;margin:0}.coming-soon p{font-size:1rem;color:var(--text-tertiary);margin:0}.preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-sm)}.preview-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.preview-url{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:15px;color:var(--accent-primary);word-break:break-all;transition:all var(--transition-fast)}.preview-url:hover{border-color:var(--border-hover);background:var(--bg-hover)}.preview-url svg{flex-shrink:0}