:root{--sileo-spring-easing: linear( 0, .002 .6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1 );--sileo-duration: .6s;--sileo-height: 40px;--sileo-width: 350px;--sileo-state-success: oklch(.723 .219 142.136);--sileo-state-loading: oklch(.556 0 0);--sileo-state-error: oklch(.637 .237 25.331);--sileo-state-warning: oklch(.795 .184 86.047);--sileo-state-info: oklch(.685 .169 237.323);--sileo-state-action: oklch(.623 .214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;width:var(--sileo-width);height:var(--_h, var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px, 0px);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-layer=current]:not(:only-child),[data-sileo-header-inner][data-exiting=true]{will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone, currentColor);background-color:var(--sileo-tone-bg, transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone, currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c: var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c: var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c: var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c: var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c: var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c: var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone: var(--_c);--sileo-tone-bg: color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color, currentColor);background-color:var(--sileo-btn-bg, transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover, transparent)}[data-sileo-button][data-state]{--sileo-btn-color: var(--_c);--sileo-btn-bg: color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover: color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translate(-50%);align-items:center}@media (prefers-reduced-motion: no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media (prefers-reduced-motion: reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:#00000080}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:#ffffff80}[data-sileo-viewport]{z-index:9999999!important}[data-sileo-header]{display:flex!important;align-items:center!important;box-sizing:border-box!important}[data-sileo-header-stack]{display:inline-flex!important;align-items:center!important;height:100%!important}[data-sileo-header-inner]{display:inline-flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;line-height:1!important}[data-sileo-badge]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;margin:0!important;flex-shrink:0!important;border-radius:50%!important}[data-sileo-badge] svg,[data-sileo-header-inner] svg{display:block!important;width:15px!important;height:15px!important;margin:auto!important;flex-shrink:0!important}[data-sileo-title]{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:.88rem!important;font-weight:600!important;line-height:1.2!important;margin:0!important;display:inline-flex!important;align-items:center!important}[data-sileo-description]{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:.86rem!important;line-height:1.45!important;padding:12px 18px!important;margin:0!important;box-sizing:border-box!important}.user-plan-status-container{display:flex;flex-direction:column;gap:28px;animation:fadeIn .3s ease-out}.current-plan-card{background:var(--bg-card, #0d1117);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;padding:28px;box-shadow:var(--card-shadow, 0 10px 30px rgba(0, 0, 0, .3));display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.plan-info-main h2{margin:0 0 6px;font-size:1.6rem;font-weight:800;color:var(--text-bright, #ffffff);display:flex;align-items:center;gap:12px}.plan-badge-active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.plan-info-subtitle{margin:0;color:var(--text-muted, #9ca3af);font-size:.95rem}.plan-usage-section{background:var(--bg-card, #0d1117);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;padding:28px;box-shadow:var(--card-shadow, 0 10px 30px rgba(0, 0, 0, .3))}.plan-usage-header{margin-bottom:24px}.plan-usage-header h3{margin:0 0 4px;font-size:1.2rem;font-weight:700;color:var(--text-bright, #ffffff)}.plan-usage-header p{margin:0;font-size:.88rem;color:var(--text-muted, #9ca3af)}.usage-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.usage-limit-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px}.usage-limit-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem}.usage-limit-title{font-weight:600;color:var(--text-bright, #ffffff);display:flex;align-items:center;gap:8px}.usage-limit-counter{color:var(--text-muted, #9ca3af);font-weight:600}.usage-progress-bar-bg{width:100%;height:8px;background-color:#ffffff0d;border-radius:4px;overflow:hidden}.usage-progress-bar-fill{height:100%;border-radius:4px;transition:width .4s ease-out}.upgrade-plans-wrapper{margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--bg-app: #080a10;--bg-dashboard: #0c0f18;--bg-card: rgba(22, 28, 45, .55);--bg-card-hover: rgba(30, 37, 58, .75);--bg-header: rgba(12, 15, 24, .85);--bg-sidebar: rgba(16, 21, 35, .95);--bg-popover: #111625;--bg-popover-hover: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .15);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-bright: #ffffff;--primary-accent: #00a2e8;--secondary-accent: #00e5a3;--primary-gradient: linear-gradient(135deg, #00e5a3 0%, #00a2e8 50%, #17b8ec 100%);--primary-gradient-hover: linear-gradient(135deg, #00c98f 0%, #008cc9 50%, #13a2d0 100%);--glow-shadow: 0 0 15px rgba(0, 162, 232, .35);--status-active: #10b981;--status-active-glow: rgba(16, 185, 129, .15);--status-inactive: #f43f5e;--status-inactive-glow: rgba(244, 63, 94, .15);--card-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0!important;padding:0!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.dashboard-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;background:radial-gradient(circle at top right,rgba(0,162,232,.12),transparent 40%),radial-gradient(circle at bottom left,rgba(0,229,163,.08),transparent 45%),var(--bg-app)}.dashboard-header{background-color:var(--bg-header);color:var(--text-main);padding:.9rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:99;flex-shrink:0}.dashboard-header .logo{font-weight:700;font-size:1.4rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.dashboard-header .main-menu a{color:var(--text-muted);text-decoration:none;margin-left:1.5rem;font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.dashboard-header .main-menu a:hover{color:var(--text-bright)}.dashboard-header .user-actions{display:flex;align-items:center;gap:15px}.dashboard-header .search-bar{padding:.6rem 1.1rem;border:1px solid var(--border-color);border-radius:20px;background-color:#ffffff0d;color:var(--text-bright);font-size:.9rem;width:200px;transition:var(--transition-fast);outline:none;font-family:inherit}.dashboard-header .search-bar:focus{width:250px;background-color:#ffffff14;border-color:var(--primary-accent);box-shadow:var(--glow-shadow)}.dashboard-header .search-bar::placeholder{color:var(--text-muted);opacity:.7}.dashboard-header .notifications,.dashboard-header .profile{font-size:1.25rem;cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition-fast);background-color:#ffffff08;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.dashboard-header .notifications:hover,.dashboard-header .profile:hover{background-color:#ffffff14;border-color:var(--border-color-hover);transform:translateY(-1px)}.dashboard-body{display:flex;flex-grow:1;min-height:0;overflow:hidden;background-color:transparent}.dashboard-sidebar{background-color:var(--bg-sidebar);width:260px;min-width:260px;padding:24px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:25px;box-shadow:4px 0 25px #0003;overflow-y:auto}.dashboard-sidebar h3{color:var(--text-bright);margin-top:0;margin-bottom:15px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;opacity:.6}.dashboard-sidebar .filter-group{margin-bottom:18px}.dashboard-sidebar .filter-group label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:500;color:var(--text-muted)}.dashboard-sidebar .filter-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff08;color:var(--text-bright);box-sizing:border-box;font-size:.9rem;outline:none;font-family:inherit;transition:var(--transition-fast)}.dashboard-sidebar .filter-input:focus{border-color:var(--primary-accent);background-color:#ffffff0f;box-shadow:var(--glow-shadow)}.dashboard-sidebar .quick-actions{margin-top:0}.action-button{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;padding:10px 20px;background:#ffffff0a;color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:var(--transition-fast)}.action-button:hover{background:#ffffff14;border-color:var(--border-color-hover);color:var(--text-bright);transform:translateY(-1px)}.action-button.primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:var(--glow-shadow)}.action-button.primary:hover{background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:0 0 20px #00a2e880}.dashboard-sidebar .action-button{width:100%;margin-bottom:12px}.dashboard-content{flex-grow:1;padding:20px 28px;display:flex;flex-direction:column;gap:20px;background-color:var(--bg-dashboard);overflow-y:auto}.landings-table-section,.payment-plans-section,.performance-chart-section{background-color:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px;border-radius:12px;box-shadow:var(--card-shadow);transition:border-color var(--transition-normal)}.landings-table-section:hover,.payment-plans-section:hover,.performance-chart-section:hover{border-color:var(--border-color-hover)}.landings-table-section h3,.payment-plans-section h3,.performance-chart-section h3{color:var(--text-bright);margin-top:0;margin-bottom:20px;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.landings-table,.payment-plans-table{width:100%;border-collapse:collapse;margin-top:15px}.landings-table th,.payment-plans-table th{background-color:#ffffff05;padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.landings-table td,.payment-plans-table td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-main);font-size:.95rem;transition:var(--transition-fast)}.landings-table tbody tr,.payment-plans-table tbody tr{transition:var(--transition-fast)}.landings-table tbody tr:hover,.payment-plans-table tbody tr:hover{background-color:#ffffff05}.status-badge.status-activo{background-color:var(--status-active-glow);color:var(--status-active);border:1px solid rgba(16,185,129,.3);box-shadow:0 0 10px #10b9810d}.status-badge.status-inactivo{background-color:var(--status-inactive-glow);color:var(--status-inactive);border:1px solid rgba(244,63,94,.3);box-shadow:0 0 10px #f43f5e0d}.table-actions .action-icon-button{background:#ffffff0a;border:1px solid var(--border-color);font-size:1rem;cursor:pointer;margin-right:8px;padding:6px 10px;border-radius:6px;color:var(--text-main);transition:var(--transition-fast)}.table-actions .action-icon-button:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright);transform:translateY(-1px)}.dashboard-footer{background-color:var(--bg-header);color:var(--text-muted);padding:.75rem 2rem;text-align:center;font-size:.82rem;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto;flex-shrink:0}.dashboard-footer p{margin:5px 0 0}.dashboard-footer .footer-links{margin-bottom:8px}.dashboard-footer .footer-links a{color:var(--text-muted);text-decoration:none;margin:0 15px;font-weight:500;transition:var(--transition-fast)}.dashboard-footer .footer-links a:hover{color:var(--text-bright)}@media (max-width: 1024px){.dashboard-sidebar{width:220px;min-width:220px}}@media (max-width: 768px){.dashboard-body{flex-direction:column}.dashboard-sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--border-color);box-shadow:none;padding:20px}.dashboard-content{padding:20px;gap:20px}.dashboard-header{flex-direction:column;gap:12px;align-items:flex-start;padding:1.2rem}.dashboard-header .main-menu{width:100%;display:flex;justify-content:flex-start;gap:15px;margin-top:5px}.dashboard-header .main-menu a{margin-left:0}.dashboard-header .user-actions{width:100%;justify-content:space-between}.dashboard-header .search-bar{flex-grow:1;max-width:none}}.chart-type-selector{display:flex;gap:12px;margin-bottom:20px}.chart-type-selector span{font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background-color:#ffffff05;transition:all var(--transition-fast)}.chart-type-selector span:hover{border-color:var(--border-color-hover);color:var(--text-bright)}.home-hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:26px 32px;background:linear-gradient(135deg,#00a2e817,#00e5a30f);border:1px solid var(--border-color);border-radius:16px;margin-bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-hero-content h1{font-size:2.25rem;font-weight:800;line-height:1.22;margin-bottom:12px;background:linear-gradient(90deg,var(--text-bright) 0%,#7dd3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-hero-content p{font-size:.98rem;line-height:1.55;color:var(--text-muted);margin-bottom:18px}.home-hero-image-wrapper{display:flex;justify-content:center;align-items:center}.home-hero-image{width:100%;max-width:410px;max-height:250px;object-fit:contain;display:block}.saas-pricing-section{padding:20px 10px;margin-bottom:40px;text-align:center}.saas-pricing-section h2{font-size:2.2rem;font-weight:700;margin-bottom:10px;color:var(--text-bright)}.section-subtitle{font-size:1.05rem;color:var(--text-muted);margin-bottom:40px}.saas-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;align-items:stretch;max-width:1100px;margin:0 auto}.saas-pricing-card{position:relative;background:#ffffff05;border:1px solid var(--border-color);border-radius:16px;padding:35px 25px;display:flex;flex-direction:column;transition:all var(--transition-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.saas-pricing-card:hover{transform:translateY(-8px);border-color:#00a2e866;box-shadow:0 15px 30px #0000004d,0 0 15px #00a2e826}.saas-pricing-card.popular{border:2px solid var(--primary-accent);background:linear-gradient(180deg,#00a2e814,#ffffff03);box-shadow:0 10px 25px #00a2e826}.saas-pricing-card.popular:hover{box-shadow:0 20px 40px #00a2e84d,0 0 25px #00e5a333;border-color:#17b8ec}.card-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--primary-accent) 0%,#00e5a3 100%);color:#fff;padding:6px 16px;font-size:.75rem;font-weight:700;border-radius:20px;letter-spacing:.5px;box-shadow:0 5px 10px #00a2e84d}.saas-pricing-card h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:var(--text-bright)}.price-tag{margin-bottom:25px;display:flex;justify-content:center;align-items:baseline}.price-currency{font-size:1.5rem;font-weight:700;color:var(--text-bright);align-self:flex-start;margin-top:5px}.price-amount{font-size:3.2rem;font-weight:800;color:var(--text-bright);line-height:1}.price-period{font-size:.95rem;color:var(--text-muted);margin-left:4px}.price-features{list-style:none;padding:0;margin:0 0 35px;text-align:left;flex-grow:1}.price-features li{font-size:.95rem;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:10px}.price-button{width:100%;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;border:1px solid var(--border-color);background:#ffffff05;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.price-button:hover{border-color:var(--border-color-hover);background:#ffffff0d;color:var(--text-bright)}.price-button.primary{background:linear-gradient(90deg,var(--primary-accent) 0%,#00e5a3 100%);border:none;color:#fff;box-shadow:0 4px 12px #00a2e833}.price-button.primary:hover{background:linear-gradient(90deg,#00a2e8,#00c98f);box-shadow:0 8px 16px #00a2e859;transform:translateY(-1px)}@media (max-width: 900px){.home-hero-section{grid-template-columns:1fr;text-align:center;gap:30px}.home-hero-content h1{font-size:2.2rem}.home-hero-image-wrapper{order:-1}}.action-dots-button{width:34px;height:34px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted, #9ca3af);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-dots-button:hover,.action-dots-button.active{background:#ffffff1f;color:#fff;border-color:#ffffff40;box-shadow:0 0 10px #00a2e826}.action-dropdown-menu{position:absolute;right:12px;top:calc(100% + 4px);background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 12px 30px #00000080;z-index:1000;min-width:190px;padding:6px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.action-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:#cbd5e1;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.action-dropdown-item:hover{background:#ffffff14;color:#fff}.action-dropdown-item.danger{color:#f87171}.action-dropdown-item.danger:hover{background:#ef444426;color:#fca5a5}.plan-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2500;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.plan-drawer-container{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:#0f172a;border-left:1px solid rgba(255,255,255,.12);box-shadow:-12px 0 40px #0009;display:flex;flex-direction:column;z-index:2501;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1);color:#f1f5f9}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.plan-drawer-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#0f172af2}.plan-drawer-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.plan-drawer-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.plan-drawer-close-btn:hover{background:#ffffff26;color:#fff}.plan-drawer-body{flex:1;overflow-y:auto;padding:24px}.plan-drawer-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:12px;background:#0f172af2}.drawer-toggle-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;margin-bottom:14px;transition:all .2s ease}.drawer-toggle-card:hover{background:#ffffff0d;border-color:#ffffff26}.drawer-toggle-info{display:flex;flex-direction:column;gap:2px}.drawer-toggle-title{font-size:.9rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.drawer-toggle-desc{font-size:.78rem;color:#94a3b8}.switch-control{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.switch-control input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:26px;border:1px solid rgba(255,255,255,.1)}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000004d}.switch-control input:checked+.switch-slider{background-color:#10b981}.switch-control input:checked+.switch-slider:before{transform:translate(22px)}.dashboard-sidebar{width:260px;min-width:260px;background-color:var(--bg-sidebar);color:var(--text-main);padding:28px 24px;border-right:1px solid var(--border-color);box-shadow:4px 0 25px #0000004d;display:flex;flex-direction:column;gap:28px;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),padding .3s ease}.dashboard-sidebar h3{color:var(--text-bright);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:0;margin-bottom:16px;opacity:.55}.dashboard-sidebar .action-button{width:100%;padding:12px 18px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:all var(--transition-fast);color:var(--text-main);background-color:#ffffff08;margin-bottom:12px;box-sizing:border-box}.dashboard-sidebar .action-button:hover{background-color:#ffffff14;border-color:var(--border-color-hover);color:var(--text-bright);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-sidebar .action-button.primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:var(--glow-shadow)}.dashboard-sidebar .action-button.primary:hover{background:var(--primary-gradient-hover);box-shadow:0 0 20px #00a2e873}.main-navigation{flex-grow:1;margin-top:10px}.main-navigation h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;padding-left:8px}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:8px}.nav-link{display:flex;align-items:center;padding:11px 16px;color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:8px;transition:all var(--transition-fast);gap:12px}.nav-link:hover{background-color:#ffffff0a;color:var(--text-bright)}.nav-link.active{background-color:#00a2e81f;color:var(--primary-accent);font-weight:600;border-left:3px solid var(--primary-accent)}.sidebar-toggle-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px;min-height:32px}.sidebar-brand{font-size:1.1rem;font-weight:700;color:var(--text-bright);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em}.sidebar-toggle-btn{background:#ffffff08;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:#ffffff14;border-color:var(--border-color-hover);color:var(--text-bright);transform:scale(1.05)}.dashboard-sidebar.collapsed{width:80px!important;min-width:80px!important;padding:24px 12px;gap:20px}.dashboard-sidebar.collapsed .sidebar-toggle-header{justify-content:center;padding-bottom:12px;width:100%}.dashboard-sidebar.collapsed h3,.dashboard-sidebar.collapsed .nav-link span{display:none!important}.dashboard-sidebar.collapsed .nav-link{justify-content:center;padding:12px 10px;gap:0;font-size:1.1rem}.dashboard-sidebar.collapsed .logout-btn{padding:12px 10px!important;justify-content:center!important;gap:0!important}.summary-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:0;width:100%;box-sizing:border-box}.summary-cards-grid.four-cards{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.summary-cards-grid,.summary-cards-grid.four-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.summary-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 18px;display:flex;flex-direction:flex-row;align-items:center;justify-content:flex-start;gap:16px;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity var(--transition-normal)}.summary-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 10px 25px #0006;background-color:var(--bg-card-hover)}.summary-card:hover:before{opacity:1}.card-icon{font-size:1.4rem;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;background-color:#00a2e81a;color:var(--primary-accent);transition:transform var(--transition-fast);flex-shrink:0}.summary-card:hover .card-icon{transform:scale(1.06)}.summary-card:nth-child(1) .card-icon{color:#00a2e8;background-color:#00a2e81f}.summary-card:nth-child(2) .card-icon{color:#00e5a3;background-color:#00e5a31f}.summary-card:nth-child(3) .card-icon{color:#17b8ec;background-color:#17b8ec1f}.summary-card:nth-child(4) .card-icon{color:#f59e0b;background-color:#f59e0b1a}.summary-card.active-card{border-color:var(--primary-accent);background-color:#00a2e81a;box-shadow:0 0 20px #00a2e833,var(--card-shadow)}.summary-card.active-card:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;background:var(--primary-gradient);border-radius:3px 3px 0 0}.card-info-content{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.summary-card h4{font-size:.78rem;color:var(--text-muted);margin-top:0;margin-bottom:2px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .card-value{font-size:1.5rem;font-weight:800;color:var(--text-bright);margin:0;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:100;min-width:140px;display:flex;flex-direction:column;padding:6px}.analytics-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .25s ease-out}.analytics-modal-content{background:var(--bg-card, #0c0f18);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0009;color:var(--text-bright, #f3f4f6);overflow:hidden}.analytics-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff05}.analytics-modal-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center}.highlight-name{color:#7dd3fc;margin-left:6px}.analytics-modal-subtitle{font-size:.85rem;color:#9ca3af;margin:4px 0 0}.analytics-modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.analytics-modal-close-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef444466}.analytics-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.metric-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.metric-icon.views{background:#00a2e81f;color:#00a2e8}.metric-icon.conversions{background:#10b9811f;color:#10b981}.metric-icon.rate{background:#f59e0b1f;color:#f59e0b}.metric-icon.duration{background:#a855f71f;color:#a855f7}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:.78rem;color:#9ca3af;font-weight:500}.metric-value{font-size:1.25rem;font-weight:700;color:#fff;margin-top:2px}.analytics-chart-container{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h4{margin:0;font-size:1rem;font-weight:600;color:#fff}.chart-time-toggle{display:flex;gap:6px;background:#ffffff0a;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.chart-time-toggle button{background:none;border:none;color:#9ca3af;padding:6px 12px;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.chart-time-toggle button.active{background:#00a2e8;color:#fff;font-weight:600}.chart-wrapper{width:100%}.analytics-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;background:#ffffff05}.analytics-modal-footer .close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:all .2s ease}.analytics-modal-footer .close-btn:hover{background:#ffffff26}@media (max-width: 768px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#ffffff0d;background-image:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out;border-radius:6px}.skeleton-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skeleton-table-wrapper{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;padding:16px}.skeleton-table-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.skeleton-table-row:last-child{border-bottom:none}@media (max-width: 768px){.landings-table-section{padding:16px}.table-header-container{flex-direction:column;align-items:stretch!important;gap:12px}.table-header-container button{width:100%!important}.filter-input{max-width:100%;width:100%}.pagination-controls{flex-direction:column;gap:16px;align-items:center;text-align:center}.landings-table th,.landings-table td{padding:12px 10px;font-size:.85rem}}.webforms-view-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--card-shadow);transition:border-color var(--transition-normal)}.metric-card:hover{border-color:var(--border-color-hover)}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.metric-info{display:flex;flex-direction:column;gap:4px}.metric-title{color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-value{color:var(--text-bright);font-size:1.6rem;font-weight:700}.actions-dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:100;min-width:150px;display:flex;flex-direction:column;padding:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.submissions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.submissions-modal-content{background:var(--bg-card, #0d1117);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;width:100%;max-width:950px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;color:var(--text-bright, #f3f4f6);overflow:hidden}.submissions-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.submissions-modal-title-group h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-bright, #ffffff)}.submissions-modal-subtitle{font-size:.85rem;color:var(--text-muted, #9ca3af);margin-top:4px}.submissions-modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted, #9ca3af);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.submissions-modal-close-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef444466}.submissions-modal-toolbar{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#00000026;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .05))}.submissions-search-input{background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;padding:8px 14px;color:var(--text-bright, #ffffff);font-size:.9rem;width:280px;outline:none;transition:border-color .2s}.submissions-search-input:focus{border-color:var(--primary-accent, #00a2e8)}.csv-export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .1s ease,filter .2s}.csv-export-btn:hover{filter:brightness(1.1)}.csv-export-btn:disabled{opacity:.5;cursor:not-allowed}.submissions-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.submissions-table{width:100%;border-collapse:collapse;font-size:.88rem}.submissions-table th{background:#ffffff0a;color:var(--text-muted, #9ca3af);font-weight:600;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));white-space:nowrap}.submissions-table td{padding:12px 14px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .05));color:var(--text-bright, #e5e7eb);vertical-align:middle}.submissions-table tbody tr:hover{background:#ffffff05}.submissions-empty-state{text-align:center;padding:50px 20px;color:var(--text-muted, #9ca3af);display:flex;flex-direction:column;align-items:center;gap:12px}.submissions-empty-icon{font-size:2.5rem;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.builder-tab-btn{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast, .2s);font-family:inherit;margin-bottom:-1px}.builder-tab-btn.active{background:none;color:#f3f4f6;border-bottom-color:var(--primary-accent, #00a2e8);font-weight:600;box-shadow:none}.builder-tab-btn .tab-icon{color:#64748b;transition:color var(--transition-fast, .2s)}.builder-tab-btn.active .tab-icon{color:var(--primary-accent, #00a2e8)}.add-field-container{display:flex;gap:12px;margin-bottom:24px;background-color:#ffffff05;border:1px solid var(--border-color);padding:16px;border-radius:10px;align-items:center}.added-fields-list{margin-top:20px}.added-fields-list h4{margin-top:0;margin-bottom:12px;color:var(--text-bright);font-size:.95rem;font-weight:600;opacity:.85}.added-field-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border-color);padding:12px 16px;border-radius:8px;margin-bottom:10px;gap:16px;transition:all var(--transition-fast)}.added-field-row:hover{border-color:var(--border-color-hover);background:#ffffff0a}.field-drag-index{width:24px;height:24px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);font-weight:600}.field-info-inputs{display:flex;align-items:center;gap:12px;flex-grow:1}.field-label-rename-input{background:transparent;border:1px solid transparent;color:var(--text-bright);font-size:.9rem;font-weight:500;padding:4px 8px;border-radius:4px;width:180px;transition:all var(--transition-fast);outline:none}.field-label-rename-input:focus,.field-label-rename-input:hover{background:#ffffff0d;border-color:var(--border-color)}.field-type-badge{font-size:.7rem;font-weight:700;background:#00a2e81f;color:var(--primary-accent);padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.field-row-actions{display:flex;align-items:center;gap:16px}.checkbox-required-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);cursor:pointer}.checkbox-required-label input{cursor:pointer}.remove-field-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:6px;border-radius:6px;font-size:.95rem;transition:all var(--transition-fast)}.remove-field-btn:hover{background:#ef44441a;color:#f87171}.no-fields-text{text-align:center;color:var(--text-muted);font-size:.9rem;padding:20px;border:1px dashed var(--border-color);border-radius:8px}.device-frame{background:#080b11;border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:inset 0 0 40px #000c,0 20px 50px #00000080;max-width:380px;margin:0 auto;min-height:480px}.webform-preview-card{display:flex;flex-direction:column;gap:16px}.preview-form-title{color:var(--text-bright);font-size:1.3rem;font-weight:700;margin:0 0 8px;border-bottom:2px solid var(--primary-accent);padding-bottom:8px}.preview-form-element{display:flex;flex-direction:column;gap:14px}.preview-field-wrapper{display:flex;flex-direction:column;gap:6px}.preview-field-label{font-size:.85rem;font-weight:600;color:var(--text-main);display:flex;align-items:center}.required-asterisk{color:#ef4444;margin-left:3px;font-weight:700}.preview-field-input{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-bright);font-size:.9rem;width:100%;box-sizing:border-box;font-family:inherit}.preview-checkbox-container{display:flex;align-items:flex-start;gap:8px;margin-top:4px}.preview-checkbox-label-text{font-size:.85rem;color:var(--text-muted);line-height:1.4;cursor:default}.preview-submit-button{background:var(--primary-gradient);color:#fff;border:none;padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:10px;box-shadow:var(--glow-shadow);width:100%}.device-frame.preview-full-width{max-width:100%;border-color:#38bdf866;box-shadow:inset 0 0 40px #000c,0 0 20px #38bdf826}.webform-preview-card.full-width{width:100%}.modal-close-button{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff08;border:1px solid var(--border-color)}.modal-close-button:hover{color:var(--text-bright);background-color:#ffffff14;border-color:var(--border-color-hover)}.form-group{margin-bottom:20px}.form-group label:not(.switch){display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text-muted);letter-spacing:.01em}.form-input{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff08;color:var(--text-bright);box-sizing:border-box;font-size:.95rem;outline:none;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--primary-accent);background-color:#ffffff0f;box-shadow:var(--glow-shadow)}input[type=file].form-input{padding:8px 12px;cursor:pointer}input[type=file].form-input::file-selector-button{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;margin-right:10px;transition:var(--transition-fast)}input[type=file].form-input::file-selector-button:hover{background:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright)}.submit-button{background:var(--primary-gradient);color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;width:100%;margin-top:15px;transition:all var(--transition-fast);box-shadow:var(--glow-shadow)}.submit-button:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 0 20px #00a2e873;transform:translateY(-1px)}.submit-button:disabled{background:#ffffff14;color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-color)}.drawer-header-title{font-size:1.4rem;font-weight:700;color:var(--text-bright);margin:0;letter-spacing:-.02em}.switch{position:relative;display:inline-block!important;width:44px;height:24px;vertical-align:middle;flex-shrink:0;margin-left:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#040508bf;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{background-color:#0c0f18;border:1px solid var(--border-color);padding:35px;border-radius:16px;box-shadow:var(--card-shadow);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;color:var(--text-main);box-sizing:border-box;font-family:inherit}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid var(--border-color);padding-bottom:18px}.modal-header h2{margin:0;font-size:1.45rem;color:var(--text-bright);font-weight:700;letter-spacing:-.01em}.close-button{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff08;border:1px solid var(--border-color)}.close-button:hover{color:var(--text-bright);background-color:#ffffff14;border-color:var(--border-color-hover)}.edit-catalog-form .form-section{margin-bottom:24px}.edit-catalog-form label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text-muted)}.edit-catalog-form input[type=text],.edit-catalog-form textarea,.edit-catalog-form input[type=number]{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff08;color:var(--text-bright);box-sizing:border-box;font-size:.95rem;outline:none;font-family:inherit;transition:all var(--transition-fast)}.edit-catalog-form input[type=text]:focus,.edit-catalog-form textarea:focus,.edit-catalog-form input[type=number]:focus{border-color:var(--primary-accent);background-color:#ffffff0f;box-shadow:var(--glow-shadow)}.edit-catalog-form textarea{min-height:85px;resize:vertical}.status-toggle{display:flex;align-items:center;gap:12px}.status-toggle span{font-size:.95rem;font-weight:500;color:var(--text-main)}.products-section h3{margin-top:30px;margin-bottom:18px;color:var(--text-bright);font-size:1.2rem;font-weight:600}.products-actions{margin-bottom:18px;display:flex;gap:12px}.products-actions button{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:all var(--transition-fast)}.add-product-btn{background:var(--primary-gradient);color:#fff;box-shadow:var(--glow-shadow)}.add-product-btn:hover{background:var(--primary-gradient-hover);box-shadow:0 0 20px #00a2e873;transform:translateY(-1px)}.product-item{border:1px solid var(--border-color);border-radius:10px;padding:18px;margin-bottom:16px;background-color:#ffffff04;display:grid;grid-template-columns:2fr .6fr .6fr 1fr auto;gap:15px;align-items:flex-start;position:relative;transition:border-color var(--transition-fast)}.product-item:hover{border-color:var(--border-color-hover)}.product-item label{font-size:.8rem;margin-bottom:4px;font-weight:500;color:var(--text-muted)}.product-item input[type=text],.product-item textarea,.product-item input[type=number]{width:100%;padding:8px 12px;font-size:.9rem;border-radius:6px}.product-item .product-info{grid-column:1 / 2}.product-item .product-quantity{grid-column:2 / 3}.product-item .product-price{grid-column:3 / 4}.product-item .product-image-preview{grid-column:4 / 5;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border-color);border-radius:6px;padding:8px;background-color:#ffffff05;color:var(--text-muted);font-size:.75rem;min-height:80px;box-sizing:border-box}.product-item .product-image-preview img{max-width:100%;max-height:60px;object-fit:contain;margin-bottom:6px;border-radius:4px}.product-item .upload-image-button{padding:4px 8px;font-size:.75rem;font-weight:600;font-family:inherit;border:1px solid var(--border-color);background-color:#ffffff0a;color:var(--text-main);border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.product-item .upload-image-button:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright)}.remove-product-item-btn{grid-column:5 / 6;background-color:var(--status-inactive-glow);color:var(--status-inactive);border:1px solid rgba(244,63,94,.2);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;align-self:center;height:fit-content;transition:var(--transition-fast)}.remove-product-item-btn:hover{background-color:var(--status-inactive);color:#fff;border-color:transparent;transform:translateY(-1px)}.global-price-section{display:flex;align-items:flex-end;gap:20px;border-top:1px solid var(--border-color);padding-top:24px;margin-top:24px}.global-price-section input{flex-grow:1;max-width:220px}.upload-catalog-image-btn{padding:11px 18px;background-color:#ffffff0d;color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:var(--transition-fast)}.upload-catalog-image-btn:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright)}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;border-top:1px solid var(--border-color);padding-top:24px}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;min-width:120px;transition:var(--transition-fast)}.save-button{background:var(--primary-gradient);color:#fff;box-shadow:var(--glow-shadow)}.save-button:hover{background:var(--primary-gradient-hover);box-shadow:0 0 20px #00a2e873;transform:translateY(-1px)}.cancel-button{background-color:#ffffff0a;color:var(--text-main);border:1px solid var(--border-color)}.cancel-button:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright)}.switch{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;border:1px solid var(--border-color);border-radius:34px;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-muted);border-radius:50%;transition:.4s}.switch input:checked+.slider{background-color:#00a2e833;border-color:var(--primary-accent)}.switch input:checked+.slider:before{background-color:var(--primary-accent);transform:translate(20px)}.auth-wrapper{width:100vw;height:100vh;min-height:100vh;max-height:100vh;display:flex;position:relative;padding:0;margin:0;overflow:hidden;box-sizing:border-box;font-family:Outfit,sans-serif;background-color:var(--bg-app, #070a12)}.auth-wrapper:before,.auth-wrapper:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(160px);z-index:0;opacity:.25;pointer-events:none}.auth-wrapper:before{top:-10%;left:5%;background:var(--primary-accent, #00a2e8)}.auth-wrapper:after{bottom:-10%;right:5%;background:var(--secondary-accent, #00e5a3)}.auth-split-card{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100vw;height:100vh;max-width:100vw;min-height:100vh;background:transparent;border:none;border-radius:0;overflow:hidden;box-shadow:none;z-index:1;box-sizing:border-box}.auth-left-info-panel{position:relative;background:#090d16;padding:0 8% 0 10%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;height:100vh;box-sizing:border-box}.info-panel-glow{display:none}.info-panel-content{position:relative;z-index:2;max-width:520px}.brand-robot-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px;width:100%}.brand-robot-img{height:140px;width:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));transition:transform .3s ease}.brand-robot-img:hover{transform:scale(1.05)}.info-headline{font-size:2.1rem;font-weight:800;line-height:1.22;color:var(--text-bright, #ffffff);margin:0 0 16px;letter-spacing:-.02em}.highlight-text{background:var(--primary-gradient, linear-gradient(135deg, #00e5a3 0%, #00a2e8 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-description{font-size:.96rem;color:var(--text-muted, #9ca3af);line-height:1.55;margin:0 0 28px}.info-features-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.feature-item{display:flex;align-items:flex-start;gap:14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);padding:12px 16px;border-radius:12px;transition:transform var(--transition-fast, .2s ease)}.feature-item:hover{transform:translate(4px);background:#ffffff0b;border-color:#17b8ec4d}.feature-icon{font-size:1.3rem;line-height:1}.feature-item h4{font-size:.9rem;font-weight:700;color:var(--text-bright, #ffffff);margin:0 0 3px}.feature-item p{font-size:.8rem;color:var(--text-muted, #9ca3af);margin:0;line-height:1.4}.info-footer-badge{font-size:.8rem;color:#7dd3fc;font-weight:600;letter-spacing:.02em;opacity:.9}.auth-right-form-panel{padding:30px 10% 30px 8%;display:flex;flex-direction:column;align-items:center;background:#121827;border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 35px #00000059;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:100vh}.form-panel-header{display:none;margin-bottom:20px;text-align:center}.form-brand-logo{height:38px;width:auto;object-fit:contain}.auth-form-container{width:100%;max-width:440px;margin:auto 0;padding:10px 0}.auth-header{margin-bottom:22px}.auth-header h1{font-size:1.85rem;font-weight:800;color:var(--text-bright, #ffffff);margin:0 0 6px;letter-spacing:-.01em}.auth-header p{font-size:.88rem;color:var(--text-muted, #9ca3af);line-height:1.45;margin:0}.auth-error-banner{color:#ef4444;margin:0 0 16px;font-size:.85rem;text-align:center;background-color:#ef444414;padding:10px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form .form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-form label{font-size:.78rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.label-row{display:flex;justify-content:space-between;align-items:center}.text-link-btn{background:none;border:none;font-size:.78rem;font-weight:600;color:var(--primary-accent, #00a2e8);cursor:pointer;padding:0;transition:color var(--transition-fast, .2s ease)}.text-link-btn:hover{color:#7dd3fc}.input-with-icon{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);font-size:.9rem;pointer-events:none}.input-with-icon input{width:100%;padding:11px 38px 11px 40px;background-color:#ffffff09;border:1px solid var(--border-color, rgba(23, 184, 236, .18));border-radius:9px;color:var(--text-bright, #ffffff);font-size:.9rem;outline:none;font-family:inherit;box-sizing:border-box;transition:all var(--transition-fast, .2s ease)}.input-with-icon input:focus{border-color:var(--primary-accent, #00a2e8);background-color:#ffffff0f;box-shadow:0 0 12px #00a2e840}.input-with-icon input::placeholder{color:#ffffff4d}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted, #9ca3af);font-size:.9rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast, .2s ease);z-index:2}.password-toggle-btn:hover{color:var(--text-bright, #ffffff)}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.w-100{width:100%!important}.social-auth-buttons{display:flex;gap:10px;width:100%}.flex-1{flex:1;justify-content:center!important;font-size:.82rem!important;padding:8px 12px!important;gap:8px!important}.divider-row{display:flex;align-items:center;text-align:center;color:var(--text-muted, #9ca3af);font-size:.75rem;font-weight:500;margin:2px 0}.divider-row:before,.divider-row:after{content:"";flex:1;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.divider-row:before{margin-right:10px}.divider-row:after{margin-left:10px}.back-btn{display:inline-flex;align-items:center;background:none;border:none;color:var(--text-muted, #9ca3af);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color var(--transition-fast, .2s ease);margin-bottom:4px}.back-btn:hover{color:var(--text-bright, #ffffff)}.auth-footer{text-align:center;margin:16px 0 0;font-size:.85rem;color:var(--text-muted, #9ca3af)}.text-link-accent{background:none;border:none;font-size:.85rem;font-weight:600;color:var(--text-bright, #ffffff);cursor:pointer;padding:0 0 0 4px;text-decoration:underline;transition:color var(--transition-fast, .2s ease)}.text-link-accent:hover{color:var(--primary-accent, #00a2e8)}.animate-fade-in{animation:authFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes authFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.auth-split-card{grid-template-columns:1fr;width:100vw;height:100vh}.auth-left-info-panel{display:none}.form-panel-header{display:block}.auth-right-form-panel{padding:24px 20px;height:100vh}}.step-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;width:100%}.step-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#00a2e826;border:1px solid rgba(0,162,232,.3);border-radius:20px;color:#00a2e8;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.back-btn-inline{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-bright, #ffffff);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast, .2s ease);line-height:1.2;white-space:nowrap}.back-btn-inline:hover{background:#ffffff1f;border-color:#00a2e866;color:#00a2e8}.slug-preview-box{margin-top:4px;font-size:.75rem;color:var(--text-muted, #9ca3af);display:flex;align-items:center;gap:4px}.slug-preview-box code{color:#00e5a3;background:#00e5a31a;padding:2px 6px;border-radius:4px;font-family:monospace}.input-with-icon select{width:100%;padding:11px 38px 11px 40px;background-color:#141926f2;border:1px solid var(--border-color, rgba(23, 184, 236, .18));border-radius:9px;color:var(--text-bright, #ffffff);font-size:.9rem;outline:none;font-family:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition-fast, .2s ease)}.input-with-icon select:focus{border-color:var(--primary-accent, #00a2e8);box-shadow:0 0 12px #00a2e840}.input-with-icon select option{background-color:#0f1422;color:#fff}.admin-users-container{padding:30px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d;color:#f3f4f6;margin-top:20px;animation:fadeIn .4s ease-out}.admin-users-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.admin-users-header h2{font-size:1.8rem;font-weight:700;margin:0 0 6px;background:linear-gradient(135deg,#00e5a3,#00a2e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-users-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.search-bar-container{position:relative;width:320px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.95rem}.search-input{width:100%;padding:12px 16px 12px 42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f3f4f6;font-size:.9rem;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:#3b82f6;background:#ffffff14;box-shadow:0 0 0 3px #3b82f626}.table-responsive{width:100%;overflow-x:auto;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.05)}.admin-users-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-users-table th{padding:16px 20px;background:#ffffff08;font-weight:600;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.admin-users-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);color:#e5e7eb}.user-row{transition:background-color .2s ease}.user-row:hover{background:#ffffff05}.user-email-cell{font-weight:500;color:#fff}.role-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-user{background:#9ca3af26;color:#d1d5db;border:1px solid rgba(156,163,175,.2)}.role-admin{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.role-superadmin{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.plan-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;width:fit-content}.plan-badge.plan-free,.plan-badge.plan-gratuito{background:#9ca3af1f;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.plan-badge.plan-basic{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.plan-badge.plan-pro,.plan-badge.plan-professional{background:#00e5a32e;color:#00e5a3;border:1px solid rgba(0,229,163,.35)}.plan-badge.plan-enterprise{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge-admin{display:inline-flex;align-items:center;font-size:.85rem;font-weight:500}.status-badge-admin.active{color:#10b981}.status-badge-admin.inactive{color:#ef4444}.impersonate-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef444433}.impersonate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #ef444459;filter:brightness(1.1)}.impersonate-btn:active:not(:disabled){transform:translateY(0)}.impersonate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.spinner-icon{color:#3b82f6;margin-bottom:16px}.error-icon{color:#ef4444;margin-bottom:16px}.empty-icon{color:#6b7280;margin-bottom:16px}.retry-button{margin-top:16px;padding:8px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#ffffff26}.admin-workspaces-container{padding:30px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d;color:#f3f4f6;margin-top:20px;animation:fadeIn .4s ease-out;position:relative}.admin-workspaces-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.admin-workspaces-header h2{font-size:1.8rem;font-weight:700;margin:0 0 6px;background:linear-gradient(135deg,#00e5a3,#00a2e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-workspaces-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.workspace-name-cell{font-weight:600;color:#fff;display:flex;align-items:center}.slug-code{background:#ffffff0f;padding:3px 8px;border-radius:4px;font-family:monospace;font-size:.82rem;color:#00e5a3;border:1px solid rgba(0,229,163,.2)}.owner-email-cell{color:#d1d5db}.admin-workspaces-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-workspaces-table th{padding:16px 20px;background:#ffffff08;font-weight:600;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.admin-workspaces-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);color:#e5e7eb}.workspace-row{transition:background-color .2s ease}.change-plan-btn{background:linear-gradient(135deg,#00a2e826,#00e5a326);color:#00e5a3;border:1px solid rgba(0,229,163,.3);padding:8px 14px;border-radius:8px;font-size:.83rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center}.change-plan-btn:hover{background:linear-gradient(135deg,#00a2e84d,#00e5a34d);border-color:#00e5a3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00e5a333}.actions-menu-trigger-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d1d5db;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.actions-menu-trigger-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.actions-dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background:#1e2024;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 25px #00000080;z-index:100;min-width:190px;padding:6px;display:flex;flex-direction:column;gap:2px;animation:fadeIn .15s ease-out}.menu-item-btn{background:transparent;border:none;color:#e5e7eb;padding:10px 14px;font-size:.85rem;font-weight:500;text-align:left;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:background .15s ease;width:100%;box-sizing:border-box}.menu-item-btn:hover{background:#ffffff14;color:#fff}.admin-toast{position:fixed;top:20px;right:20px;z-index:2000;padding:12px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #00000080;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#064e3b;color:#a7f3d0;border:1px solid #10b981}.toast-error{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1500;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease-out}.admin-modal-content{background:#18191c;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 40px #0009;overflow:hidden}.admin-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.admin-modal-header h3{margin:0;font-size:1.25rem;color:#fff;display:flex;align-items:center}.close-modal-btn{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;transition:color .2s ease}.close-modal-btn:hover{color:#fff}.admin-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px;color:#d1d5db;font-size:.95rem}.form-group-admin{display:flex;flex-direction:column;gap:8px}.form-group-admin label{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.current-plan-display{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:8px;color:#00e5a3;font-weight:700;font-size:.95rem}.plan-select-dropdown{width:100%;padding:12px 14px;background:#222428;border:1px solid rgba(0,162,232,.4);border-radius:8px;color:#fff;font-size:.95rem;outline:none;cursor:pointer;transition:border-color .2s ease}.plan-select-dropdown:focus{border-color:#00e5a3;box-shadow:0 0 0 3px #00e5a326}.admin-modal-footer{padding:18px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:12px}.cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff1a;color:#fff}.save-plan-btn{background:linear-gradient(135deg,#00a2e8,#00e5a3);border:none;color:#0d1117;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.save-plan-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px #00e5a34d}.save-plan-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-metrics-container{padding:30px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d;color:#f3f4f6;margin-top:20px;animation:fadeIn .4s ease-out;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-metrics-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.admin-metrics-header h2{font-size:1.8rem;font-weight:700;margin:0 0 6px;background:linear-gradient(135deg,#10b981,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-metrics-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.refresh-metrics-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0f;color:#f3f4f6;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease}.refresh-metrics-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.metrics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:35px}.kpi-card{background:#0c0f18b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 24px;display:flex;align-items:flex-start;gap:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 10px 25px #0006}.kpi-icon-wrapper{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.kpi-icon-wrapper.mrr{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.kpi-icon-wrapper.arr{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.kpi-icon-wrapper.ltv{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.kpi-icon-wrapper.arpu{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.kpi-icon-wrapper.total-rev{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.kpi-icon-wrapper.churn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.kpi-content{flex:1}.kpi-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 6px;font-weight:600}.kpi-value{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2}.kpi-subtext{font-size:.78rem;color:#6b7280;margin:0}.metrics-grid-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:35px}@media (max-width: 992px){.metrics-grid-two-cols{grid-template-columns:1fr}}.metrics-section-card{background:#0c0f18b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px}.metrics-section-card h3{font-size:1.15rem;font-weight:700;margin:0 0 20px;color:#fff;display:flex;align-items:center;gap:10px}.plan-breakdown-list{display:flex;flex-direction:column;gap:18px}.plan-item-row{display:flex;flex-direction:column;gap:6px}.plan-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.plan-item-name{font-weight:600;color:#f3f4f6}.plan-item-stats{color:#9ca3af;font-size:.85rem}.plan-item-stats strong{color:#10b981}.plan-progress-bar-bg{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.plan-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:4px;transition:width .5s ease-out}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.provider-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;text-align:center}.provider-name{font-size:.85rem;font-weight:700;color:#9ca3af;text-transform:uppercase;margin-bottom:8px;letter-spacing:.05em}.provider-amount{font-size:1.3rem;font-weight:800;color:#3b82f6}.provider-count{font-size:.78rem;color:#6b7280;margin-top:4px}.recent-transactions-card{background:#0c0f18b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;margin-bottom:20px}.recent-transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recent-transactions-header h3{font-size:1.15rem;font-weight:700;margin:0;color:#fff;display:flex;align-items:center;gap:10px}.admin-metrics-table-wrapper{overflow-x:auto}.admin-metrics-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.admin-metrics-table th{padding:14px 18px;background:#ffffff08;font-weight:600;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.admin-metrics-table td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);color:#e5e7eb}.admin-metrics-table tr:hover td{background:#ffffff05}.status-activo{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-inactivo{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.provider-badge{padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.provider-stripe{background:#635bff26;color:#635bff;border:1px solid rgba(99,91,255,.3)}.provider-paypal{background:#0070ba26;color:#0070ba;border:1px solid rgba(0,112,186,.3)}.metrics-loading-state,.metrics-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.spin-icon{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:12px;color:#10b981}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-catalog-wrapper{background-color:#06080f;color:#f3f4f6;min-height:100vh;padding:40px 20px;font-family:Outfit,sans-serif;position:relative;overflow:hidden;box-sizing:border-box}.public-catalog-glow-1{position:absolute;top:-10%;left:20%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--catalog-accent-rgb, 0, 162, 232),.15),#00a2e800 70%);z-index:1;pointer-events:none;filter:blur(80px)}.public-catalog-glow-2{position:absolute;bottom:10%;right:15%;width:450px;height:450px;background:radial-gradient(circle,#f59e0b14,#f59e0b00 70%);z-index:1;pointer-events:none;filter:blur(80px)}.public-catalog-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.public-catalog-header{margin-bottom:40px;text-align:center}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin:0 auto 30px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.company-logo-container{display:flex;align-items:center;gap:12px}.company-logo-img{height:40px;width:auto;object-fit:contain}.company-name{font-size:1.15rem;font-weight:700;color:var(--catalog-title-color, #ffffff);letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:10px}.social-btn{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box;box-shadow:none!important}.social-btn svg{display:block;flex-shrink:0;transition:transform .2s ease,color .2s ease}.social-btn:hover{background:rgba(var(--catalog-accent-rgb, 0, 162, 232),.15);border-color:rgba(var(--catalog-accent-rgb, 0, 162, 232),.35);color:#fff;transform:translateY(-2px);box-shadow:none!important}.social-btn.instagram:hover svg{color:#e1306c;transform:scale(1.1)}.social-btn.tiktok:hover svg{color:#25f4ee;transform:scale(1.1)}.social-btn.whatsapp:hover svg{color:#25d366;transform:scale(1.1)}.share-btn{background:transparent!important;border:1px solid var(--catalog-accent, #7dd3fc);color:var(--catalog-accent, #7dd3fc);padding:0 16px;border-radius:10px;cursor:pointer;font-size:.88rem;font-family:inherit;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;height:38px;box-sizing:border-box;box-shadow:none!important;text-shadow:none!important;outline:none!important}.share-btn:hover{background:rgba(var(--catalog-accent-rgb, 0, 162, 232),.15)!important;border-color:var(--catalog-accent, #7dd3fc)!important;color:#fff;transform:translateY(-2px);box-shadow:none!important}.share-btn:focus,.share-btn:active{box-shadow:none!important;outline:none!important}.catalog-title{font-size:2.8rem;font-weight:800;margin:20px 0 12px;background:linear-gradient(135deg,var(--catalog-title-color, #ffffff) 30%,var(--catalog-accent, #7dd3fc) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.catalog-meta-info{display:flex;justify-content:center;gap:20px;font-size:.95rem;color:var(--catalog-subtitle-color, #9ca3af)}.meta-item{display:flex;align-items:center}.search-bar-container{position:relative;max-width:600px;margin:0 auto 50px;border-radius:12px;box-shadow:0 10px 30px #00000040;border:1px solid rgba(255,255,255,.08);background-color:#0c0f1899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.search-bar-container:focus-within{border-color:rgba(var(--catalog-accent-rgb, 0, 162, 232),.4);box-shadow:0 0 20px rgba(var(--catalog-accent-rgb, 0, 162, 232),.25)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem}.search-bar-container input{width:100%;padding:16px 20px 16px 54px;border:none;background:transparent;color:#fff;font-family:inherit;font-size:1rem;outline:none;box-sizing:border-box}.search-bar-container input::placeholder{color:#6b7280}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:50px}.no-products-found{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#9ca3af;background:#ffffff03;border:1px dashed rgba(255,255,255,.08);border-radius:12px}.no-products-found span{font-size:3rem;display:block;margin-bottom:15px}.no-products-found p{margin:0;font-size:1.1rem}.product-card{background:#0c0f1873;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-card:hover{transform:translateY(-6px);border-color:rgba(var(--catalog-accent-rgb, 0, 162, 232),.35);box-shadow:0 15px 35px #0006,0 0 20px rgba(var(--catalog-accent-rgb, 0, 162, 232),.2)}.product-image-wrapper{position:relative;padding-top:75%;overflow:hidden;background-color:#0c0f18}.product-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image-wrapper img{transform:scale(1.05)}.stock-warning{position:absolute;top:12px;left:12px;background:#ef4444f2;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.product-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.product-name{font-size:1.15rem;font-weight:700;margin:0 0 8px;color:var(--catalog-title-color, #ffffff)}.product-desc{font-size:.88rem;color:var(--catalog-subtitle-color, #9ca3af);margin:0 0 20px;line-height:1.5;flex-grow:1}.product-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.product-price{font-size:1.4rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.whatsapp-order-btn{background:linear-gradient(135deg,rgba(var(--catalog-accent-rgb, 0, 162, 232),.9),rgba(var(--catalog-accent-rgb, 0, 162, 232),.7));color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 18px;border-radius:10px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.whatsapp-order-btn:hover{background:linear-gradient(135deg,var(--catalog-accent, #00a2e8) 0%,rgba(var(--catalog-accent-rgb, 0, 162, 232),.85) 100%);border-color:#ffffff4d;box-shadow:0 6px 20px rgba(var(--catalog-accent-rgb, 0, 162, 232),.35);transform:translateY(-2px)}.public-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0;border-top:1px solid rgba(255,255,255,.05)}.pagination-btn-arrow{background-color:#ffffff08;color:#d1d5db;border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:inherit;transition:all .2s ease}.pagination-btn-arrow:hover:not(:disabled){background-color:#ffffff14;border-color:#ffffff26;color:#fff}.pagination-btn-arrow:disabled{opacity:.3;cursor:not-allowed}.pagination-pages-list{display:flex;gap:8px}.pagination-page-number{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background-color:#ffffff05;color:#9ca3af;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-page-number:hover{border-color:#ffffff26;color:#fff}.pagination-page-number.active{background:var(--catalog-accent, linear-gradient(135deg, #00e5a3 0%, #00a2e8 100%));color:#fff;border-color:transparent;box-shadow:0 0 15px rgba(var(--catalog-accent-rgb, 0, 162, 232),.35)}@media (max-width: 768px){.public-catalog-wrapper{padding:30px 16px}.header-top-row{flex-direction:column;gap:15px;align-items:center;text-align:center}.header-actions{width:100%;justify-content:center}.catalog-title{font-size:2.2rem}.search-bar-container{margin-bottom:35px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.public-pagination{gap:10px}}.emoji-popover-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:9998}.emoji-picker-popover-card{position:absolute;top:calc(100% + 8px);right:0;width:330px;max-width:90vw;background-color:#0d111d;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 16px 36px #0009,0 0 25px #00a2e826;padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;z-index:9999}.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#06080fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.emoji-picker-container{width:100%;max-width:380px;background-color:#0d111d;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #0009,0 0 30px #00a2e81a;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between}.emoji-picker-header h4{margin:0;font-size:.9rem;font-weight:700;color:#f3f4f6}.emoji-picker-close-btn{background:none;border:none;color:#64748b;font-size:.9rem;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .2s ease}.emoji-picker-close-btn:hover{color:#fff;background-color:#ffffff14}.emoji-picker-search-wrapper{position:relative;width:100%;display:flex;align-items:center}.emoji-search-icon{position:absolute;left:10px;color:#64748b;font-size:.8rem;pointer-events:none}.emoji-search-input{width:100%;padding:7px 10px 7px 30px;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:.82rem;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease}.emoji-search-input:focus{border-color:#00a2e8}.emoji-picker-categories{display:flex;gap:5px;overflow-x:auto;padding-bottom:4px}.emoji-picker-categories::-webkit-scrollbar{height:3px}.emoji-picker-categories::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.emoji-cat-btn{padding:4px 8px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#94a3b8;font-size:.72rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;font-family:inherit}.emoji-cat-btn:hover{color:#fff;background-color:#ffffff14}.emoji-cat-btn.active{background-color:#00a2e826;border-color:#00a2e866;color:#00a2e8;font-weight:600}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-height:125px;overflow-y:auto;padding-right:4px}.emoji-picker-grid::-webkit-scrollbar{width:4px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.emoji-item-btn{aspect-ratio:1;background:#ffffff05;border:1px solid transparent;border-radius:8px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;padding:0}.emoji-item-btn:hover{transform:scale(1.18);background-color:#ffffff14;border-color:#00a2e84d}.emoji-empty-state{grid-column:span 6;text-align:center;padding:24px 10px;color:#64748b;font-size:.82rem;margin:0}.biolink-builder-wrapper{display:flex;flex-direction:column;min-height:calc(100vh - 80px);background-color:var(--bg-dashboard);color:var(--text-main);box-sizing:border-box;padding-bottom:40px}.builder-header-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:15px;flex-shrink:0}.builder-header-bar h2{margin:0 0 4px;font-size:1.4rem;font-weight:800;color:var(--text-bright)}.builder-header-bar p{margin:0;font-size:.85rem;color:var(--text-muted)}.builder-header-actions{display:flex;gap:12px}.builder-content-container{display:grid;grid-template-columns:1fr 440px;gap:25px;flex-grow:1;align-items:start}.builder-tab-nav{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px;background:none;padding:0;border-radius:0;flex-shrink:0}.builder-tab-btn{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);font-family:inherit;margin-bottom:-1px}.builder-tab-btn:hover{color:#f3f4f6;background:none}.builder-tab-btn.active{background:none;color:#f3f4f6;border-bottom-color:var(--primary-accent);font-weight:600;box-shadow:none}.builder-tab-btn .tab-icon{color:#64748b;transition:color var(--transition-fast)}.builder-tab-btn.active .tab-icon{color:var(--primary-accent)}.builder-form-panel{display:flex;flex-direction:column;gap:20px}.form-section-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.form-section-card h3{margin:0 0 20px;font-size:1.15rem;font-weight:700;color:var(--text-bright);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.form-group-builder{margin-bottom:18px}.form-group-builder label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-group-builder input{width:100%;padding:10px 14px;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:8px;color:var(--text-bright);font-family:inherit;font-size:.95rem;outline:none;box-sizing:border-box;transition:all var(--transition-fast)}.form-group-builder input:focus{border-color:var(--primary-accent);background-color:#ffffff0d;box-shadow:var(--glow-shadow)}.upload-icon-btn{background-color:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main);width:44px;height:41px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.upload-icon-btn:hover{background-color:#00a2e81f;border-color:var(--primary-accent);color:var(--text-bright)}.tiptap-editor-container{border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff03;overflow:hidden;display:flex;flex-direction:column}.tiptap-toolbar{display:flex;gap:6px;padding:8px 12px;background-color:#ffffff08;border-bottom:1px solid var(--border-color)}.tiptap-toolbar button{background:none;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tiptap-toolbar button:hover{background-color:#ffffff0f;color:var(--text-bright)}.tiptap-toolbar button.is-active{background-color:var(--primary-accent);color:#fff}.tiptap-editor-content{padding:14px;min-height:100px;max-height:200px;overflow-y:auto;color:var(--text-bright);outline:none;font-size:.95rem}.tiptap-editor-content p{margin:0 0 10px}.tiptap-editor-content ul,.tiptap-editor-content ol{padding-left:20px;margin:0 0 10px}.custom-link-builder-row{background-color:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:16px;transition:border-color var(--transition-fast)}.custom-link-builder-row:hover{border-color:#ffffff14}.delete-icon-btn{background-color:#ef44440f;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:44px;height:41px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.delete-icon-btn:hover{background-color:#ef4444;color:#fff;border-color:transparent}.builder-preview-panel{display:flex;justify-content:center;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;height:100%;box-sizing:border-box;overflow:auto}.phone-mockup-frame{width:340px;height:min(650px,calc(100% - 10px));max-height:660px;min-height:460px;border-radius:40px;border:10px solid #2d3748;background-color:#06080f;box-shadow:0 20px 40px -10px #000000b3;position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;margin:auto}.phone-notch{width:120px;height:16px;background-color:#2d3748;border-bottom-left-radius:12px;border-bottom-right-radius:12px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10}.phone-screen-content{width:100%;height:100%;padding:24px 12px 12px;box-sizing:border-box;position:relative}.phone-scroll-area{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-right:4px;padding-top:6px;padding-bottom:75px;box-sizing:border-box}.phone-scroll-area::-webkit-scrollbar{width:5px}.phone-scroll-area::-webkit-scrollbar-track{background:transparent}.phone-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:4px}.phone-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.preview-avatar-wrapper{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--primary-accent);margin-top:15px;margin-bottom:10px;box-shadow:var(--glow-shadow);flex-shrink:0}.preview-avatar-img{width:100%;height:100%;object-fit:cover}.preview-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.preview-description{font-size:.8rem;color:#9ca3af;text-align:left;margin-bottom:16px;line-height:1.4;width:100%;box-sizing:border-box}.preview-description p{margin:0 0 6px}.preview-description ul,.preview-description ol,.tiptap-rendered-content ul,.tiptap-rendered-content ol{text-align:left;padding-left:20px;margin:0 0 10px;box-sizing:border-box}.preview-description li,.tiptap-rendered-content li{text-align:left;margin-bottom:4px}.preview-socials-row{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.preview-social-btn{width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.85rem;color:#9ca3af;transition:all .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.preview-social-btn svg{display:block;color:#9ca3af;transition:transform .2s ease,color .2s ease}.preview-social-btn:hover{background:#ffffff14;border-color:#ffffff59;transform:translateY(-2px)}.preview-social-btn.instagram-preview:hover svg{color:#e1306c;transform:scale(1.1)}.preview-social-btn.tiktok-preview:hover svg{color:#25f4ee;transform:scale(1.1)}.preview-social-btn.whatsapp-preview:hover svg{color:#25d366;transform:scale(1.1)}.preview-social-btn.facebook-preview:hover svg{color:#1877f2;transform:scale(1.1)}.preview-social-btn.youtube-preview:hover svg{color:red;transform:scale(1.1)}.preview-social-btn.linkedin-preview:hover svg{color:#0a66c2;transform:scale(1.1)}.preview-social-btn.x-preview:hover svg{color:#fff;transform:scale(1.1)}.preview-links-container{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.preview-link-card{width:100%;padding:11px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;text-decoration:none;box-sizing:border-box;transition:all var(--transition-fast)}.preview-link-card:hover{background:#ffffff14;border-color:#00a2e859;transform:translateY(-1px)}.link-card-emoji{font-size:1.1rem;margin-right:12px}.link-card-label{font-size:.82rem;font-weight:600;color:#fff}.preview-video-container{width:100%;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);margin-top:10px;margin-bottom:25px;flex-shrink:0}@media (max-width: 992px){.builder-content-container{grid-template-columns:1fr}.builder-preview-panel{display:none}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:34px;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-muted, #94a3b8);border-radius:50%;transition:.4s}.switch input:checked+.slider{background-color:#00a2e833;border-color:var(--primary-accent, #00a2e8)}.switch input:checked+.slider:before{background-color:var(--primary-accent, #00a2e8);transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.public-biolink-wrapper{background-color:#06080f;color:#f3f4f6;min-height:100vh;padding:60px 20px;font-family:Outfit,sans-serif;position:relative;overflow:hidden;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.public-biolink-glow-1{position:absolute;top:-10%;left:20%;width:500px;height:500px;background:radial-gradient(circle,#00a2e81f,#00a2e800 70%);z-index:1;pointer-events:none;filter:blur(80px)}.public-biolink-glow-2{position:absolute;bottom:10%;right:15%;width:450px;height:450px;background:radial-gradient(circle,#f43f5e0f,#f43f5e00 70%);z-index:1;pointer-events:none;filter:blur(80px)}.public-biolink-container{width:100%;max-width:580px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.biolink-avatar-container{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,162,232,.5);box-shadow:0 0 25px #00a2e840;margin-bottom:20px}.biolink-avatar-img{width:100%;height:100%;object-fit:cover}.biolink-title-text{font-size:1.8rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#fff,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.biolink-description-text{font-size:.95rem;color:#9ca3af;text-align:left;line-height:1.6;margin-bottom:30px;width:100%;max-width:480px;box-sizing:border-box}.biolink-description-text p{margin:0 0 10px}.biolink-description-text ul,.biolink-description-text ol{padding-left:20px;margin:0 0 10px;text-align:left}.biolink-description-text li{text-align:left;margin-bottom:4px}.biolink-socials-row-public{display:flex;justify-content:center;gap:16px;margin-bottom:35px}.social-icon-public{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;box-sizing:border-box}.social-icon-public svg{display:block;flex-shrink:0;transition:transform .2s ease,color .2s ease}.social-icon-public:hover{background:#ffffff14;border-color:#ffffff59;color:#fff;transform:translateY(-2px)}.social-icon-public.instagram-color:hover svg{color:#e1306c;transform:scale(1.1)}.social-icon-public.tiktok-color:hover svg{color:#25f4ee;transform:scale(1.1)}.social-icon-public.whatsapp-color:hover svg{color:#25d366;transform:scale(1.1)}.social-icon-public.facebook-color:hover svg{color:#1877f2;transform:scale(1.1)}.social-icon-public.youtube-color:hover svg{color:red;transform:scale(1.1)}.social-icon-public.linkedin-color:hover svg{color:#0a66c2;transform:scale(1.1)}.social-icon-public.x-color:hover svg{color:#fff;transform:scale(1.1)}.biolink-buttons-list-public{width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.public-biolink-button-card{width:100%;padding:16px 24px;background:#0c0f188c;border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;align-items:center;text-decoration:none;box-sizing:border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.public-biolink-button-card:hover{background:#ffffff0a;border-color:#00a2e873;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d,0 0 20px #00a2e814}.btn-card-emoji-public{font-size:1.3rem;margin-right:18px}.btn-card-label-public{font-size:1rem;font-weight:600;color:#fff;letter-spacing:-.01em}.biolink-video-public-container{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 15px 35px #0006}.biolink-video-public-container iframe{display:block}@media (max-width: 580px){.public-biolink-wrapper{padding:40px 16px}.biolink-avatar-container{width:80px;height:80px}.biolink-title-text{font-size:1.5rem}.public-biolink-button-card{padding:14px 20px}}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}}.landings-table-section{background-color:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px;border-radius:12px;box-shadow:var(--card-shadow);transition:border-color var(--transition-normal)}.landings-table-section:hover{border-color:var(--border-color-hover)}.table-filters{display:flex;margin-bottom:20px}.table-filters .filter-input{max-width:320px;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff05;color:var(--text-bright);outline:none;font-family:inherit;font-size:.9rem;transition:all var(--transition-fast)}.table-filters .filter-input:focus{border-color:var(--primary-accent);background-color:#ffffff0d;box-shadow:var(--glow-shadow)}.landings-table{width:100%;border-collapse:collapse;margin-bottom:20px}.landings-table th,.landings-table td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-main);font-size:.95rem}.landings-table th{background-color:#ffffff05;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.landings-table tbody tr{transition:var(--transition-fast)}.landings-table tbody tr:hover{background-color:#ffffff05}.status-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.status-badge.status-activo{background-color:var(--status-active-glow);color:var(--status-active);border:1px solid rgba(16,185,129,.3)}.status-badge.status-inactivo{background-color:var(--status-inactive-glow);color:var(--status-inactive);border:1px solid rgba(244,63,94,.3)}.table-actions button{background:#ffffff0a;border:1px solid var(--border-color);font-size:1rem;cursor:pointer;margin-right:8px;padding:6px 10px;border-radius:6px;color:var(--text-main);transition:var(--transition-fast)}.table-actions button:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright);transform:translateY(-1px)}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 20px;border-top:1px solid var(--border-color);background-color:#ffffff03;border-radius:8px}.rows-per-page{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-muted)}.rows-per-page select{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:#ffffff08;color:var(--text-bright);font-size:.9rem;outline:none;font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast)}.rows-per-page select:focus{border-color:var(--primary-accent)}.rows-per-page select option{background-color:var(--bg-dashboard);color:var(--text-bright)}.page-navigation{display:flex;gap:6px}.pagination-button{background-color:#ffffff08;color:var(--text-main);border:1px solid var(--border-color);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:40px;box-sizing:border-box;text-align:center;font-family:inherit;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background-color:#ffffff14;border-color:var(--border-color-hover);color:var(--text-bright);transform:translateY(-1px)}.pagination-button.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:var(--glow-shadow);font-weight:600}.pagination-button:disabled{cursor:not-allowed;opacity:.35;background-color:#ffffff03;color:var(--text-muted);border-color:var(--border-color);transform:none}.table-container{width:100%;overflow:visible;margin-bottom:20px}@media (max-width: 768px){.table-container{overflow-x:auto}}@media (max-width: 768px){.landings-table-section{padding:16px}.table-header-container{flex-direction:column;align-items:stretch!important;gap:12px}.table-header-container button{width:100%!important}.pagination-controls{flex-direction:column;gap:16px;align-items:center;text-align:center}.landings-table th,.landings-table td{padding:12px 10px;font-size:.85rem}}.actions-dropdown-trigger{background:#ffffff0a;border:1px solid var(--border-color);font-size:1rem;cursor:pointer;padding:6px 12px;border-radius:6px;color:var(--text-main);transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.actions-dropdown-trigger:hover{background-color:#ffffff1a;border-color:var(--border-color-hover);color:var(--text-bright)}.actions-dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background-color:#0c0f1d;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 10px 25px -5px #000000b3,0 8px 10px -6px #00000080;z-index:1000;min-width:140px;display:flex;flex-direction:column;padding:6px}.actions-dropdown-menu button{background:none!important;border:none!important;color:var(--text-main)!important;padding:8px 12px!important;font-size:.85rem!important;text-align:left!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:6px!important;cursor:pointer!important;transition:background-color var(--transition-fast)!important;margin:0!important;box-shadow:none!important;transform:none!important}.actions-dropdown-menu button:hover{background-color:#ffffff0f!important;color:var(--text-bright)!important}.actions-dropdown-menu button.delete-action{color:#ef4444!important}.actions-dropdown-menu button.delete-action:hover{background-color:#ef44441a!important;color:#f87171!important}.public-webform-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#06080f;box-sizing:border-box;font-family:Outfit,sans-serif;color:var(--text-bright)}.public-webform-card{width:100%;max-width:560px;background:#0c0f18bf;border:1px solid var(--border-color);border-radius:16px;padding:40px 32px;box-shadow:0 20px 50px #00000080,0 0 25px #00a2e81a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-sizing:border-box}.webform-header{margin-bottom:28px;text-align:left}.webform-header h1{font-size:1.8rem;font-weight:800;color:var(--text-bright);margin:0 0 10px;letter-spacing:-.01em}.webform-header p{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin:0}.public-webform-body{display:flex;flex-direction:column;gap:20px;text-align:left}.webform-field-group{display:flex;flex-direction:column;gap:8px}.webform-field-group label{font-size:.88rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.required-star{color:#ef4444}.webform-field-group input[type=text],.webform-field-group input[type=email],.webform-field-group input[type=tel],.webform-field-group input[type=number],.webform-field-group input[type=date],.webform-field-group textarea,.webform-field-group select{width:100%;padding:12px 14px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-bright);font-size:.95rem;outline:none;font-family:inherit;box-sizing:border-box;transition:all var(--transition-fast)}.webform-field-group select{cursor:pointer}.webform-field-group select option{background-color:#0c0f18;color:var(--text-bright)}.webform-field-group input:focus,.webform-field-group textarea:focus,.webform-field-group select:focus{border-color:var(--primary-accent);background-color:#ffffff0d;box-shadow:0 0 10px #00a2e833}.checkbox-field-wrapper{display:flex;align-items:center;gap:10px;margin-top:4px}.checkbox-field-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-accent);cursor:pointer}.checkbox-label-text{font-size:.9rem;color:var(--text-muted)}.submit-webform-btn{width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center}.webform-footer-badge{margin-top:25px;font-size:.8rem;color:var(--text-muted);opacity:.7;display:flex;align-items:center;justify-content:center}.success-state{text-align:center;padding:20px 0}.success-icon{font-size:3.5rem;color:#10b981;margin-bottom:16px}.success-state h2{font-size:1.7rem;font-weight:800;margin:0 0 10px}.success-state p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.error-alert{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.9rem;margin-bottom:20px}.public-webform-container.full-width{width:100%;padding-left:0;padding-right:0}.public-webform-card.full-width{max-width:100%!important;width:100%!important;border-radius:0}.public-nfc-page-wrapper{background-color:#06080f;color:#f3f4f6;min-height:100vh;padding:60px 20px;font-family:Outfit,sans-serif;position:relative;overflow:hidden;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.public-nfc-card-container{width:100%;max-width:580px;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000080;position:relative;margin:0 auto}.public-nfc-top-actions{position:absolute;top:16px;right:16px;z-index:20}.nfc-icon-circle-btn{width:40px;height:40px;border-radius:50%;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.nfc-icon-circle-btn:hover{background:#2563ebe6;transform:scale(1.05)}.public-nfc-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0f19;color:#94a3b8;gap:16px}.nfc-spinner{width:44px;height:44px;border:4px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:nfc-spin .8s linear infinite}@keyframes nfc-spin{to{transform:rotate(360deg)}}.profile-header-public{position:relative;text-align:center;background:linear-gradient(180deg,#1e293b,#0f172a);padding-bottom:24px}.public-cover-image{width:100%;height:160px;overflow:hidden;position:relative}.public-cover-image img{width:100%;height:100%;object-fit:cover}.public-header-body{padding:0 20px;margin-top:-50px;position:relative;z-index:2}.public-avatar-wrapper{width:100px;height:100px;border-radius:50%;margin:0 auto 14px;border:4px solid #0f172a;overflow:hidden;box-shadow:0 8px 24px #0006;background:#1e293b}.public-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.public-profile-name{font-size:1.5rem;font-weight:800;margin:0 0 4px;color:#fff}.public-profile-job{font-size:.95rem;color:#38bdf8;margin:0 0 4px;font-weight:600}.public-profile-company{font-size:.85rem;color:#94a3b8;margin:0}.quick-actions-public{padding:16px 20px}.public-quick-actions-grid{display:flex;flex-direction:column;gap:10px}.vcard-save-btn{width:100%;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 16px #2563eb59;transition:all .2s ease}.vcard-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.quick-action-pill{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease}.quick-action-pill:hover{background:#2563eb33;border-color:#38bdf866;color:#38bdf8;transform:translate(4px)}.action-pill-icon{font-size:1.1rem;color:#38bdf8}.bio-public{padding:16px 20px;background:#0f172a99;border-top:1px solid rgba(255,255,255,.06)}.public-bio-content p{margin:0;font-size:.92rem;line-height:1.6;color:#cbd5e1;text-align:center}.carousel-public{padding:20px;border-top:1px solid rgba(255,255,255,.06)}.public-block-title p,.public-block-title h3{margin:0 0 14px;font-size:1.1rem;font-weight:700;color:#fff}.public-carousel-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.public-slide-card{min-width:220px;max-width:240px;background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;flex-shrink:0}.public-slide-card img{width:100%;height:120px;object-fit:cover}.slide-card-body{padding:12px}.slide-card-body h4{margin:0 0 4px;font-size:.95rem;color:#fff}.slide-card-body p{margin:0;font-size:.8rem;color:#94a3b8}.catalog-public{padding:20px;border-top:1px solid rgba(255,255,255,.06)}.public-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.public-product-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.public-product-card img{width:100%;height:110px;object-fit:cover}.product-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.product-card-info h5{margin:0;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:.85rem;font-weight:700;color:#10b981}.full-catalog-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#2563eb26;border:1px solid rgba(56,189,248,.3);border-radius:12px;color:#38bdf8;text-decoration:none;font-weight:600;font-size:.88rem}.landing-redirect-public{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}.landing-redirect-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2563eb33,#1e293bcc);border:1px solid rgba(56,189,248,.3);border-radius:14px;color:#fff;text-decoration:none;transition:all .2s ease}.landing-redirect-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.landing-redirect-card h4{margin:0 0 2px;font-size:1rem;color:#38bdf8}.landing-redirect-card p{margin:0;font-size:.8rem;color:#94a3b8}.social-footer-public{padding:24px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:#0a0f1ae6}.public-social-icons{display:flex;justify-content:center;gap:14px;margin-bottom:14px}.social-icon-btn{width:42px;height:42px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;text-decoration:none;transition:all .2s ease}.social-icon-btn:hover{background:#2563eb;color:#fff;border-color:#38bdf8;transform:translateY(-3px)}.public-copyright{margin:0;font-size:.78rem;color:#64748b}.public-nfc-glow-1{position:absolute;top:-10%;left:20%;width:550px;height:550px;background:radial-gradient(circle,#2563eb26,#2563eb00 70%);z-index:1;pointer-events:none;filter:blur(90px)}.public-nfc-glow-2{position:absolute;bottom:10%;right:15%;width:500px;height:500px;background:radial-gradient(circle,#38bdf81a,#38bdf800 70%);z-index:1;pointer-events:none;filter:blur(90px)}@media (min-width: 768px){.public-nfc-card-container{max-width:820px;border-radius:28px}.public-cover-image{height:220px}.public-header-body{padding:0 32px;margin-top:-60px}.public-avatar-wrapper{width:120px;height:120px;margin-bottom:16px}.public-profile-name{font-size:2rem}.public-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.vcard-save-btn{grid-column:1 / -1}.public-products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.contacts-container{width:100%;max-width:1400px;margin:0 auto;padding:24px;box-sizing:border-box}.contacts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.contacts-header-title h2{margin:0;font-size:1.8rem;font-weight:800;color:var(--text-bright, #ffffff)}.contacts-header-title p{margin:6px 0 0;color:var(--text-muted, #94a3b8);font-size:.9rem}.contacts-header-actions{display:flex;gap:12px;align-items:center}.btn-secondary-contacts{background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--text-bright, #ffffff);padding:10px 16px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast, .2s)}.btn-secondary-contacts:hover{background:#ffffff1a;border-color:#fff3}.btn-primary-contacts{background:var(--primary-gradient, linear-gradient(135deg, #00a2e8, #0066cc));color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:var(--glow-shadow, 0 4px 14px rgba(0, 162, 232, .3));transition:all var(--transition-fast, .2s)}.btn-primary-contacts:hover{opacity:.95;transform:translateY(-1px)}.contacts-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.contacts-kpi-card{background:#ffffff05;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.contacts-kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.kpi-icon-blue{background:#00a2e81f;color:#00a2e8;border:1px solid rgba(0,162,232,.2)}.kpi-icon-green{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.2)}.kpi-icon-purple{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.kpi-icon-orange{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.contacts-kpi-info h4{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8);font-weight:600}.contacts-kpi-value{font-size:1.5rem;font-weight:800;color:var(--text-bright, #ffffff);margin-top:4px}.contacts-controls-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}.contacts-search-box{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;padding:8px 14px;gap:10px;flex-grow:1;max-width:400px}.contacts-search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;font-size:.9rem}.contacts-filter-box select{background:#ffffff08;border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:#fff;padding:10px 14px;border-radius:8px;font-size:.88rem;outline:none;cursor:pointer}.contacts-table-wrapper{background:#ffffff04;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden}.contacts-table{width:100%;border-collapse:collapse;text-align:left}.contacts-table th{background:#ffffff08;color:var(--text-muted, #94a3b8);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.06)}.contacts-table td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-bright, #ffffff);font-size:.9rem;vertical-align:middle}.contacts-table tr:hover td{background:#ffffff05}.contact-user-info{display:flex;align-items:center;gap:12px}.contact-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;text-transform:uppercase;flex-shrink:0}.contact-name{font-weight:600;color:#fff}.contact-email{font-size:.8rem;color:var(--text-muted, #94a3b8)}.source-tag{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:600;display:inline-block;text-transform:capitalize}.source-webform{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.source-biolink{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.source-landing{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.source-manual{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.action-menu-btn{background:transparent;border:none;color:#94a3b8;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .2s}.action-menu-btn:hover{background:#ffffff14;color:#fff}.contact-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.contact-modal-card{background:#0d1527;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;padding:24px;box-sizing:border-box;box-shadow:0 20px 40px #0009}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.contact-modal-header h3{margin:0;font-size:1.2rem;color:#fff}.modal-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.4rem;cursor:pointer}.contact-form-group{margin-bottom:16px}.contact-form-group label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:6px;font-weight:500}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.9rem;box-sizing:border-box;outline:none}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:#00a2e8}.contact-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.actions-dropdown-container{position:relative;display:inline-block}.actions-dropdown-trigger{background:#ffffff0a;border:1px solid var(--border-color, rgba(255, 255, 255, .1));font-size:1rem;cursor:pointer;padding:6px 12px;border-radius:6px;color:var(--text-main, #cbd5e1);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.actions-dropdown-trigger:hover{background-color:#ffffff1a;border-color:#fff3;color:#fff}.actions-dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background-color:#0c0f18;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 25px -5px #000000b3,0 8px 10px -6px #00000080;z-index:100;display:flex;flex-direction:column;min-width:170px;padding:6px}.actions-dropdown-menu button{background:none;border:none;color:#cbd5e1;padding:9px 12px;text-align:left;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:6px;transition:all .15s ease}.actions-dropdown-menu button:hover{background-color:#ffffff14;color:#fff}.actions-dropdown-menu button.delete-item{color:#ef4444}.actions-dropdown-menu button.delete-item:hover{background-color:#ef444426;color:#f87171}.status-badge{font-size:.75rem;font-weight:600;border-radius:12px;padding:4px 10px;display:inline-block}.status-badge.status-activo{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.status-inactivo{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.table-row-hover:hover{background-color:#ffffff05!important}.smart-nfc-container{display:flex;flex-direction:column;min-height:calc(100vh - 80px);background-color:var(--bg-dashboard);color:var(--text-main);box-sizing:border-box;padding-bottom:40px;width:100%}.smart-nfc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap;gap:15px}.smart-nfc-badge{display:inline-flex;align-items:center;gap:8px;background:#2563eb26;color:#38bdf8;border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:4px 14px;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.smart-nfc-header-title h1{font-size:2rem;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.smart-nfc-header-title p{color:var(--text-muted, #94a3b8);margin:0;font-size:.95rem}.smart-nfc-header-actions{display:flex;align-items:center;gap:12px}.smart-nfc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.smart-nfc-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59}.smart-nfc-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb80}.smart-nfc-btn.secondary{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.smart-nfc-btn.secondary:hover{background:#ffffff17;border-color:#fff3}.smart-nfc-meta-bar{background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.meta-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.meta-field label{font-size:.8rem;font-weight:600;color:#94a3b8}.smart-nfc-input,.smart-nfc-textarea{background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 14px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s ease;width:100%;box-sizing:border-box}.smart-nfc-input:focus,.smart-nfc-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.slug-input-wrapper{display:flex;align-items:center;background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden}.slug-prefix{padding:0 10px;font-size:.82rem;color:#64748b;background:#ffffff08;border-right:1px solid rgba(255,255,255,.08);line-height:38px;white-space:nowrap}.smart-nfc-input.slug{border:none;border-radius:0;background:transparent}.view-toggle-tabs{display:flex;background:#0000004d;padding:4px;border-radius:10px;gap:4px}.tab-btn{background:transparent;border:none;color:#94a3b8;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-btn.active{background:#2563eb40;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.smart-nfc-workspace{display:grid;gap:25px;align-items:start;transition:all .3s ease}.smart-nfc-workspace.mode-split{grid-template-columns:1fr 440px}.smart-nfc-workspace.mode-split .smart-nfc-panel.left,.smart-nfc-workspace.mode-split .smart-nfc-panel.right{display:flex;flex-direction:column}.smart-nfc-workspace.mode-editor{grid-template-columns:1fr}.smart-nfc-workspace.mode-editor .smart-nfc-panel.left{display:flex}.smart-nfc-workspace.mode-editor .smart-nfc-panel.right{display:none!important}.smart-nfc-workspace.mode-preview{grid-template-columns:1fr}.smart-nfc-workspace.mode-preview .smart-nfc-panel.left{display:none!important}.smart-nfc-workspace.mode-preview .smart-nfc-panel.right{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1024px){.smart-nfc-workspace.mode-split{grid-template-columns:1fr}}.smart-nfc-panel.left{display:flex;flex-direction:column;gap:20px}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px}.add-block-btn{background:#2563eb26;color:#38bdf8;border:1px dashed rgba(56,189,248,.4);padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-block-btn:hover{background:#2563eb4d;border-color:#38bdf8}.drag-hint{font-size:.82rem;color:#64748b;margin:-10px 0 0;display:flex;align-items:center;gap:6px}.empty-blocks-state{background:#0f172a66;border:2px dashed rgba(255,255,255,.1);border-radius:14px;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:#94a3b8}.blocks-drag-list{display:flex;flex-direction:column;gap:10px}.draggable-block-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-block-card:hover{background:#1e293bcc;border-color:#fff3}.draggable-block-card.selected{border-color:#2563eb;background:#2563eb1f;box-shadow:0 0 0 1px #2563eb}.draggable-block-card.dragging{opacity:.4;border-style:dashed}.draggable-block-card.drag-over{border-top:2px solid #38bdf8;background:#38bdf81a}.drag-handle{color:#64748b;cursor:grab;padding:4px 6px;border-radius:4px;transition:color .2s}.drag-handle:hover{color:#38bdf8}.block-card-info{flex:1}.block-type-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#38bdf8;font-weight:700}.block-card-info h4{margin:2px 0 0;font-size:.95rem;font-weight:600;color:#fff}.block-card-actions{display:flex;align-items:center;gap:6px}.icon-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s ease}.icon-action-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.icon-action-btn.delete:hover:not(:disabled){background:#ef444433;color:#ef4444;border-color:#ef444466}.icon-action-btn:disabled{opacity:.3;cursor:not-allowed}.smart-nfc-panel.right{display:flex;flex-direction:column;gap:16px}.right-panel-header-tabs{display:flex;background:#0f172acc;border:1px solid rgba(255,255,255,.1);padding:4px;border-radius:12px;gap:6px;width:100%;box-sizing:border-box}.right-tab-btn{flex:1;background:transparent;border:none;color:#94a3b8;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-tab-btn.active{background:#2563eb40;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.icon-action-btn.edit{color:#38bdf8}.icon-action-btn.edit:hover{background:#2563eb33;border-color:#38bdf8}.block-properties-editor{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;margin-top:0}.prop-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.prop-editor-header h4{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.prop-type-badge{font-size:.72rem;background:#2563eb33;color:#38bdf8;padding:2px 8px;border-radius:6px}.prop-fields-container{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.82rem;color:#cbd5e1;font-weight:600}.info-subtext{font-size:.82rem;color:#64748b;margin:4px 0 0}.smart-nfc-panel.right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;position:sticky;top:24px;background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;box-sizing:border-box;width:100%}.phone-preview-wrapper{width:340px;height:640px;max-height:660px;background:#090d16;border:10px solid #1e293b;border-radius:44px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:0 auto}.phone-preview-header{height:28px;background:#090d16;display:flex;justify-content:center;align-items:center;gap:10px;position:relative;z-index:10}.phone-speaker{width:50px;height:4px;background:#334155;border-radius:4px}.phone-camera{width:8px;height:8px;background:#1e293b;border-radius:50%}.phone-screen{flex:1;overflow-y:auto;background:#0f172a}.phone-empty-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;color:#64748b;gap:12px}.phone-nfc-page{display:flex;flex-direction:column}.nfc-render-block{padding:16px;box-sizing:border-box}.profile-header-render{text-align:center;position:relative;padding-bottom:20px}.render-cover{height:80px;margin:-16px -16px 0;overflow:hidden}.render-cover img{width:100%;height:100%;object-fit:cover}.render-avatar-wrapper{margin-top:-35px;margin-bottom:10px}.render-avatar{width:70px;height:70px;border-radius:50%;border:3px solid #0f172a;object-fit:cover}.render-fullname{font-size:1.1rem;margin:0;color:#fff;font-weight:700}.render-job{font-size:.8rem;color:#38bdf8;margin:2px 0 0}.render-company{font-size:.75rem;color:#94a3b8}.render-bio-html{font-size:.78rem;color:#cbd5e1;margin-top:8px}.render-save-vcard-btn{margin-top:12px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:600;width:100%;cursor:pointer}.render-block-title{margin:0 0 10px;font-size:.9rem;color:#fff}.render-carousel-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.render-slide-card{min-width:140px;background:#1e293b;border-radius:10px;overflow:hidden}.render-slide-card img{width:100%;height:70px;object-fit:cover}.slide-card-info{padding:8px}.slide-card-info h5{margin:0;font-size:.78rem;color:#fff}.slide-card-info p{margin:2px 0 0;font-size:.68rem;color:#94a3b8}.render-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.render-catalog-card{background:#1e293b;border-radius:8px;overflow:hidden;text-align:center;padding-bottom:6px}.render-catalog-card img{width:100%;height:60px;object-fit:cover}.render-catalog-card span{font-size:.72rem;color:#fff}.render-secondary-btn{background:#ffffff1a;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.75rem;width:100%}.landing-redirect-render{background:#1e293b;margin:10px;border-radius:12px;text-align:center}.landing-badge{font-size:.65rem;color:#38bdf8;font-weight:700}.render-primary-btn{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:600;margin-top:8px;width:100%}.quick-actions-row{display:flex;gap:6px;flex-wrap:wrap}.quick-action-pill{background:#38bdf826;color:#38bdf8;padding:6px 10px;border-radius:16px;font-size:.72rem;font-weight:600}.footer-render{background:#090d16;text-align:center;font-size:.72rem;color:#64748b;border-top:1px solid rgba(255,255,255,.05)}.generic-render{background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px;margin:6px}.phone-preview-footer{height:20px;background:#090d16;display:flex;justify-content:center;align-items:center}.phone-home-indicator{width:100px;height:4px;background:#334155;border-radius:2px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99999;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.add-block-modal{background:#0c0f18;border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{margin:0;font-size:1.3rem;color:#fff}.modal-header p{margin:4px 0 0;font-size:.85rem;color:#94a3b8}.modal-header code{color:#38bdf8;background:#38bdf81a;padding:2px 6px;border-radius:4px}.modal-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:4px}.modal-close-btn:hover{color:#fff}.modal-body{padding:24px;overflow-y:auto}.modal-loading-state{text-align:center;padding:40px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.available-blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.available-block-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.available-block-card:hover{background:#2563eb26;border-color:#38bdf8;transform:translateY(-2px)}.available-block-header{display:flex;justify-content:space-between;align-items:center}.block-type-badge{font-size:.7rem;text-transform:uppercase;background:#38bdf826;color:#38bdf8;padding:2px 8px;border-radius:10px;font-weight:700}.add-icon{color:#38bdf8;font-size:.85rem}.available-block-card h4{margin:0;font-size:1rem;color:#fff;font-weight:700}.slug-name-code{font-size:.75rem;font-family:monospace;color:#64748b;margin:0}
