:root{--bg:#f8fafc;--bg-gradient:radial-gradient(circle at 50% 0%, #6366f114 0%, transparent 60%), radial-gradient(circle at 85% 30%, #8b5cf60d 0%, transparent 50%), radial-gradient(circle at 15% 70%, #06b6d40a 0%, transparent 50%);--surface:#fff;--surface-container:#f1f5f9;--surface-card:#ffffffe0;--surface-glass:#ffffffb8;--surface-high:#e2e8f0;--surface-low:#f8fafc;--primary:#6366f1;--primary-hover:#4f46e5;--primary-container:#818cf8;--primary-light:#eef2ff;--primary-glow:#6366f159;--on-primary:#fff;--on-primary-container:#312e81;--secondary:#0ea5e9;--secondary-container:#e0f2fe;--tertiary:#10b981;--tertiary-container:#d1fae5;--accent-purple:#a855f7;--accent-pink:#ec4899;--on-surface:#0f172a;--on-surface-variant:#64748b;--on-surface-muted:#94a3b8;--outline:#cbd5e1;--outline-variant:#e2e8f0;--border-subtle:#0f172a14;--border-highlight:#6366f14d;--error:#ef4444;--error-bg:#fef2f2;--error-text:#b91c1c;--success:#10b981;--success-bg:#ecfdf5;--success-text:#047857;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-text:#b45309;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 10px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 30px -4px #0f172a1a, 0 4px 8px -4px #0f172a0a;--shadow-xl:0 24px 48px -8px #0f172a1f, 0 8px 16px -6px #0f172a0a;--shadow-card:0 0 0 1px #0f172a0f, 0 2px 10px -2px #0f172a0d;--shadow-card-hover:0 0 0 1px #6366f159, 0 16px 36px -6px #0f172a1f;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-surface:linear-gradient(180deg, #fffffff2 0%, #ffffffbf 100%);--glow-primary:0 0 28px #6366f159;--glow-subtle:0 0 45px #6366f11f;--transition:.22s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--font-body:"Manrope", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace, ui-monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-body);background-color:var(--bg);background-image:var(--bg-gradient);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:15px;line-height:1.6}.p-icon{vertical-align:middle;transition:transform var(--transition), color var(--transition);flex-shrink:0;display:inline-block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:800;line-height:1.25}input,textarea,button,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:background var(--transition);background:#94a3b840;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.mi{font-variation-settings:"FILL" 0, "wght" 400;vertical-align:middle;line-height:1}.mf{font-variation-settings:"FILL" 1, "wght" 400;vertical-align:middle;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sweepLogo{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseGlow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes shimmerEffect{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes borderBeamGlow{0%,to{opacity:.5}50%{opacity:1}}.animate-fade{animation:.3s fadeIn}.animate-slide-up{animation:.35s cubic-bezier(.16,1,.3,1) slideUp}.animate-stagger{animation:.4s cubic-bezier(.16,1,.3,1) both staggerFadeUp;animation-delay:calc(var(--i,0) * 45ms)}.spinner{border:2.5px solid #6366f12e;border-top-color:var(--primary);border-radius:50%;animation:.65s linear infinite spin}.persona-loader{width:54px;height:48px;margin:0 auto;position:relative}.persona-loader .bg-logo{opacity:.15;filter:grayscale();position:absolute;inset:0}.persona-loader .fg-logo{animation:1.5s cubic-bezier(.4,0,.2,1) infinite sweepLogo;position:absolute;inset:0}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.bento-card{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:all var(--transition);padding:24px;position:relative;overflow:hidden}.bento-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.bento-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.ambient-glow{filter:blur(50px);pointer-events:none;opacity:.15;border-radius:50%;position:absolute}[data-theme=dark]{--bg:#090d16;--bg-gradient:radial-gradient(circle at 50% 0%, #6366f126 0%, transparent 60%), radial-gradient(circle at 85% 25%, #8b5cf614 0%, transparent 50%), radial-gradient(circle at 15% 75%, #06b6d40f 0%, transparent 50%);--surface:#0f172a;--surface-container:#172033;--surface-card:#0f172ab8;--surface-glass:#0f172ac7;--surface-high:#1e293b;--surface-low:#0b1120;--primary:#818cf8;--primary-hover:#6366f1;--primary-container:#4f46e5;--primary-light:#6366f124;--primary-glow:#6366f173;--on-primary:#fff;--on-primary-container:#e0e7ff;--on-surface:#f8fafc;--on-surface-variant:#94a3b8;--on-surface-muted:#64748b;--outline:#334155;--outline-variant:#ffffff14;--border-subtle:#ffffff14;--border-highlight:#6366f173;--shadow-card:0 0 0 1px #ffffff14, 0 4px 20px -2px #00000073;--shadow-card-hover:0 0 0 1px #818cf873, 0 20px 45px -8px #0009, 0 0 25px -4px #6366f133;--gradient-primary:linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #a855f7 100%);--gradient-surface:linear-gradient(180deg, #0f172ad9 0%, #0f172a99 100%)}[data-theme=dark] .glass-card,[data-theme=dark] .bento-card{background:#0f172ab8;border-color:#ffffff14}[data-theme=dark] .bento-card:before{background:linear-gradient(90deg,#0000,#ffffff24,#0000)}.card{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:all var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.stat-card{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:all var(--transition-smooth);padding:20px 22px;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-highlight);transform:translateY(-3px)}.stat-card .stat-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.stat-card .stat-value{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.15}.label{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.01em;margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.input{background:var(--surface);border:1.5px solid var(--outline-variant);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);transition:all var(--transition);font-size:14px;font-family:var(--font-body);outline:none;padding:11px 16px}[data-theme=dark] .input{-webkit-backdrop-filter:blur(12px);color:#f8fafc;background:#0f172aa6;border:1px solid #ffffff1a}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f138, 0 0 20px -3px var(--primary-glow);background:var(--surface)}[data-theme=dark] .input:focus{background:#0f172ae6;border-color:#818cf8}.input::placeholder{color:var(--on-surface-muted)}textarea.input{resize:vertical;min-height:84px;line-height:1.55}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);white-space:nowrap;font-size:14px;font-weight:600;font-family:var(--font-heading);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 22px;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow), inset 0 1px 0 #ffffff47;border:1px solid #ffffff38;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000,#ffffff40,#0000);width:50%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.btn-primary:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 24px #6366f180,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled):after{transform:rotate(25deg)translate(280%)}.btn-secondary{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:var(--on-surface);box-shadow:var(--shadow-xs);background:#ffffff0d}[data-theme=dark] .btn-secondary{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1f}.btn-secondary:hover:not(:disabled){border-color:var(--border-highlight);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.btn-ghost{color:var(--on-surface-variant);background:0 0;padding:8px 14px}.btn-ghost:hover{color:var(--primary);background:var(--primary-light)}.btn-danger{color:var(--error-text);border-radius:var(--radius-sm);background:0 0;border:1px solid #ef444440;padding:7px 14px}.btn-danger:hover{background:var(--error-bg);border-color:#ef444466}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;transition:all var(--transition);color:var(--on-surface-variant);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--surface-high);color:var(--on-surface);border-color:var(--border-subtle)}.badge{border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition);justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex}.badge-pro{border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#818cf8;transition:all var(--transition);background:linear-gradient(135deg,#6366f126 0%,#8b5cf638 100%);border:1px solid #6366f166;justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 0 16px #6366f133}.badge-business{border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;transition:all var(--transition);background:linear-gradient(135deg,#f59e0b26 0%,#d9770638 100%);border:1px solid #f59e0b73;justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 0 16px #f59e0b33}.badge-free{border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-container);color:var(--on-surface-variant);border:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex}.badge-admin{border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;background:linear-gradient(135deg,#0ea5e926 0%,#6366f133 100%);border:1px solid #0ea5e966;justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 0 16px #0ea5e933}#toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:24px;right:24px}.toast-item{color:#f8fafc;-webkit-backdrop-filter:blur(16px);font-family:var(--font-body);pointer-events:auto;background:#0f172af0;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:12px;min-width:260px;max-width:380px;padding:12px 18px;font-size:13.5px;font-weight:600;line-height:1.4;transition:transform .25s,opacity .25s;animation:.32s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -6px #00000059,0 0 0 1px #ffffff0f}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast-item.toast-hiding{opacity:0;transform:translate(40px)scale(.96)}.toast-icon-chip{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-item.toast-success .toast-icon-chip{color:#10b981;background:#10b98129;border:1px solid #10b98159}.toast-item.toast-error .toast-icon-chip{color:#f43f5e;background:#f43f5e29;border:1px solid #f43f5e59}.toast-item.toast-info .toast-icon-chip{color:#818cf8;background:#6366f129;border:1px solid #6366f159}.toast-item.toast-warning .toast-icon-chip{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b59}.toast-message{word-break:break-word;flex:1}.toast-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:all .15s;display:flex}.toast-close-btn:hover{color:#fff;background:#ffffff1a}.toast-progress{transform-origin:0;width:100%;height:2.5px;animation:3.5s linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-item.toast-success .toast-progress{background:linear-gradient(90deg,#10b981,#34d399)}.toast-item.toast-error .toast-progress{background:linear-gradient(90deg,#f43f5e,#fb7185)}.toast-item.toast-info .toast-progress{background:linear-gradient(90deg,#6366f1,#a855f7)}.toast-item.toast-warning .toast-progress{background:linear-gradient(90deg,#f59e0b,#fbbf24)}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.error-msg{border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error-text);border:1px solid #ef444433;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title,.section-title{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.025em;margin-bottom:4px;font-size:26px;font-weight:800;line-height:1.25}.page-subtitle{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:4px;font-size:14.5px;line-height:1.5}.card-title{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.015em;margin-bottom:6px;font-size:16.5px;font-weight:700}.card-subtitle{font-family:var(--font-body);color:var(--on-surface-variant);font-size:13.5px;line-height:1.45}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.limit-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f10f,#818cf81f);border:1px solid #6366f12e;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;display:flex}.limit-banner .limit-text{flex:1;min-width:160px}.limit-banner .limit-title{color:var(--primary);margin-bottom:2px;font-size:13px;font-weight:700}.limit-banner .limit-desc{color:var(--on-surface-variant);font-size:12px}.block-type-dropdown,.dropdown-menu,.page-selector-dropdown{animation:.22s cubic-bezier(.16,1,.3,1) both dropdownAppear;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;border:1px solid var(--border-highlight)!important;border-radius:var(--radius-md)!important;background:#0f172af0!important;padding:6px!important;box-shadow:0 20px 48px -10px #000000b3,inset 0 0 0 1px #ffffff14!important}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.block-type-option,.dropdown-item{border-radius:var(--radius-sm)!important;color:#e2e8f0!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important}.block-type-option:hover,.dropdown-item:hover{transform:translate(3px);color:#fff!important;background:#6366f12e!important}.block-type-option:hover svg,.dropdown-item:hover svg{transition:transform .18s;transform:scale(1.12)}.layout-option{position:relative;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.layout-option:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.layout-option:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000080,0 0 20px #6366f12e;border-color:#6366f180!important}.layout-option.active{box-shadow:0 0 0 1px var(--primary), 0 10px 30px -4px #6366f166!important}.btn-style-option{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.btn-style-option:hover{transform:translateY(-1px);border-color:#6366f180!important}.btn-style-option.active{box-shadow:0 0 16px #6366f14d}.slug-suggestion{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.slug-suggestion:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f133;border-color:var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (width>=769px){.show-mobile{display:none!important}}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.badge{animation:.25s cubic-bezier(.16,1,.3,1) both badgePop}.support-fab{z-index:999;background:var(--surface);border:1px solid var(--outline-variant);cursor:pointer;color:var(--on-surface);font-family:var(--font-body);border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000001f,0 2px 8px #6366f126}.support-fab:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 36px #6366f140,0 4px 12px #00000014}.support-fab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 28px #6366f166}.support-fab-icon-wrap{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 2px 8px #6366f14d}.support-fab.active .support-fab-icon-wrap{color:var(--primary);background:#fff}.support-fab-ping{border:2px solid var(--surface);background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.support-fab-label{letter-spacing:-.01em;font-size:13.5px;font-weight:700}.support-fab-badge{background:var(--surface-high);color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.support-fab.active .support-fab-badge{color:#fff;background:#fff3;border-color:#0000}.support-panel{z-index:1000;background:var(--surface);border:1px solid var(--outline-variant);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 110px);animation:.28s cubic-bezier(.16,1,.3,1) both supportSlideUp;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 20px 50px #00000029,0 4px 16px #6366f114}@keyframes supportSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.support-panel-header{border-bottom:1px solid var(--outline-variant);background:linear-gradient(135deg,#6366f11a,#a855f714);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.support-panel-brand{align-items:center;gap:12px;display:flex}.support-avatar{background:linear-gradient(135deg, var(--primary), #a855f7);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #6366f159}.support-title{color:var(--on-surface);letter-spacing:-.01em;font-size:15px;font-weight:700}.support-tier-badge{letter-spacing:.03em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800}.tier-free{background:var(--surface-high);color:var(--on-surface-variant)}.tier-pro{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.tier-business{color:#fff;background:linear-gradient(135deg,#4338ca,#3b82f6)}.support-sla-tag{color:var(--on-surface-variant);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.sla-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.sla-dot.pulse-urgent{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.support-panel-actions{align-items:center;gap:6px;display:flex}.support-action-btn{width:30px;height:30px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.support-action-btn:hover{background:var(--surface-high);color:var(--on-surface);border-color:var(--outline-variant)}.support-chips-bar{background:var(--surface-low);border-bottom:1px solid var(--outline-variant);white-space:nowrap;scrollbar-width:none;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.support-chips-bar::-webkit-scrollbar{display:none}.support-chip{background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface);cursor:pointer;border-radius:99px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s}.support-chip:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.support-messages{flex-direction:column;flex:1;gap:14px;padding:16px 16px 20px;display:flex;overflow-y:auto}.support-msg{flex-direction:column;max-width:86%;display:flex}.support-msg.msg-assistant{align-self:flex-start}.support-msg.msg-user{align-self:flex-end}.support-msg-bubble{border-radius:16px;padding:12px 16px;font-size:13.5px;line-height:1.5;box-shadow:0 1px 4px #0000000a}.msg-assistant .support-msg-bubble{background:var(--surface-high);color:var(--on-surface);border:1px solid var(--outline-variant);border-bottom-left-radius:4px}.msg-user .support-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.support-msg-time{color:var(--on-surface-variant);opacity:.7;margin-top:4px;font-size:10.5px}.msg-user .support-msg-time{text-align:right;color:#ffffffbf}.support-code{background:#00000014;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.msg-user .support-code{background:#fff3}.support-msg-suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.support-suggestion-pill{background:var(--surface);border:1px solid var(--outline-variant);color:var(--primary);cursor:pointer;border-radius:99px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .15s}.support-suggestion-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.support-action-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:12px;margin-top:10px;padding:12px 14px;box-shadow:0 2px 8px #0000000a}.support-action-card.card-valid{background:#10b9810d;border-color:#10b981}.support-action-card.card-warning{background:#f59e0b0d;border-color:#f59e0b}.dns-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.dns-badge{border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:700}.dns-badge.badge-ok{color:#fff;background:#10b981}.dns-badge.badge-alert{color:#fff;background:#f59e0b}.dns-card-body{color:var(--on-surface-variant);font-size:12.5px;line-height:1.45}.support-card-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:700;transition:opacity .15s}.support-card-btn:hover{opacity:.9}.support-card-link-btn{background:var(--primary);border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block;color:#fff!important}.support-card-link-btn:hover{opacity:.9}.support-typing{color:var(--on-surface-variant);align-items:center;gap:6px;padding:8px 18px;font-size:12px;display:flex}.typing-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.support-input-area{background:var(--surface);border-top:1px solid var(--outline-variant);align-items:flex-end;gap:8px;padding:12px 14px;display:flex}.support-textarea{resize:none;border:1px solid var(--outline-variant);font-family:var(--font-body);background:var(--surface-low);color:var(--on-surface);border-radius:12px;outline:none;flex:1;max-height:120px;padding:10px 14px;font-size:13.5px;transition:border-color .15s}.support-textarea:focus{border-color:var(--primary);background:var(--surface)}.support-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.support-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.support-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=520px){.support-panel{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;bottom:0;right:0}.support-fab{bottom:16px;right:16px}}.auth-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.auth-wrapper:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.auth-container{z-index:1;grid-template-columns:1.05fr 1fr;gap:24px;width:100%;max-width:940px;min-height:540px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:grid;position:relative}.auth-hero{border-radius:var(--radius-xl);background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #6366f140;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000080}.auth-hero:before{content:"";filter:blur(70px);background:radial-gradient(circle,#8b5cf659 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.auth-hero:after{content:"";filter:blur(60px);background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-60px;left:-60px}.auth-hero-content{z-index:2;position:relative}.auth-hero .brand{align-items:center;gap:12px;margin-bottom:48px;display:flex}.auth-hero .brand svg{filter:drop-shadow(0 2px 8px #6366f199)}.auth-hero .brand-name{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800}.auth-hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.15}.auth-hero h1 em{background:linear-gradient(135deg,#a5b4fc,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.auth-hero p{color:#94a3b8;max-width:340px;font-size:14px;line-height:1.6}.auth-hero-footer{z-index:2;color:#64748b;border-top:1px solid #ffffff14;align-items:center;gap:16px;padding-top:24px;font-size:12px;display:flex;position:relative}.auth-hero-footer span{align-items:center;gap:6px;display:flex}.auth-hero-footer .material-symbols-outlined,.auth-hero-footer .p-icon{color:#10b981;font-size:16px}.auth-form-panel{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition);flex-direction:column;justify-content:center;align-items:center;padding:44px 38px;display:flex}.auth-form{width:100%;max-width:350px}.auth-form .mobile-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:none}.auth-form .mobile-brand .brand-name{font-family:var(--font-heading);font-size:20px;font-weight:800}.auth-form .auth-header{margin-bottom:24px}.auth-form .auth-header h2{letter-spacing:-.02em;color:var(--on-surface);margin-bottom:6px;font-size:24px;font-weight:800}.auth-form .auth-header p{color:var(--on-surface-variant);font-size:13px;line-height:1.5}.auth-fields{flex-direction:column;gap:14px;display:flex}.auth-submit{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:0 4px 16px var(--primary-glow);transition:all var(--transition);border:1px solid #fff3;margin-top:6px;padding:13px 18px;font-size:14px;font-weight:700}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #6366f173}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;color:var(--on-surface-variant);margin-top:20px;font-size:13px}.auth-toggle a{color:var(--primary);cursor:pointer;transition:color var(--transition);font-weight:700;text-decoration:none}.auth-toggle a:hover{text-decoration:underline}.btn-google-oauth{background:var(--surface);width:100%;color:var(--on-surface);font-family:var(--font-body);border:1px solid var(--outline-variant);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition);justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.btn-google-oauth:hover{background:var(--surface-low);box-shadow:var(--shadow-sm);border-color:#6366f159;transform:translateY(-1px)}.auth-divider{text-align:center;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:18px 0;font-size:12.5px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--outline-variant);flex:1}.auth-divider span{padding:0 12px}@media (width<=768px){.auth-container{grid-template-columns:1fr;max-width:420px}.auth-hero{display:none}.auth-form-panel{padding:32px 24px}.auth-form .mobile-brand{display:flex}}[data-theme=dark] .auth-form-panel{background:#111827;border-color:#ffffff14;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .btn-google-oauth{color:#f8fafc;background:#1e293b;border-color:#ffffff1a}[data-theme=dark] .btn-google-oauth:hover{background:#334155;border-color:#6366f166}.dashboard{background-color:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;height:100dvh;display:flex}.sidebar{background:var(--surface-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border-right:1px solid var(--border-subtle);width:245px;box-shadow:var(--shadow-sm);transition:all var(--transition);z-index:40;flex-direction:column;flex-shrink:0;gap:6px;padding:22px 16px;display:flex;position:relative;overflow-y:auto}.sidebar .brand{align-items:center;gap:12px;margin-bottom:18px;padding:6px 10px;display:flex}.sidebar .brand svg{filter:drop-shadow(0 0 12px #6366f173);transition:transform var(--transition)}.sidebar .brand:hover svg{transform:rotate(5deg)scale(1.05)}.sidebar .brand-name{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--on-surface);font-size:17px;font-weight:800}.badge-tier{margin-left:auto}.page-selector{margin-bottom:14px;position:relative}.page-selector-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:var(--shadow-xs);align-items:center;gap:10px;padding:10px 14px;display:flex}.page-selector-btn:hover{border-color:var(--border-highlight);background:var(--surface);transform:translateY(-1px);box-shadow:0 0 16px #6366f126}.page-selector-dropdown{background:var(--surface-card);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-highlight);border-radius:var(--radius-md);z-index:100;padding:6px;animation:.22s cubic-bezier(.16,1,.3,1) pageDropIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 20px 45px -10px #00000080,0 0 0 1px #ffffff14}@keyframes pageDropIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.page-selector-item{cursor:pointer;color:var(--on-surface);border-radius:var(--radius-xs);transition:all var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.page-selector-item:hover{background:var(--surface-container);color:var(--primary);transform:translate(2px)}.page-selector-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.page-selector-item.page-selector-add{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:10px}.page-delete-btn,.page-edit-btn{cursor:pointer;width:26px;height:26px;color:var(--on-surface-variant);transition:all var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-delete-btn:hover{background:var(--error-bg);color:var(--error-text);transform:scale(1.1)}.page-edit-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.1)}.sidebar nav{flex-direction:column;flex:1;gap:5px;display:flex}.sidebar .nav-divider{background:var(--border-subtle);height:1px;margin:12px 0}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--on-surface-variant);width:100%;transition:all var(--transition);font-size:14px;font-weight:600;font-family:var(--font-body);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;display:flex;position:relative}.nav-btn:hover{color:var(--on-surface);background:#ffffff0a;border-color:#ffffff0d;transform:translate(3px)}.nav-btn.active{color:var(--primary);background:linear-gradient(90deg,#6366f129 0%,#6366f10a 100%);border-color:#6366f140;font-weight:700;box-shadow:0 0 16px -4px #6366f140}.nav-btn.active:before{content:"";background:var(--primary);width:3.5px;box-shadow:0 0 10px var(--primary);border-radius:0 4px 4px 0;position:absolute;top:7px;bottom:7px;left:0}.nav-btn .material-symbols-outlined,.nav-btn .p-icon{opacity:.85;transition:all var(--transition);font-size:19px}.nav-btn:hover .p-icon,.nav-btn:hover .material-symbols-outlined{opacity:1;color:var(--primary);transform:scale(1.1)}.nav-btn.active .material-symbols-outlined,.nav-btn.active .p-icon{opacity:1;color:var(--primary)}.sidebar .logout-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--on-surface-variant);font-size:13px;font-weight:600;font-family:var(--font-body);transition:all var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;display:flex}.sidebar .logout-btn:hover{color:var(--error-text);background:var(--error-bg);border-color:#ef444433}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.floating-header{z-index:50;pointer-events:none;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.content-layout{flex:1;display:flex;overflow:hidden auto}.content-area{flex:1;min-width:0;padding:20px 24px}.content-inner{max-width:660px;margin:0 auto;animation:.3s slideUp}.preview-panel{background:var(--surface-low);border-left:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:flex-start;align-items:center;width:335px;height:100vh;padding-top:75px;padding-bottom:30px;display:flex;position:sticky;top:0;overflow:hidden auto}[data-theme=dark] .preview-panel{background:#090d16a6;border-left-color:#ffffff12}.preview-panel:before{content:"";filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f138 0%,#8b5cf614 45%,#0000 70%);width:280px;height:350px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.preview-container{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:290px;display:flex;position:relative;overflow-x:hidden}.preview-live-badge{justify-content:center;display:flex;position:absolute;top:-34px;left:0;right:0}.preview-live-badge span{color:#10b981;border-radius:var(--radius-pill);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10b98124;border:1px solid #10b98159;align-items:center;gap:7px;padding:5px 14px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 0 16px #10b98133}.preview-live-badge span:before{content:"";background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGlow;box-shadow:0 0 10px #10b981}[data-theme=dark] .preview-live-badge span{color:#34d399;background:#10b98129;border-color:#10b98159}.phone-mockup{background:var(--surface);box-sizing:border-box;width:274px;max-width:100%;height:535px;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);border:9px solid #1e293b;border-radius:46px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 80px -15px #000000bf,inset 0 0 0 1px #ffffff1f}.phone-mockup:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 40px 90px -15px #6366f14d,inset 0 0 0 1px #fff3}.phone-glare{pointer-events:none;z-index:22;background:linear-gradient(135deg,#ffffff26 0%,#ffffff05 40%,#0000 60%);position:absolute;inset:0}.phone-notch{z-index:25;background:#000;border-radius:20px;width:82px;height:19px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #00000080}.phone-screen{box-sizing:border-box;scrollbar-width:thin;text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;max-width:100%;padding:38px 18px 18px;display:flex;overflow:hidden auto}.phone-screen::-webkit-scrollbar{width:3px}.phone-screen::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}[data-theme=dark] .phone-screen::-webkit-scrollbar-thumb{background:#ffffff26}.phone-avatar{border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:28px;display:flex;box-shadow:0 4px 16px #0003}.phone-name{font-family:var(--font-heading);letter-spacing:-.02em;font-size:16.5px;font-weight:800}.phone-bio{color:var(--on-surface-variant);margin-top:2px;font-size:12.5px;line-height:1.45}.phone-links{box-sizing:border-box;flex-direction:column;gap:7px;width:100%;max-width:100%;display:flex;overflow-x:hidden}.phone-links.bento-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid;overflow-x:visible}.phone-links.app-grid{grid-template-columns:repeat(4,1fr);place-items:start center;gap:10px 4px;display:grid;overflow-x:visible}.phone-links.carousel-layout{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding:4px 4px 10px;display:flex;overflow-x:auto}.phone-links.carousel-layout::-webkit-scrollbar{display:none}.phone-link{box-sizing:border-box;text-align:center;border-radius:12px;width:100%;max-width:100%;padding:11px 14px;font-size:13px;font-weight:700;transition:transform .2s;overflow:hidden}.phone-link:hover{transform:scale(1.02)}.phone-footer{opacity:.25;letter-spacing:2px;font-size:8.5px;font-weight:800;font-family:var(--font-heading);margin-top:auto;padding-top:12px}.live-link-box{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px;position:relative;overflow:hidden}.live-link-box:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#10b98166,#0000);height:1px;position:absolute;top:0;left:0;right:0}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-screen .spinner{width:32px;height:32px}.loading-screen span{color:var(--on-surface-variant);font-size:14px}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);z-index:99;background:#0009;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.mobile-menu-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:none}.mobile-menu-btn:hover{background:var(--surface-low)}@media (width<=768px){.sidebar{z-index:100;width:270px;transition:left .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:-270px;box-shadow:20px 0 60px #0000004d}.sidebar.open{left:0}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:flex}.content-layout{flex-direction:column}.preview-panel{border-left:none;border-top:1px solid var(--border-subtle);align-self:stretch;width:100%;height:auto;max-height:none;padding:36px 16px 44px;position:relative;overflow-y:visible}.preview-panel .preview-container{transform-origin:top;transform:scale(.88)}.preview-panel:before{display:none}.content-area{padding:80px 16px 16px}}.link-item{background:var(--surface-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-smooth);align-items:center;gap:12px;padding:16px 18px;display:flex;position:relative;overflow:visible!important}.link-item:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;top:0;left:0;right:0}.link-item.menu-open{z-index:120!important}.link-item.dragging{opacity:.35;transform:scale(.98);border:1.5px dashed var(--primary)!important}.link-item.drag-over{transform:translateY(-2px);border-color:var(--primary)!important;box-shadow:0 0 20px #6366f159!important}.link-item:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card-hover);transform:translateY(-1.5px)}.block-type-select-container{position:relative}.block-type-dropdown{z-index:999!important}.link-item .drag-handle{color:var(--on-surface-variant);opacity:.45;cursor:grab;transition:all var(--transition);font-size:16px}.link-item:hover .drag-handle{opacity:1;color:var(--primary);transform:scale(1.1)}.link-item .link-fields{flex:1;min-width:0}.link-item .link-label-input{font-family:var(--font-heading);color:var(--on-surface);background:0 0;border:none;outline:none;width:100%;font-size:14.5px;font-weight:700}.link-item .link-url-input{color:var(--on-surface-variant);width:100%;font-size:12.5px;font-family:var(--font-mono);background:0 0;border:none;outline:none;margin-top:3px}.link-item .link-star-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:7px}.link-item .link-star-btn:hover{background:var(--primary-light);transform:scale(1.1)}.link-item .link-delete-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:7px}.link-item .link-delete-btn:hover{background:var(--error-bg);color:var(--error-text);transform:scale(1.1)}.profile-card-editor{flex-wrap:wrap;gap:18px;display:flex}.profile-emoji-display{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-container), #5f4ebb4d);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;display:flex}.profile-fields{flex-direction:column;flex:1;gap:8px;min-width:180px;display:flex}.links-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.links-header .add-link-btn{cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-body);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:4px;display:flex}.links-header .add-link-btn:not(.disabled){color:var(--primary)}.links-header .add-link-btn.disabled{color:var(--outline);cursor:not-allowed}.links-list-editor{flex-direction:column;gap:8px;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:10px;display:grid}.theme-option{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.theme-option:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.theme-option:hover{border-color:var(--border-glow);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000080}.theme-swatch{outline-offset:3px;border:1.5px solid #ffffff1f;border-radius:50%;width:38px;height:38px;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000004d}.theme-option:hover .theme-swatch{transform:scale(1.08)}.theme-option .theme-name{letter-spacing:-.01em;transition:color var(--transition);font-size:11px;font-weight:700}.emoji-grid{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.emoji-btn{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:all var(--transition);border:none;font-size:16px}.emoji-btn:hover{transform:scale(1.15)}.live-link-box{text-align:center}.live-link-indicator{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}.live-link-indicator .material-symbols-outlined,.live-link-indicator .p-icon{color:var(--tertiary);font-size:16px}.live-link-indicator span{color:var(--tertiary);font-size:13px;font-weight:700}.live-link-url{background:var(--surface-low);border-radius:var(--radius-sm);color:var(--primary);word-break:break-all;margin-bottom:10px;padding:8px 12px;font-size:12px;font-weight:600}.pricing-grid-dashboard{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.pricing-grid-dashboard{grid-template-columns:repeat(3,1fr)}}.pricing-card .price-label{color:var(--on-surface-variant);margin-bottom:4px;font-size:12px;font-weight:700}.pricing-card .price-amount{font-family:var(--font-heading);font-size:26px;font-weight:900}.pricing-card .price-period{color:var(--on-surface-variant);font-size:12px}.pricing-card .discount-badge{background:var(--gradient-primary);color:var(--on-primary);border-radius:var(--radius-pill);padding:2px 10px;font-size:9px;font-weight:800;position:absolute;top:-10px;right:12px}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table thead tr{background:var(--surface-low)}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);padding:10px 12px;font-size:10px;font-weight:700}.admin-table td{border-bottom:1px solid var(--surface-low);vertical-align:middle;padding:10px 12px}.admin-table tbody tr:hover{background:#5f4ebb08}.badge-admin{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--primary), #7c6dd8);color:#fff;letter-spacing:1px;text-transform:uppercase;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.admin-filter-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.admin-action-btn{border:1px solid var(--outline-variant);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.admin-action-btn:hover{background:var(--surface-high);border-color:var(--primary)}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-xl);padding:28px;animation:.25s scaleIn}.modal-box h3{margin-bottom:8px;font-size:18px;font-weight:700}.modal-box p{color:var(--on-surface-variant);margin-bottom:20px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.analytics-period-filter{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);align-items:center;gap:4px;padding:4px;display:inline-flex}[data-theme=dark] .analytics-period-filter{background:#0f172ab3;border-color:#ffffff17}.analytics-period-btn,.lead-filter-btn{border-radius:var(--radius-pill);color:var(--on-surface-variant);font-size:12px;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:7px 16px}.analytics-period-btn:hover,.lead-filter-btn:hover{color:var(--on-surface);background:#ffffff0d}.analytics-period-btn.active,.lead-filter-btn.active{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 2px 10px var(--primary-glow)!important;border-color:#ffffff38!important}#lead-filter-tabs{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);align-items:center;gap:4px;margin-bottom:16px;border:1px solid var(--border-subtle)!important;padding:4px!important;display:inline-flex!important}.analytics-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.analytics-kpi{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-smooth);align-items:center;gap:16px;padding:22px 20px;display:flex;position:relative;overflow:hidden}.analytics-kpi:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.analytics-kpi:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.analytics-kpi:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.analytics-kpi:hover:after{opacity:1}.analytics-kpi-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000014}.analytics-kpi-content{flex-direction:column;gap:3px;min-width:0;display:flex}.analytics-kpi-label{font-family:var(--font-heading);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.analytics-kpi-value{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1}.analytics-chart-card{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.analytics-chart-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.analytics-card-title{font-family:var(--font-heading);color:var(--on-surface);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:18px;font-size:16.5px;font-weight:700;display:flex}.analytics-chart-container{width:100%;overflow-x:auto}.analytics-svg-chart{width:100%;height:auto;min-height:160px;max-height:220px}.analytics-chart-legend{justify-content:center;gap:16px;margin-top:12px;display:flex}.analytics-legend-item{color:var(--on-surface-variant);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.analytics-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.analytics-chart-table{border-top:1px solid var(--outline-variant);margin-top:16px;padding-top:12px}.analytics-data-table{border-collapse:collapse;width:100%;font-size:12px}.analytics-data-table th{text-align:left;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--outline-variant);padding:6px 10px;font-size:10px;font-weight:700}.analytics-data-table td{border-bottom:1px solid var(--surface-low);color:var(--on-surface);padding:8px 10px;font-weight:500}.analytics-data-table tr:last-child td{border-bottom:none}.analytics-two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.analytics-section-card{padding:20px}.analytics-ranked-list{flex-direction:column;gap:8px;display:flex}.analytics-ranked-item{align-items:center;gap:10px;padding:6px 0;display:flex}.analytics-rank{background:var(--surface-low);width:20px;height:20px;color:var(--on-surface-variant);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.analytics-ranked-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;min-width:60px;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.analytics-ranked-bar-container{background:var(--surface-low);border-radius:3px;flex:1;min-width:40px;height:6px;overflow:hidden}.analytics-ranked-bar{background:var(--primary);opacity:.5;border-radius:3px;height:100%;transition:width .5s}.analytics-ranked-bar-clicks{background:var(--primary);opacity:.8}.analytics-ranked-bar-countries{opacity:.8;background:#4285f4}.analytics-ranked-count{color:var(--on-surface);text-align:right;flex-shrink:0;min-width:30px;font-size:13px;font-weight:700}.analytics-empty{color:var(--on-surface-variant);text-align:center;padding:24px 0;font-size:13px}@media (width<=768px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-two-col{grid-template-columns:1fr}.analytics-header{flex-direction:column;gap:12px}.analytics-period-filter{justify-content:center;width:100%}.analytics-kpi-value{font-size:18px}.analytics-ranked-name{max-width:80px}}@media (width<=480px){.analytics-kpi-grid{grid-template-columns:1fr}}.dark-mode-toggle{pointer-events:auto;border:1px solid var(--outline-variant);background:var(--surface);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);transition:background var(--transition), border-color var(--transition), transform .2s ease;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;margin-right:8px;padding:0;display:flex}.dark-mode-toggle:hover{border-color:var(--primary);color:var(--primary);background:#5f4ebb0f;transform:scale(1.1)}.dark-mode-toggle .material-symbols-outlined,.dark-mode-toggle .p-icon{font-size:20px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.dark-mode-toggle:hover .material-symbols-outlined,.dark-mode-toggle:hover .p-icon{transform:rotate(25deg)}.nav-btn{transition:all var(--transition), transform .15s ease}.nav-btn:hover{transform:scale(1.02)}.nav-btn:active{transform:scale(.98)}@keyframes kpiGlow{0%,to{border-color:var(--outline-variant);box-shadow:none}50%{border-color:#5f4ebb40;box-shadow:0 0 12px #5f4ebb14}}.analytics-kpi:hover{animation:2s ease-in-out infinite kpiGlow}[data-theme=dark] .sidebar{background:#1e1f34;border-right-color:#5a5a7233}[data-theme=dark] .sidebar .nav-divider{background:#5a5a7233}[data-theme=dark] .nav-btn:hover{background:#8b7cf714}[data-theme=dark] .nav-btn.active{color:#a090ff;background:#8b7cf71f}[data-theme=dark] .sidebar .logout-btn:hover{color:#ff8a9b}[data-theme=dark] .page-selector-btn{color:var(--on-surface);background:#2a2b44;border-color:#5a5a7240}[data-theme=dark] .page-selector-btn:hover{background:#8b7cf714;border-color:#8b7cf7}[data-theme=dark] .page-selector-dropdown{background:#252640;border-color:#5a5a724d;box-shadow:0 8px 32px #0006}[data-theme=dark] .page-selector-item:hover{background:#8b7cf714}[data-theme=dark] .page-selector-item.active{color:#a090ff;background:#8b7cf71f}[data-theme=dark] .card [data-theme=dark] .card,[data-theme=dark] .card [data-theme=dark] .stat-card{background:var(--surface-card);-webkit-backdrop-filter:blur(20px);border-color:var(--border-subtle)}[data-theme=dark] .card [data-theme=dark] .input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;border-color:var(--border-subtle);background:#0f172ab3}[data-theme=dark] .card [data-theme=dark] .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f138, 0 0 20px -3px var(--primary-glow);background:#0f172af2}[data-theme=dark] .card [data-theme=dark] .input::placeholder{color:var(--on-surface-muted)}[data-theme=dark] .card [data-theme=dark] .link-item .link-label-input{color:#f8fafc}[data-theme=dark] .card [data-theme=dark] .link-item .link-url-input{color:var(--on-surface-variant)}[data-theme=dark] .card [data-theme=dark] .btn-secondary{border-color:var(--border-subtle);color:#f1f5f9;background:#ffffff0a}[data-theme=dark] .card [data-theme=dark] .btn-secondary:hover:not(:disabled){border-color:var(--border-highlight);color:var(--primary);background:var(--primary-light)}[data-theme=dark] .card [data-theme=dark] .btn-ghost{color:var(--on-surface-variant)}[data-theme=dark] .card [data-theme=dark] .btn-ghost:hover{color:var(--primary);background:var(--primary-light)}[data-theme=dark] .card [data-theme=dark] .btn-icon:hover{border-color:var(--border-subtle);background:#ffffff0f}[data-theme=dark] .card [data-theme=dark] .btn-danger:hover{background:#ef444426}[data-theme=dark] .card [data-theme=dark] .dark-mode-toggle{color:#818cf8!important;background:#6366f124!important;border-color:#6366f159!important}[data-theme=dark] .card [data-theme=dark] .dark-mode-toggle:hover{background:#6366f138!important;box-shadow:0 0 16px #6366f140!important}[data-theme=dark] .card [data-theme=dark] .mobile-menu-btn,[data-theme=dark] .card [data-theme=dark] .profile-menu-btn{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-color:var(--border-subtle)!important;background:#0f172acc!important}[data-theme=dark] .card [data-theme=dark] #profile-dropdown-menu{-webkit-backdrop-filter:blur(28px)saturate(180%)!important;backdrop-filter:blur(28px)saturate(180%)!important;border-color:var(--border-highlight)!important;background:#0f172af2!important;box-shadow:0 20px 50px -10px #000000b3,0 0 0 1px #ffffff14!important}[data-theme=dark] .card [data-theme=dark] .dropdown-item:hover{background:var(--primary-light);color:var(--primary)}[data-theme=dark] .card [data-theme=dark] .preview-panel{border-left-color:var(--border-subtle);background:#090d16bf}[data-theme=dark] .card [data-theme=dark] .phone-mockup{background:#0f172a;border-color:#1e293b;box-shadow:0 35px 80px -15px #000c,inset 0 0 0 1px #ffffff1a}[data-theme=dark] .card [data-theme=dark] .phone-notch{background:#000}[data-theme=dark] .card [data-theme=dark] .live-link-url{border:1px solid var(--border-subtle);color:#818cf8;background:#0f172acc}[data-theme=dark] .card [data-theme=dark] .limit-banner{background:linear-gradient(135deg,#6366f11a,#8b5cf61f);border-color:#6366f140}[data-theme=dark] .card [data-theme=dark] .modal-overlay{-webkit-backdrop-filter:blur(12px);background:#000000b3}[data-theme=dark] .card [data-theme=dark] .modal-box{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--border-highlight);background:#0f172af2;box-shadow:0 24px 60px -12px #000c,0 0 30px #6366f126}[data-theme=dark] .card [data-theme=dark] .admin-table thead tr{background:#0f172acc}[data-theme=dark] .card [data-theme=dark] .admin-table th{border-bottom-color:var(--border-subtle)}[data-theme=dark] .card [data-theme=dark] .admin-table td{border-bottom-color:#ffffff0d}[data-theme=dark] .card [data-theme=dark] .admin-table tbody tr:hover{background:#6366f10f}[data-theme=dark] .card [data-theme=dark] .admin-action-btn{border-color:var(--border-subtle);background:#0f172acc}[data-theme=dark] .card [data-theme=dark] .admin-action-btn:hover{background:var(--primary-light);border-color:var(--border-highlight)}[data-theme=dark] .card [data-theme=dark] .analytics-period-filter{background:#0f172ab3;border-color:#ffffff17}[data-theme=dark] .card [data-theme=dark] .analytics-period-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow);border-color:#ffffff38}[data-theme=dark] .card [data-theme=dark] .analytics-kpi{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .card [data-theme=dark] .analytics-kpi:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card-hover)}[data-theme=dark] .card [data-theme=dark] .analytics-rank,[data-theme=dark] .card [data-theme=dark] .analytics-ranked-bar-container{background:#ffffff0f}[data-theme=dark] .card [data-theme=dark] .analytics-data-table th{border-bottom-color:var(--border-subtle)}[data-theme=dark] .card [data-theme=dark] .analytics-data-table td{border-bottom-color:#ffffff0d}[data-theme=dark] .card [data-theme=dark] .theme-swatch{box-shadow:0 2px 8px #0006}[data-theme=dark] .card [data-theme=dark] .emoji-btn{border:1px solid var(--border-subtle);background:#ffffff0f}[data-theme=dark] .card [data-theme=dark] .emoji-btn:hover{background:var(--primary-light);border-color:var(--border-highlight)}[data-theme=dark] .card [data-theme=dark] .pricing-card{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .card [data-theme=dark] .sidebar-overlay{background:#000000b3}@media (width<=768px){[data-theme=dark] .card [data-theme=dark] .sidebar{box-shadow:20px 0 60px #0009}[data-theme=dark] .card [data-theme=dark] .preview-panel{border-top-color:var(--border-subtle);border-left-color:#0000}}[data-theme=dark] .card [data-theme=dark] .error-msg{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .card [data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] .card [data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6366f180}