@charset "UTF-8";.app-root{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:88px 24px 24px}.card{width:100%;max-width:420px;padding:32px 28px;border-radius:20px;background:linear-gradient(145deg,#0f172afa,#020617fa);box-shadow:0 24px 80px #0f172acc,0 0 0 1px #94a3b840;border:1px solid rgba(148,163,184,.4);position:relative}h1{font-size:24px;font-weight:600;letter-spacing:.02em;margin-bottom:8px}.subtitle{font-size:14px;color:var(--muted);margin-bottom:24px}.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f172acc;color:var(--text);font-size:14px;outline:none;caret-color:var(--text);transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px #3b82f699;background:#0f172af2}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn{border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,border-color .15s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px #2563eb80}.btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 16px 40px #2563eb99}.btn.secondary{background:#0f172ae6;color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:#0f172a}.message{margin-top:8px;font-size:13px;color:var(--muted)}.welcome{text-align:center}.welcome h1{margin-bottom:24px}.language-switcher{position:relative;display:flex;align-items:center}.language-switcher__current{width:40px;height:40px;border-radius:50%;border:2px solid rgba(148,163,184,.3);background:#0f172a99;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.language-switcher__current:hover{border-color:#3b82f680;background:#0f172acc;transform:scale(1.05)}.language-switcher__current:active{transform:scale(.95)}.language-switcher__flag{font-size:22px;line-height:1;display:block;-webkit-user-select:none;user-select:none}.language-switcher__dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:6px;animation:slideDown .2s ease-out;z-index:100}.language-switcher__option{width:40px;height:40px;border-radius:50%;border:2px solid rgba(148,163,184,.3);background:#0f172ae6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.language-switcher__option:hover{border-color:#3b82f6b3;background:#3b82f626;transform:scale(1.1)}.language-switcher__option:active{transform:scale(.95)}@media(max-width:768px){.language-switcher__current,.language-switcher__option{width:36px;height:36px}.language-switcher__flag{font-size:20px}}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#020617d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 1px 3px #0000001a}.topbar__center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}@media(max-width:768px){.topbar__center{display:none}}.topbar__create-btn{padding:10px 20px;border:none;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #3b82f666;transition:all .2s ease;white-space:nowrap;animation:fadeInTopBar .3s ease-out}@keyframes fadeInTopBar{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topbar__create-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #3b82f699;transform:translateY(-2px)}.topbar__create-btn:active{transform:translateY(0)}.topbar__left{display:flex;align-items:center;gap:12px;color:inherit}.topbar__logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#3b82f6f2,#2563eba6);display:grid;place-items:center;font-weight:800;letter-spacing:.02em;box-shadow:0 16px 34px #2563eb59;overflow:hidden}.topbar__logoImg{width:34px;height:34px;display:block}.topbar__brand{font-size:13px;letter-spacing:.18em;font-weight:700;color:#e5e7ebeb}@media(max-width:500px){.topbar__brand{display:none}}.topbar__right{display:flex;gap:12px;align-items:center}.topbar__user{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;color:#e5e7ebd9;border:1px solid rgba(148,163,184,.22);background:#02061759;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:500px){.topbar__user{padding:8px 10px;max-width:unset}}.topbar__user-icon{font-size:16px;line-height:1;display:inline-block}@media(max-width:500px){.topbar__user-text{display:none}}.topbar__userName{font-weight:700;color:#e5e7ebf2}.topbar__btn{border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;border:1px solid rgba(148,163,184,.32);background:#0f172a8c;color:var(--text);cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:6px}@media(max-width:500px){.topbar__btn{padding:9px 12px}}.topbar__btn-icon{font-size:16px;line-height:1;display:inline-block}@media(max-width:500px){.topbar__btn-text{display:none}}.topbar__btn:hover{background:#0f172ad9}.topbar__btn.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 10px 28px #2563eb73}.topbar__btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.topbar__discount{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f666;animation:discountPulse 2s infinite}.topbar__discount:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #3b82f699}.topbar__discount-icon{font-size:20px;line-height:1;animation:discountBounce 1s ease-in-out infinite}.topbar__discount-tooltip{position:absolute;top:calc(100% + 8px);right:0;padding:8px 12px;background:#020617f2;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#3b82f6;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0000004d;z-index:100;animation:tooltipFadeIn .2s ease;pointer-events:none}.topbar__discount-tooltip:before{content:"";position:absolute;bottom:100%;right:12px;border:6px solid transparent;border-bottom-color:#3b82f666}.topbar__discount-tooltip:after{content:"";position:absolute;bottom:100%;right:13px;border:5px solid transparent;border-bottom-color:#020617f2}@keyframes discountPulse{0%,to{box-shadow:0 4px 12px #3b82f666}50%{box-shadow:0 4px 20px #3b82f6b3}}@keyframes discountBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#020617fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(59,130,246,.3);padding:20px;box-shadow:0 -4px 20px #0000004d;animation:slideUpBanner .4s ease}@media(max-width:768px){.cookie-banner{padding:16px}}.cookie-banner__container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width:968px){.cookie-banner__container{flex-direction:column;align-items:stretch;gap:16px}}.cookie-banner__content{display:flex;align-items:flex-start;gap:16px;flex:1}@media(max-width:640px){.cookie-banner__content{gap:12px}}.cookie-banner__icon{font-size:32px;line-height:1;flex-shrink:0}@media(max-width:640px){.cookie-banner__icon{font-size:24px}}.cookie-banner__text{flex:1}.cookie-banner__title{font-size:16px;font-weight:600;color:#e5e7ebf2;margin:0 0 8px}@media(max-width:640px){.cookie-banner__title{font-size:14px}}.cookie-banner__description{font-size:14px;line-height:1.5;color:#e5e7ebb3;margin:0}@media(max-width:640px){.cookie-banner__description{font-size:13px}}.cookie-banner__learn-more{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.cookie-banner__learn-more:hover{color:#60a5fa;text-decoration:underline}.cookie-banner__actions{display:flex;gap:12px;flex-shrink:0}@media(max-width:968px){.cookie-banner__actions{width:100%}}@media(max-width:640px){.cookie-banner__actions{flex-direction:column;gap:8px}}.cookie-banner__btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none}@media(max-width:640px){.cookie-banner__btn{padding:12px 16px;width:100%}}.cookie-banner__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.cookie-banner__btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f699;transform:translateY(-1px)}.cookie-banner__btn--primary:active{transform:translateY(0)}.cookie-banner__btn--secondary{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.cookie-banner__btn--secondary:hover{background:#3b82f633;border-color:#3b82f680}.cookie-banner__btn--text{background:transparent;color:#e5e7ebb3}.cookie-banner__btn--text:hover{color:#e5e7ebe6;background:#ffffff0d}.cookie-settings{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@media(max-width:640px){.cookie-settings{padding:0;align-items:flex-end}}.cookie-settings__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cookie-settings__modal{position:relative;background:#020617fa;border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 20px 60px #00000080;animation:slideUpModal .3s ease}@media(max-width:640px){.cookie-settings__modal{border-radius:16px 16px 0 0;max-height:85vh;padding:24px}}.cookie-settings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cookie-settings__title{font-size:20px;font-weight:600;color:#e5e7ebf2;margin:0}@media(max-width:640px){.cookie-settings__title{font-size:18px}}.cookie-settings__close{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff0d;color:#e5e7ebb3;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cookie-settings__close:hover{background:#ffffff1a;color:#e5e7ebf2}.cookie-settings__description{font-size:14px;line-height:1.6;color:#e5e7ebb3;margin:0 0 24px}.cookie-settings__options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cookie-option{padding:16px;background:#ffffff08;border:1px solid rgba(148,163,184,.15);border-radius:12px;transition:all .2s ease}.cookie-option:hover{background:#ffffff0d;border-color:#3b82f64d}.cookie-option__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.cookie-option__title-group{display:flex;align-items:center;gap:8px;flex:1}.cookie-option__title{font-size:15px;font-weight:600;color:#e5e7ebe6;margin:0}.cookie-option__badge{font-size:11px;font-weight:600;color:#e5e7eb99;text-transform:uppercase;letter-spacing:.05em}.cookie-option__description{font-size:13px;line-height:1.5;color:#e5e7eba6;margin:0}.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle input:checked+.cookie-toggle__slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cookie-toggle input:checked+.cookie-toggle__slider:before{transform:translate(20px)}.cookie-toggle--disabled{opacity:.5;cursor:not-allowed}.cookie-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#94a3b84d;transition:all .3s ease;border-radius:24px}.cookie-toggle__slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:transform .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.cookie-settings__actions{display:flex;gap:12px}@media(max-width:640px){.cookie-settings__actions{flex-direction:column-reverse}}.cookie-settings__btn{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}@media(max-width:640px){.cookie-settings__btn{width:100%}}.cookie-settings__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.cookie-settings__btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f699;transform:translateY(-1px)}.cookie-settings__btn--primary:active{transform:translateY(0)}.cookie-settings__btn--secondary{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.cookie-settings__btn--secondary:hover{background:#3b82f633;border-color:#3b82f680}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.session-warning{position:fixed;top:80px;right:20px;z-index:9998;max-width:400px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.session-warning__content{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fff5e6,#ffe8cc);border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 8px 24px #f59e0b40}.session-warning__icon{font-size:1.5rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.session-warning__text{flex:1}.session-warning__text strong{display:block;color:#92400e;font-size:.9375rem;margin-bottom:.25rem}.session-warning__text p{color:#78350f;font-size:.875rem;margin:0;line-height:1.4}.session-warning__button{padding:.5rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.session-warning__button:hover{background:#d97706;transform:translateY(-1px)}.session-warning__button:active{transform:translateY(0)}.session-warning__close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#78350f;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.session-warning__close:hover{background:#78350f1a;color:#92400e}@media(max-width:640px){.session-warning{top:70px;right:10px;left:10px;max-width:none}.session-warning__content{flex-direction:column;padding:1rem}.session-warning__button{width:100%}}.home{padding-top:64px;padding-bottom:40px}.trial-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:20px 0 0;position:relative;overflow:hidden;animation:slideDown .5s ease-out;margin-top:30px;margin-bottom:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.trial-banner__marquee{background:#00000026;padding:14px 0;overflow:hidden;white-space:nowrap;border-bottom:2px solid rgba(255,255,255,.2)}.trial-banner__marquee-content{display:inline-flex;align-items:center;animation:marqueeScroll 25s linear infinite}@media(max-width:768px){.trial-banner__marquee-content{gap:0}}.trial-banner__marquee-set{display:inline-flex;align-items:center;flex-shrink:0}.trial-banner__marquee-item{display:inline-block;padding:0 24px 0 12px;font-size:24px;font-weight:700;letter-spacing:1px}@media(max-width:768px){.trial-banner__marquee-item{font-size:21px;padding:0 18px 0 10px}}.trial-banner__marquee-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;transform:rotate(-135deg);transform-origin:center}@media(max-width:768px){.trial-banner__marquee-icon{font-size:21px}}.trial-banner__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px;padding:5px 20px 2px;max-width:1400px;margin:0 auto}@media(min-width:901px){.trial-banner__content{padding-left:96px;padding-right:96px}}@media(max-width:768px){.trial-banner__content{gap:10px;padding:18px 16px 20px}}@keyframes floatVial{0%,to{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-10px) rotate(-8deg)}}.trial-banner__decor{display:none}@media(min-width:901px){.trial-banner__decor{display:inline-flex;position:absolute;top:46px;font-size:54px;line-height:1;transform:translateY(0);filter:drop-shadow(0 10px 22px rgba(15,23,42,.28));pointer-events:none;animation:floatVial 3.4s ease-in-out infinite}}.trial-banner__decor--left{left:36px}.trial-banner__decor--right{right:36px;animation-delay:1.7s}.trial-banner__cta.btn{background:#fffffff2!important;color:#3b82f6!important;border:none!important;padding:26px 76px!important;font-size:30px!important;font-weight:700!important;border-radius:16px!important;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 16px #0003!important}.trial-banner__cta.btn:hover{background:#fff!important;transform:scale(1.08);box-shadow:0 6px 24px #00000040!important}.trial-banner__cta.btn:active{transform:scale(1.02)}@media(max-width:768px){.trial-banner__cta.btn{padding:24px 20px!important;font-size:25px!important;width:auto;min-width:280px}}.trial-banner__spots{font-size:15px;font-weight:600;opacity:.9;letter-spacing:.5px}@media(max-width:768px){.trial-banner__spots{font-size:14px}}.floating-create-btn{position:fixed;z-index:9997;display:none}@media(max-width:768px){.floating-create-btn{display:flex;bottom:24px;left:24px;width:56px;height:56px;padding:0;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;box-shadow:0 8px 24px #3b82f666;transition:all .3s ease;animation:fadeInButton .3s ease-out;align-items:center;justify-content:center}@keyframes fadeInButton{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.floating-create-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px #3b82f699}.floating-create-btn:active{transform:scale(.95)}.floating-create-btn__icon{font-size:24px}.floating-create-btn__text{display:none}}.kicker{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#e5e7ebeb;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.home__hero{position:relative;overflow:hidden}.home__hero.home__graph.home__graphic-slitGrid,.home__graphic-slitInner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;padding-top:24px;padding-bottom:24px}.home__hero:after{content:"";position:absolute;top:-120px;right:-120px;bottom:-120px;left:-120px;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.22),transparent 55%);pointer-events:none}.hero__grid{display:grid;gap:26px;grid-template-columns:1.15fr .85fr;align-items:start}@media(min-width:921px){.home__hero .hero__grid{padding-top:170px;padding-bottom:170px;align-items:center}.home__hero .hero__actions{padding-top:0}.home__hero .hero__actions .hero__action-btn{max-width:420px;padding:24px 38.4px!important;font-size:30px!important}}@media(max-width:920px){.hero__grid{grid-template-columns:1fr}}.hero__title{margin-top:14px;font-size:clamp(43px,4.2vw,51.6px);line-height:1.08;letter-spacing:-.02em}.hero__accent{color:#3b82f6f2}.hero__messages{position:relative;margin-top:14px;margin-bottom:10px;min-height:clamp(56px,6vw,64px);max-width:720px}.hero__subtitle{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;font-size:clamp(19px,2vw,22.8px);line-height:1.25;color:#e5e7ebd9;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.hero__subtitle--active{opacity:1;transform:translateY(0)}.hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;margin-bottom:6px}.hero__badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:all .2s ease}.hero__badge--primary{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.4);color:#60a5faf2}.hero__badge--secondary{background:#facc151a;border:1px solid rgba(250,204,21,.3);color:#facc15f2}.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero__cta .btn{padding:10.8px 21.6px;font-size:16.8px}.social-proof-strip{background:linear-gradient(180deg,#0f172a99,#1e293b66);border-top:1px solid rgba(148,163,184,.15);border-bottom:1px solid rgba(148,163,184,.15);padding:0;position:relative;overflow:hidden}.social-proof-strip:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%);animation:shimmer 8s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.social-proof-strip .social-proof__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:1px}@media(max-width:1024px){.social-proof-strip .social-proof__content{grid-template-columns:1fr;gap:48px;text-align:center}}@media(max-width:768px){.social-proof-strip .social-proof__content{gap:40px}}.tech-proof{min-width:450px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-right:32px}@media(max-width:1024px){.tech-proof{align-items:center;padding-right:0;min-width:auto;width:100%}}.tech-proof__label{font-size:12px;color:#94a3b8cc;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0;display:flex;align-items:center;gap:8px}.tech-proof__logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}@media(max-width:1024px){.tech-proof__logos{justify-content:center}}@media(max-width:768px){.tech-proof__logos{flex-direction:column;width:100%;gap:10px;align-items:center}}.tech-badge{display:inline-flex;align-items:center;padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(148,163,184,.2);color:#e5e7ebf2;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.tech-badge{width:60%;max-width:280px;justify-content:center;padding:12px 20px;font-size:15px}}.tech-badge:hover{background:linear-gradient(135deg,#1e293bf2,#0f172a);border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f633}.beta-stats{display:flex;gap:48px;justify-content:space-around;padding-left:32px}@media(max-width:1024px){.beta-stats{border-left:none;padding:32px 0;justify-content:center}}@media(max-width:768px){.beta-stats{gap:24px;padding:24px 0}}@media(max-width:480px){.beta-stats{flex-direction:column;gap:24px;align-items:center}}.stat{display:flex;flex-direction:row;align-items:center;text-align:left;gap:16px}@media(max-width:768px){.stat{gap:12px}}@media(max-width:480px){.stat{justify-content:center;max-width:280px}}.stat__icon{font-size:32px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:768px){.stat__icon{font-size:28px}}.stat__content{display:flex;flex-direction:column;gap:4px}.stat__number{font-size:36px;font-weight:800;background:linear-gradient(135deg,#e5e7eb,#94a3b8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.03em}@media(max-width:768px){.stat__number{font-size:32px}}.stat__label{font-size:13px;color:#94a3b8e6;margin-top:4px;white-space:nowrap;font-weight:500}.hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero__actions{display:flex;flex-direction:column;margin:0 20px;padding-top:60px;gap:16px;align-items:center;justify-content:center}.hero__actions .hero__action-btn{width:100%;max-width:350px;padding:20px 32px!important;font-size:25px!important;font-weight:600;text-align:center}@media(max-width:768px){.hero__actions .hero__action-btn--tour{display:none}}@media(min-width:921px){.hero__actions .hero__action-btn--create{min-height:calc(100% + 20px);padding-top:34px!important;padding-bottom:34px!important}}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:12px;color:#e5e7ebe6;border:1px solid rgba(148,163,184,.22);background:#02061759}.hero__mock{position:relative}.mock-card{border-radius:20px;background:linear-gradient(145deg,#0f172ad9,#020617f2);border:1px solid rgba(148,163,184,.26);box-shadow:0 26px 90px #020617bf;overflow:hidden}.mock-card__top{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16);background:#0206178c}.mock-dot{width:10px;height:10px;border-radius:999px;background:#94a3b859}.mock-card__title{margin-left:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e5e7ebbf}.mock-card__body{padding:14px;display:flex;flex-direction:column;gap:10px}.mock-bubble{max-width:92%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.35;border:1px solid rgba(148,163,184,.22)}.mock-bubble.left{align-self:flex-start;background:#02061759}.mock-bubble.right{align-self:flex-end;background:#3b82f629;border-color:#3b82f647}.mock-placeholder{margin-top:6px;padding:14px;border-radius:14px;background:#0f172a8c;border:1px dashed rgba(148,163,184,.28);color:#e5e7eba6;font-size:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.use-cases{display:flex;gap:20px;margin-top:18px;flex-wrap:wrap}@media(max-width:920px){.hero__grid,.grid3,.grid2{grid-template-columns:1fr}.use-cases{flex-direction:column}}.feature{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061759;display:block}.feature h3{font-size:23px;margin-bottom:12px;display:block}.feature p{font-size:16px;color:#e5e7ebc7;line-height:1.5;display:block}.steps{margin-top:18px;display:grid;gap:12px}.step{display:flex;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#0206174d}.step__num{width:40.8px;height:40.8px;min-width:40.8px;min-height:40.8px;display:grid;place-items:center;border-radius:12px;background:#3b82f629;border:1px solid rgba(59,130,246,.28);font-weight:800;font-size:16.8px;color:#3b82f6f2;flex-shrink:0}.step__title{font-size:21px;font-weight:700}.step__desc{margin-top:6px;font-size:15.6px;color:#e5e7ebc7;line-height:1.5}.card2{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061759}.card2 h3{font-size:15px;margin-bottom:10px}.card2 ul{padding-left:18px;color:#e5e7ebcc;font-size:13px;display:grid;gap:6px}.placeholder{margin-top:14px;padding:14px;border-radius:14px;background:#0f172a8c;border:1px dashed rgba(148,163,184,.28);color:#e5e7eba6;font-size:12px}.faq{margin-top:16px;display:grid;gap:10px}.faq__item{padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#0206174d}.faq__item summary{cursor:pointer;font-weight:650;font-size:21px}.faq__item p{margin-top:10px;color:#e5e7ebc7;font-size:15.6px;line-height:1.5}.section.section--contact{padding-bottom:50px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}@media(max-width:920px){.contact{grid-template-columns:1fr}}.contact__info{display:grid;gap:12px}.contact__box{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061740}@media(max-width:920px){.contact__box--image{display:none}}.contact__box--image{padding:0;overflow:hidden}.contact__image-mail{width:100%;height:370px;background-image:url(/assets/mail1-D2IcIkFZ.png);background-size:cover;background-position:center;background-repeat:no-repeat}.contact__big{margin-top:10px;font-size:18px;font-weight:750;letter-spacing:-.01em}.contact__small{margin-top:6px;font-size:12px;color:#9ca3afe6}.contact__form{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061759}.contact__form label{color:inherit}.contact__form input,.contact__form .textarea{margin-bottom:15px}.contact__form input.error,.contact__form .textarea.error{border-color:#ef4444!important}.contact__form .form-error{margin:-5px 0 15px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;color:#ef4444}.contact__form label .error-message{display:block!important;margin-top:-12px!important;margin-bottom:8px!important;padding:0!important;font-size:12px!important;font-weight:400!important;color:#ef4444!important;background:transparent!important;border:none!important;border-radius:0!important}.contact__form input:disabled,.contact__form .textarea:disabled{opacity:.6;cursor:not-allowed}.contact__form .btn:disabled{opacity:.6;cursor:not-allowed}.contact__form .message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.contact__form .message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.contact__form .message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.textarea{resize:vertical;margin-bottom:15px}.footer{margin-top:0;padding-top:20px;padding-left:20px;padding-right:20px;font-size:12px;color:#9ca3afe6}.home__graphic-slit{padding:0;border-bottom:1px solid rgba(148,163,184,.14)}.home__graphic-slitGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;padding-top:24px;padding-bottom:24px}.home__graphic-slitGrid--reverse{direction:rtl}.home__graphic-slitGrid--reverse>*{direction:ltr}@media(min-width:921px){.home__graphic-slitGrid--three{direction:rtl}.home__graphic-slitGrid--three>*{direction:ltr}}.home__graphic-slitInner{height:300px;padding:0;background-repeat:no-repeat;background-size:cover;background-position:center 25%;border-radius:18px;background-attachment:fixed;box-shadow:0 0 0 1px #94a3b82e,0 26px 70px #0206178c;grid-column:span 2}.home__graphic-slitCard{height:300px;display:flex;flex-direction:column;justify-content:center}.home__graphic-slitInner_one{background-image:url(/assets/rocket1-B5zaaY74.png)}.home__graphic-slitInner_two{background-image:url(/assets/agent1-sPD66tun.png)}.section.section--footer{border-bottom:0px}.section.section--footer .container{padding:0}@media(max-width:920px){.home__graphic-slitGrid{grid-template-columns:1fr}.home__graphic-slitGrid--reverse>*{grid-column:auto;direction:ltr}.home__graphic-slitInner{background-attachment:fixed;grid-column:auto}.home__graphic-slitCard{height:auto}}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:920px){.pricing{grid-template-columns:1fr}}.animated-chat-demo{display:flex;justify-content:center;align-items:center;padding:40px 20px 0}.animated-chat-demo__card{width:100%;max-width:480px;border-radius:20px;background:linear-gradient(145deg,#0f172ab3,#1e293b80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 50px #0000004d;overflow:hidden}.animated-chat-demo__header{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#0f172a66;border-bottom:1px solid rgba(148,163,184,.1);position:relative}.animated-chat-demo__header-dots{display:flex;gap:6px;position:absolute;left:16px}.animated-chat-demo__header-dots .dot{width:10px;height:10px;border-radius:50%;background:#94a3b84d}.animated-chat-demo__header-title{font-size:14px;font-weight:600;color:#e5e7ebf2}.animated-chat-demo__messages{padding:20px;min-height:340px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.animated-chat-demo__message{padding:12px 16px;border-radius:16px;max-width:85%;font-size:14px;line-height:1.5;animation:fadeInMessage .3s ease-out}.animated-chat-demo__message.bot{align-self:flex-start;background:#3b82f626;color:#e5e7ebf2;border:1px solid rgba(59,130,246,.2)}.animated-chat-demo__message.user{align-self:flex-end;background:#3b82f6d9;color:#fffffffa;border:1px solid rgba(59,130,246,.95)}.animated-chat-demo__typing{align-self:flex-start;padding:12px 16px;border-radius:16px;background:#3b82f626;border:1px solid rgba(59,130,246,.2);display:flex;gap:4px;align-items:center;animation:fadeInMessage .3s ease-out}.animated-chat-demo__typing span{width:6px;height:6px;border-radius:50%;background:#e5e7eb99;animation:typingDot 1.4s infinite ease-in-out}.animated-chat-demo__typing span:nth-child(2){animation-delay:.2s}.animated-chat-demo__typing span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.animated-chat-demo__input-area{display:flex;gap:10px;padding:16px 20px;background:#0f172a4d;border-top:1px solid rgba(148,163,184,.1)}.animated-chat-demo__input{flex:1;padding:12px 16px;border-radius:12px;background:#1e293b99;border:1px solid rgba(148,163,184,.2);color:#e5e7ebe6;font-size:14px;min-height:44px;display:flex;align-items:center;transition:all .2s ease}.animated-chat-demo__input.sending{opacity:.5;transform:scale(.98)}.animated-chat-demo__cursor{display:inline-block;margin-left:2px;color:#3b82f6e6;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animated-chat-demo__send-btn{width:44px;height:44px;border-radius:12px;background:#3b82f6d9;border:1px solid rgba(59,130,246,.95);color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.animated-chat-demo__send-btn:hover:not(:disabled){background:#3b82f6;transform:scale(1.05)}.animated-chat-demo__send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.animated-chat-demo__card{max-width:100%}.animated-chat-demo__messages{min-height:200px}}.auto-carousel{width:100%;position:relative;overflow:hidden}.auto-carousel__viewport{width:100%;overflow:hidden}.auto-carousel__track{display:flex;will-change:transform}.auto-carousel__slide{flex:0 0 100%;width:100%;min-width:100%}.auto-carousel__indicators{display:flex;justify-content:center;gap:12px;margin-top:32px}.auto-carousel__dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(59,130,246,.4);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.auto-carousel__dot:hover{border-color:#3b82f6b3;transform:scale(1.2)}.auto-carousel__dot--active{background:#3b82f6d9;border-color:#3b82f6d9;transform:scale(1.3)}.pricing-card{position:relative;display:flex;flex-direction:column;height:100%;padding:32px 24px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061759;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);border-color:#94a3b859;box-shadow:0 12px 32px #02061799}.pricing-card--popular{border:2px solid rgba(59,130,246,.5);background:#3b82f614;transform:scale(1.05);box-shadow:0 16px 48px #3b82f64d}.pricing-card--popular:hover{transform:scale(1.05) translateY(-4px);border-color:#3b82f6b3;box-shadow:0 20px 56px #3b82f666}@media(max-width:920px){.pricing-card--popular{transform:scale(1)}.pricing-card--popular:hover{transform:translateY(-4px)}}.pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 12px #3b82f666}.pricing-card__title{font-size:24px;font-weight:600;color:#e5e7ebf2;margin:0 0 8px;text-align:center}.pricing-card__description{font-size:14px;color:#94a3b8e6;text-align:center;margin:0 0 24px}.pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:8px}.pricing-card__activation-fee{color:#94a3b8d9;text-align:center;margin:0 0 24px}.pricing-card__activation-fee-amount{font-size:13px}.pricing-card__activation-fee-label{font-size:11px}.pricing-card__amount{font-size:48px;font-weight:700;color:#3b82f6f2;line-height:1}.pricing-card__currency{font-size:20px;font-weight:500;color:#94a3b8d9}.pricing-card__features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.pricing-card__feature{padding:12px 0;font-size:15px;color:#e5e7ebd9;border-bottom:1px solid rgba(148,163,184,.12)}.pricing-card__feature:first-child{padding-top:0}.pricing-card__feature:last-child{border-bottom:none}.pricing-card__feature:before{content:"✓";display:inline-block;margin-right:12px;color:#22c55ed9;font-weight:600}.pricing-card__button{width:100%;padding:14px 24px;font-size:16px;font-weight:600;margin-top:auto}.use-case-card{padding:16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#02061759;flex:1;min-width:280px}.use-case-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.use-case-card__icon{font-size:24px;line-height:1}.use-case-card h3{font-size:15px;margin:0;color:#e5e7ebf2}.use-case-card ul{padding-left:18px;color:#e5e7ebcc;font-size:13px;display:grid;gap:6px;list-style:disc}.main-agent__toggle{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2563eb66;transition:all .3s ease;z-index:9999}.main-agent__toggle:hover{transform:scale(1.1);box-shadow:0 12px 32px #2563eb99}.main-agent__toggle:active{transform:scale(.95)}.main-agent__toggle--open{background:#0f172af2;font-size:24px}.main-agent__window{position:fixed;bottom:100px;right:24px;width:400px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 140px);border-radius:20px;background:linear-gradient(145deg,#0f172afa,#1e293bf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;z-index:9998;animation:slideUp .3s ease-out}@media(max-width:768px){.main-agent__window{bottom:100px;right:20px;left:20px;width:auto;height:calc(100vh - 200px);max-height:calc(100vh - 200px)}}.main-agent__header{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#0f172a99;border-bottom:1px solid rgba(148,163,184,.1);border-radius:20px 20px 0 0;position:relative}.main-agent__header-dots{display:flex;gap:6px;position:absolute;left:16px}.main-agent__header-dots .dot{width:10px;height:10px;border-radius:50%;background:#94a3b84d}.main-agent__header-title{font-size:14px;font-weight:600;color:#e5e7ebf2}.main-agent__close{position:absolute;right:16px;background:none;border:none;color:#94a3b8b3;font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.main-agent__close:hover{color:#e5e7ebf2}.main-agent__messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.main-agent__messages::-webkit-scrollbar{width:6px}.main-agent__messages::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.main-agent__messages::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.main-agent__messages::-webkit-scrollbar-thumb:hover{background:#94a3b880}.main-agent__message{padding:12px 16px;border-radius:16px;max-width:85%;font-size:14px;line-height:1.5;animation:fadeInMessage .3s ease-out;word-wrap:break-word}.main-agent__message--bot{align-self:flex-start;background:#3b82f626;color:#e5e7ebf2;border:1px solid rgba(59,130,246,.2)}.main-agent__message--user{align-self:flex-end;background:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f64d}.main-agent__typing{display:flex;gap:6px;padding:4px 0}.main-agent__typing span{width:8px;height:8px;border-radius:50%;background:#94a3b899;animation:bounce 1.4s infinite ease-in-out both}.main-agent__typing span:nth-child(1){animation-delay:-.32s}.main-agent__typing span:nth-child(2){animation-delay:-.16s}.main-agent__input-area{display:flex;gap:8px;padding:16px 20px;background:#0f172a99;border-top:1px solid rgba(148,163,184,.1);border-radius:0 0 20px 20px}.main-agent__input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172acc;color:#e5e7ebf2;font-size:14px;outline:none;transition:all .2s ease}.main-agent__input::placeholder{color:#94a3b880}.main-agent__input:focus{border-color:var(--accent);background:#0f172ae6}.main-agent__input:disabled{opacity:.6;cursor:not-allowed}.main-agent__send{padding:12px 16px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.main-agent__send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.main-agent__send:active:not(:disabled){transform:translateY(0)}.main-agent__send:disabled{opacity:.5;cursor:not-allowed}.pricing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.pricing-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(59,130,246,.3);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pricing-modal{max-height:95vh;border-radius:12px}}.pricing-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#94a3b81a;color:#94a3b8;font-size:28px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.pricing-modal__close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}@media(max-width:768px){.pricing-modal__close{top:15px;right:15px;width:36px;height:36px;font-size:24px}}.pricing-modal__header{padding:40px 40px 30px;border-bottom:1px solid rgba(148,163,184,.1);text-align:center}@media(max-width:768px){.pricing-modal__header{padding:30px 20px 20px}}.pricing-modal__title{margin:0 0 16px;color:#fff;font-size:32px;font-weight:700}@media(max-width:768px){.pricing-modal__title{font-size:26px}}.pricing-modal__price{margin-bottom:20px}.pricing-modal__amount{font-size:48px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.pricing-modal__amount{font-size:40px}}.pricing-modal__currency{font-size:20px;color:#94a3b8;margin-left:8px}@media(max-width:768px){.pricing-modal__currency{font-size:18px}}.pricing-modal__description{color:#94a3b8;font-size:16px;line-height:1.6;max-width:600px;margin:0 auto}@media(max-width:768px){.pricing-modal__description{font-size:14px}}.pricing-modal__content{padding:30px 40px}@media(max-width:768px){.pricing-modal__content{padding:20px}}.pricing-modal__section{margin-bottom:40px}.pricing-modal__section:last-child{margin-bottom:0}.pricing-modal__section-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(59,130,246,.3)}@media(max-width:768px){.pricing-modal__section-title{font-size:18px;margin-bottom:16px}}.pricing-modal__category{margin-bottom:24px}.pricing-modal__category:last-child{margin-bottom:0}.pricing-modal__category-title{color:#3b82f6;font-size:16px;font-weight:600;margin:0 0 12px}@media(max-width:768px){.pricing-modal__category-title{font-size:15px}}.pricing-modal .comparison-table-wrapper{overflow-x:auto;margin:0 -10px;padding:0 10px}.pricing-modal .comparison-table{width:100%;border-collapse:collapse;font-size:14px;min-width:500px}@media(max-width:768px){.pricing-modal .comparison-table{font-size:12px}}.pricing-modal .comparison-table th,.pricing-modal .comparison-table td{padding:12px 16px;text-align:center;border-bottom:1px solid rgba(148,163,184,.15)}@media(max-width:768px){.pricing-modal .comparison-table th,.pricing-modal .comparison-table td{padding:10px 8px}}.pricing-modal .comparison-table th{background:#0f172a99;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.pricing-modal .comparison-table th:first-child{text-align:left;border-radius:8px 0 0}.pricing-modal .comparison-table th:last-child{border-radius:0 8px 0 0}.pricing-modal .comparison-table th.highlighted{background:#3b82f640;color:#60a5fa;box-shadow:inset 0 3px #3b82f6}.pricing-modal .comparison-table td{color:#cbd5e1}.pricing-modal .comparison-table td:first-child{text-align:left;color:#94a3b8;font-weight:500}.pricing-modal .comparison-table td.highlighted{background:#3b82f614;color:#fff}.pricing-modal .comparison-table td strong{color:#fff;font-weight:600}.pricing-modal .comparison-table tbody tr{transition:background .2s ease}.pricing-modal .comparison-table tbody tr:hover{background:#94a3b80d}.pricing-modal .comparison-table tbody tr:last-child td{border-bottom:none}.pricing-modal .comparison-table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.pricing-modal .comparison-table tbody tr:last-child td:last-child{border-radius:0 0 8px}.pricing-modal .comparison-table .check{color:#4ade80;font-weight:700;font-size:16px}.pricing-modal .comparison-table .cross{color:#f87171;font-weight:700;font-size:16px}.pricing-modal .comparison-table .plan-starter,.pricing-modal .comparison-table .plan-professional,.pricing-modal .comparison-table .plan-enterprise{min-width:100px}@media(max-width:768px){.pricing-modal .comparison-table .plan-starter,.pricing-modal .comparison-table .plan-professional,.pricing-modal .comparison-table .plan-enterprise{min-width:70px}}.pricing-modal__list{list-style:none;padding:0;margin:0}.pricing-modal__list--warning .pricing-modal__list-item{color:#fbbf24}.pricing-modal__list--warning .pricing-modal__list-item:before{content:"⚠️ ";margin-right:8px}.pricing-modal__list-item{color:#cbd5e1;font-size:14px;line-height:1.8;padding:6px 0 6px 24px;position:relative}@media(max-width:768px){.pricing-modal__list-item{font-size:13px;padding-left:20px}}.pricing-modal__info-box{background:#0f172a99;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:20px}@media(max-width:768px){.pricing-modal__info-box{padding:16px}}.pricing-modal__info-item{margin-bottom:16px}.pricing-modal__info-item:last-child{margin-bottom:0}.pricing-modal__info-item strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:6px}.pricing-modal__info-item p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}@media(max-width:768px){.pricing-modal__info-item p{font-size:13px}}.pricing-modal__footer{padding:30px 40px;border-top:1px solid rgba(148,163,184,.1);display:flex;gap:16px;justify-content:center}@media(max-width:768px){.pricing-modal__footer{padding:20px;flex-direction:column}}.pricing-modal__footer .btn{padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.pricing-modal__footer .btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.pricing-modal__footer .btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.pricing-modal__footer .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.pricing-modal__footer .btn.secondary:hover{background:#94a3b833;color:#fff}@media(max-width:768px){.pricing-modal__footer .btn{width:100%;padding:14px 24px}}.pricing-modal::-webkit-scrollbar{width:8px}.pricing-modal::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}.pricing-modal::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:10px}.pricing-modal::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.product-tour{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.product-tour__overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:all}.product-tour__overlay--interactive{pointer-events:none}.product-tour__overlay--interactive .product-tour__spotlight-svg{pointer-events:all}.product-tour__overlay--interactive .product-tour__spotlight-svg rect{pointer-events:all}.product-tour__spotlight-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.product-tour__spotlight-border{position:absolute;border:3px solid #3b82f6;border-radius:12px;box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f680;pointer-events:none;transition:all .3s ease;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f680}50%{box-shadow:0 0 0 8px #3b82f633,0 0 30px #3b82f6b3}}.product-tour__tooltip{position:fixed;width:360px;max-width:calc(100vw - 40px);background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000080,0 0 0 1px #3b82f633;pointer-events:all;transition:all .3s ease;animation:fadeInScale .3s ease}.product-tour__tooltip--hidden{opacity:0;visibility:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.product-tour__tooltip{width:calc(100vw - 40px);padding:20px}}.product-tour__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#94a3b81a;color:#94a3b8;font-size:24px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.product-tour__close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.product-tour__progress{color:#3b82f6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.product-tour__content{margin-bottom:24px}.product-tour__title{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.3}@media(max-width:768px){.product-tour__title{font-size:18px}}.product-tour__description{color:#cbd5e1;font-size:14px;line-height:1.6;margin:0}@media(max-width:768px){.product-tour__description{font-size:13px}}.product-tour__navigation{display:flex;gap:12px;margin-bottom:16px}@media(max-width:768px){.product-tour__navigation{flex-direction:column}}.product-tour__btn{flex:1;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.product-tour__btn:disabled{opacity:.4;cursor:not-allowed}.product-tour__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.product-tour__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.product-tour__btn--primary:active:not(:disabled){transform:translateY(0)}.product-tour__btn--secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.product-tour__btn--secondary:hover:not(:disabled){background:#94a3b833;color:#fff}@media(max-width:768px){.product-tour__btn{padding:14px 20px}}.product-tour__dots{display:flex;gap:8px;justify-content:center;padding-top:16px;border-top:1px solid rgba(148,163,184,.1)}.product-tour__dot{width:8px;height:8px;border-radius:50%;border:none;background:#94a3b84d;cursor:pointer;transition:all .2s ease;padding:0}.product-tour__dot:hover{background:#94a3b880;transform:scale(1.2)}.product-tour__dot.active{background:#3b82f6;width:24px;border-radius:4px}body.tour-active{overflow:hidden}.exit-intent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .3s ease}.exit-intent-modal{position:relative;background:linear-gradient(145deg,#0f172af2,#020617);border:1px solid rgba(148,163,184,.26);border-radius:24px;max-width:460px;width:100%;padding:.5rem 1rem 1rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #94a3b81a;animation:slideUp .3s ease}.modal-close{position:absolute;top:1rem;right:1rem;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#e5e7ebb3;transition:all .2s ease}.modal-close:hover{background:#1e293be6;border-color:#3b82f680;color:#e5e7eb;transform:scale(1.1)}.modal-content{text-align:center}.modal-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-title{font-size:2rem;font-weight:700;color:#e5e7ebf2;margin-bottom:.5rem;line-height:1.2}.modal-subtitle{font-size:1.125rem;color:#e5e7ebcc;margin-bottom:2rem;line-height:1.5}.modal-subtitle strong{color:#f59e0b;font-weight:700}.modal-code{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fbbf2426,#f59e0b33);border:1px solid rgba(251,191,36,.3);padding:1rem;border-radius:12px;margin-bottom:2rem}.code-wrapper{flex:1;display:flex;flex-direction:column;align-items:flex-start}.code-label{font-size:.75rem;color:#fbbf24e6;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-value{font-size:1.5rem;font-weight:700;color:#fbbf24;font-family:Courier New,monospace;letter-spacing:.1em}.btn-copy-code{padding:.5rem 1rem;background:#0f172acc;border:2px solid rgba(251,191,36,.5);border-radius:8px;color:#fbbf24;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy-code:hover{background:#fbbf2433;border-color:#fbbf24cc;color:#fbbf24}.modal-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px}.feature-modal{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#e5e7ebd9;text-align:left}.feature-icon{font-size:1.125rem;flex-shrink:0}.btn-accept-offer{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.btn-accept-offer:hover{transform:scale(1.02);box-shadow:0 8px 20px #3b82f680}.btn-accept-offer:active{transform:scale(.98)}.modal-disclaimer{font-size:.875rem;color:#fbbf24e6;font-weight:600}.modal-confirm-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn-accept-offer--secondary{background:transparent;border:2px solid rgba(59,130,246,.6);color:#93c5fd}.btn-accept-offer--secondary:hover{background:#3b82f626;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f640}.modal-confirm-actions a{text-decoration:none;display:block;text-align:center}@media(max-width:640px){.exit-intent-overlay{padding:.75rem;align-items:center}.exit-intent-modal{padding:1.25rem 1rem 1rem;max-height:95dvh;overflow-y:auto}.modal-icon{font-size:2.25rem;margin-bottom:.375rem}.modal-title{font-size:1.35rem;margin-bottom:.25rem}.modal-subtitle{font-size:.9375rem;margin-bottom:.75rem}.modal-code{flex-direction:row;text-align:left;padding:.625rem .75rem;margin-bottom:.75rem;gap:.5rem}.code-wrapper{align-items:flex-start}.code-label{font-size:.6875rem}.code-value{font-size:1.125rem}.btn-copy-code{padding:.375rem .75rem;font-size:.8125rem}.modal-features{padding:.75rem;gap:.375rem;margin-bottom:.75rem}.feature{font-size:.875rem;gap:.5rem}.feature-icon{font-size:1rem}.btn-accept-offer{font-size:.9375rem;padding:.75rem;margin-bottom:.5rem}.modal-disclaimer{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.exit-intent-overlay,.exit-intent-modal,.modal-icon{animation:none}}.footer{background:#020617f2;padding:20px 20px 15px;margin-top:20px}@media(max-width:768px){.footer{padding:20px;margin-top:20px}}.footer--minimal{padding:20px;margin-top:40px;text-align:center}.footer__container{max-width:1200px;margin:0 auto}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:968px){.footer__content{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:640px){.footer__content{grid-template-columns:1fr;gap:30px}}.footer__brand{display:flex;flex-direction:column;gap:16px}.footer__logo{display:flex;align-items:center;gap:12px}.footer__logo-img{width:32px;height:32px;border-radius:8px}.footer__logo-text{font-size:16px;font-weight:700;letter-spacing:.15em;color:#e5e7ebeb}.footer__tagline{font-size:14px;line-height:1.6;color:#e5e7eb99;max-width:300px;margin:0}.footer__links,.footer__contact,.footer__sitemap{display:flex;flex-direction:column;gap:12px}.footer__links-title,.footer__contact-title,.footer__sitemap-title{font-size:14px;font-weight:600;color:#e5e7ebd9;margin:0 0 8px;letter-spacing:.05em;text-transform:uppercase}.footer__nav{display:flex;flex-direction:column;gap:8px}.footer__link{font-size:14px;color:#e5e7eba6;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;width:fit-content}.footer__link:hover{color:#3b82f6;transform:translate(4px)}.footer__link:active{transform:translate(2px)}.footer__link--button{background:none;border:none;padding:0;text-align:left;font-family:inherit;cursor:pointer}.footer__bottom{padding-top:30px;border-top:1px solid rgba(148,163,184,.12);text-align:center}.footer__copyright{font-size:13px;color:#e5e7eb80;margin:0;letter-spacing:.02em}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{animation:fadeInFooter .6s ease-out}.login-error-message{color:#ef4444;font-weight:700;font-size:.9rem;margin:.5rem 0}.forgot-password-link{text-align:right;margin-top:-.5rem;margin-bottom:.5rem}.forgot-password-link a{color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .2s}.forgot-password-link a:hover{color:#3b82f6;text-decoration:underline}.session-expired-banner{background:linear-gradient(135deg,#fff5e6,#ffe8cc);border-left:4px solid #ff9800;padding:16px 20px;margin-bottom:24px;border-radius:8px;animation:slideDown .4s ease-out}.session-expired-banner p{margin:0;color:#e65100;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message--error{color:var(--danger)!important;font-weight:700;font-size:13px}.register-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0;gap:16px}.register-success__icon{font-size:48px;line-height:1}.register-success__title{font-size:22px;font-weight:700;color:var(--success)}.register-success__message{font-size:14px;color:var(--muted);line-height:1.6;max-width:340px}.register-success__btn{margin-top:8px}.auth-page{min-height:calc(100vh - 64px);padding-top:88px;display:flex;flex-direction:column;justify-content:space-between}.auth-page__content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.trial-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 12px #3b82f680;z-index:10;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #3b82f680}50%{transform:scale(1.05);box-shadow:0 6px 16px #3b82f6b3}}.subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.message.success{color:#10b981}.subtitle{color:#6b7280;margin-bottom:1.5rem}.verified-check{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#22c55e;color:#fff;font-size:20px;font-weight:700;margin-right:10px;vertical-align:middle}.welcome .subtitle+.subtitle{margin-top:8px;margin-bottom:35px!important}.welcome .subtitle:nth-of-type(1){margin-bottom:5px!important}.button-row{display:flex;flex-direction:row;gap:12px;justify-content:center;align-items:center;margin-top:24px;flex-wrap:wrap}@media(max-width:480px){.button-row{flex-direction:column;width:100%}.button-row .btn{width:100%}}.welcome .actions .btn.primary{font-size:20px;font-weight:500;padding:14px 24px;margin-top:5px;margin-bottom:5px}.welcome .actions .btn.primary:nth-of-type(1){font-size:25px;margin-top:15px}.welcome .actions .btn.primary:nth-of-type(3){margin-bottom:15px}.welcome .actions{gap:14px!important}.trial-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:trialFadeIn .3s ease}@keyframes trialFadeIn{0%{opacity:0}to{opacity:1}}.trial-info-modal{background:linear-gradient(145deg,#0f172af2,#020617);border:1px solid rgba(148,163,184,.25);border-radius:20px;max-width:420px;width:100%;padding:2rem 1.75rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #94a3b81a;text-align:center;animation:trialSlideUp .3s ease}.trial-info-modal__title{font-size:1.375rem;font-weight:700;color:#e5e7ebf2;margin-bottom:1rem;line-height:1.3}.trial-info-modal__message{font-size:1rem;color:#e5e7ebcc;line-height:1.6;margin-bottom:1.5rem}.trial-info-modal__btn{min-width:120px;padding:.75rem 2rem;font-size:1rem;font-weight:600}@keyframes trialSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.trial-info-modal{padding:1.5rem 1.25rem;max-width:90vw}.trial-info-modal__title{font-size:1.2rem}.trial-info-modal__message{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.trial-info-overlay,.trial-info-modal{animation:none}}.admin-sidebar{width:250px;height:calc(100vh - 64px);background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;top:64px;left:0;z-index:1000;overflow-y:auto;transition:transform .3s ease}@media(max-width:768px){.admin-sidebar{top:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 8px #0000004d}.admin-sidebar.open{transform:translate(0)}}.api-keys-content .content-header{margin-bottom:32px}.api-keys-content .content-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#fff}.api-keys-content .content-header .subtitle{margin:0;color:#94a3b8;font-size:14px}.api-keys-content .add-key-accordion{margin-bottom:32px;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;overflow:hidden}.api-keys-content .add-key-accordion .accordion-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#fff;transition:all .2s ease}.api-keys-content .add-key-accordion .accordion-trigger:hover{background:#3b82f61a}.api-keys-content .add-key-accordion .accordion-trigger.open{background:#3b82f60d;border-bottom:1px solid rgba(148,163,184,.2)}.api-keys-content .add-key-accordion .accordion-trigger .accordion-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#3b82f6;color:#fff;font-size:20px;font-weight:600;line-height:1}.api-keys-content .add-key-accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.api-keys-content .add-key-accordion .accordion-content.open{max-height:500px}.api-keys-content .add-key-accordion .add-key-form{padding:24px 20px}.api-keys-content .add-key-accordion .add-key-form .form-group{margin-bottom:20px}.api-keys-content .add-key-accordion .add-key-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e2e8f0}.api-keys-content .add-key-accordion .add-key-form .form-group .input{width:100%;padding:10px 14px;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.api-keys-content .add-key-accordion .add-key-form .form-group .input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.api-keys-content .add-key-accordion .add-key-form .form-group .input::placeholder{color:#64748b}.api-keys-content .add-key-accordion .add-key-form .form-group .input:disabled{opacity:.5;cursor:not-allowed}.api-keys-content .add-key-accordion .add-key-form .form-group .hint{display:block;margin-top:6px;font-size:12px;color:#64748b}.api-keys-content .add-key-accordion .add-key-form .btn{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.api-keys-content .add-key-accordion .add-key-form .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.api-keys-content .add-key-accordion .add-key-form .btn:disabled{opacity:.5;cursor:not-allowed}.api-keys-content .loading-message,.api-keys-content .error-message{padding:16px;border-radius:8px;text-align:center;font-size:14px}.api-keys-content .loading-message{background:#3b82f61a;color:#3b82f6}.api-keys-content .error-message{background:#ef44441a;color:#ef4444}.api-keys-content .api-keys-list .empty-state{text-align:center;padding:48px 20px;background:#1e293b4d;border:1px dashed rgba(148,163,184,.3);border-radius:12px}.api-keys-content .api-keys-list .empty-state p{margin:0 0 8px;font-size:16px;color:#94a3b8;font-weight:500}.api-keys-content .api-keys-list .empty-state small{font-size:14px;color:#64748b}.api-keys-content .api-keys-list .keys-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.api-keys-content .api-keys-list .key-item{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;transition:all .2s ease}.api-keys-content .api-keys-list .key-item:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.api-keys-content .api-keys-list .key-item .key-info .key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.api-keys-content .api-keys-list .key-item .key-info .key-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.api-keys-content .api-keys-list .key-item .key-info .key-header .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.api-keys-content .api-keys-list .key-item .key-info .key-header .status-badge.active{background:#10b98133;color:#10b981}.api-keys-content .api-keys-list .key-item .key-info .key-header .status-badge.inactive{background:#94a3b833;color:#94a3b8}.api-keys-content .api-keys-list .key-item .key-info .key-details{display:flex;flex-direction:column;gap:8px}.api-keys-content .api-keys-list .key-item .key-info .key-details .masked-key{font-family:Monaco,Courier New,monospace;font-size:13px;color:#64748b;padding:6px 10px;background:#0f172ab3;border-radius:6px;display:inline-block}.api-keys-content .api-keys-list .key-item .key-info .key-details .agents-count{font-size:13px;color:#94a3b8}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list .assigned-agents-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list .agent-chips{display:flex;flex-wrap:wrap;gap:8px}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list .agent-chip{padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.2;border:1px solid transparent}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list .agent-chip.active{background:#3b82f624;border-color:#3b82f640;color:#bfdbfe}.api-keys-content .api-keys-list .key-item .key-info .key-details .assigned-agents-list .agent-chip.inactive{background:#94a3b81f;border-color:#94a3b833;color:#cbd5e1}.api-keys-content .api-keys-list .key-item .key-info .key-details .agents-empty{font-size:12px;color:#64748b}.delete-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.delete-user-modal{background:#1e293b;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@media(max-width:768px){.delete-user-modal{max-width:100%;margin:0 10px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid rgba(148,163,184,.1)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#ef4444;display:flex;align-items:center;gap:8px}.modal-header .btn-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:4px 8px;line-height:1;transition:all .2s}.modal-header .btn-close:hover{color:#f1f5f9;transform:scale(1.1)}.modal-content{padding:24px}.user-info-box{display:flex;align-items:center;gap:16px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:24px}.user-info-box .user-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.user-info-box h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#f1f5f9}.user-info-box .email{margin:0;color:#94a3b8;font-size:14px}.warning-section{margin-bottom:24px}.warning-section .warning-icon{font-size:48px;text-align:center;margin-bottom:16px;animation:pulse 2s infinite}.warning-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#f1f5f9;text-align:center}.consequences-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.consequence-item{display:flex;gap:12px;padding:16px;background:#94a3b80d;border:1px solid rgba(148,163,184,.1);border-radius:8px;transition:all .2s}.consequence-item:hover{background:#94a3b814;border-color:#94a3b833}.consequence-item .icon{font-size:24px;flex-shrink:0;line-height:1}.consequence-item strong{display:block;color:#f1f5f9;font-size:15px;margin-bottom:4px}.consequence-item p{margin:0;color:#94a3b8;font-size:13px;line-height:1.5}.alert-box{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:24px}.alert-box strong{display:block;color:#fca5a5;font-size:14px;margin-bottom:8px}.alert-box p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.6}.alert-box p strong{display:inline;color:#f1f5f9;font-weight:600}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}@media(max-width:480px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;justify-content:center}.btn:active{transform:scale(.98)}.btn-cancel{background:#94a3b81a;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.btn-cancel:hover{background:#94a3b826;border-color:#94a3b84d}.btn-danger{background:#ef4444;color:#fff;border:1px solid #dc2626}.btn-danger .icon{font-size:18px}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-danger:disabled{background:#ef444480;cursor:not-allowed;opacity:.6}.btn-danger:disabled:hover{box-shadow:none}.users-content .content-header{margin-bottom:32px}.users-content .content-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#fff}.users-content .content-header .subtitle{margin:0;color:#94a3b8;font-size:14px}.users-content .loading-message,.users-content .error-message{padding:16px;border-radius:8px;text-align:center;font-size:14px}.users-content .loading-message{background:#3b82f61a;color:#3b82f6}.users-content .error-message{background:#ef44441a;color:#ef4444}.users-content .users-list .empty-state{text-align:center;padding:48px 20px;background:#1e293b4d;border:1px dashed rgba(148,163,184,.3);border-radius:12px}.users-content .users-list .empty-state p{margin:0;font-size:16px;color:#94a3b8;font-weight:500}.users-content .users-list .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px}.users-content .users-list .user-card{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;transition:all .2s ease}.users-content .users-list .user-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.users-content .users-list .user-card .user-info .user-header{display:flex;gap:12px;margin-bottom:16px}.users-content .users-list .user-card .user-info .user-header .user-avatar{width:48px;height:48px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0}.users-content .users-list .user-card .user-info .user-header .user-details{flex:1;min-width:0}.users-content .users-list .user-card .user-info .user-header .user-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-content .users-list .user-card .user-info .user-header .user-details .user-email{margin:0;font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-content .users-list .user-card .user-info .user-meta{display:flex;flex-direction:column;gap:8px}.users-content .users-list .user-card .user-info .user-meta .role-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px;width:fit-content}.users-content .users-list .user-card .user-info .user-meta .role-badge.admin{background:#f59e0b33;color:#f59e0b}.users-content .users-list .user-card .user-info .user-meta .role-badge.user{background:#3b82f633;color:#3b82f6}.users-content .users-list .user-card .user-info .user-meta .user-date{font-size:12px;color:#64748b}.users-content .users-list .user-card .user-info .user-agents-info{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:8px}.users-content .users-list .user-card .user-info .user-agents-info .info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.users-content .users-list .user-card .user-info .user-agents-info .info-row .info-label{color:#94a3b8;font-weight:500}.users-content .users-list .user-card .user-info .user-agents-info .info-row .info-value{color:#e2e8f0;font-weight:500}.users-content .users-list .user-card .user-actions{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.2)}.users-content .users-list .user-card .user-actions .current-user-badge{display:inline-block;padding:6px 12px;background:#10b98133;color:#10b981;border-radius:8px;font-size:12px;font-weight:500}.users-content .users-list .user-card .user-actions .btn-delete{padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.users-content .users-list .user-card .user-actions .btn-delete:hover{background:#ef444433;border-color:#ef4444}.users-content .users-list .users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}.users-content .users-list .users-stats .stat-item{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.users-content .users-list .users-stats .stat-item .stat-label{font-size:13px;color:#94a3b8;font-weight:500}.users-content .users-list .users-stats .stat-item .stat-value{font-size:28px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10010;padding:1rem;animation:fadeIn .2s ease}.notification-modal{background:linear-gradient(145deg,#0f172afa,#020617);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .25s ease}.notification-modal__icon{font-size:2.5rem;margin-bottom:1rem}.notification-modal__icon.success,.notification-modal__icon.error{filter:none}.notification-modal__title{font-size:1.125rem;font-weight:700;color:#f1f5f9;margin:0 0 .75rem}.notification-modal__message{font-size:.9rem;color:#94a3b8;margin:0 0 1.5rem;white-space:pre-line;line-height:1.6}.notification-modal__btn{padding:.625rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.notification-modal__btn:hover{transform:scale(1.03);box-shadow:0 6px 16px #3b82f673}.metrics-content{padding:2rem;max-width:1400px;margin:0 auto;max-width:100%;overflow-x:hidden}.metrics-content .metrics-header{margin-bottom:2rem}.metrics-content .metrics-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}@media(max-width:880px){.metrics-content .metrics-header h1{font-size:1.75rem}}@media(max-width:768px){.metrics-content .metrics-header h1{font-size:1.5rem}}.metrics-content .metrics-header .subtitle{color:#94a3b8;font-size:.95rem}@media(max-width:768px){.metrics-content .metrics-header .subtitle{font-size:.875rem}}.metrics-content .metrics-filters{display:flex;gap:1rem;align-items:flex-end;padding:1.5rem;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;margin-bottom:2rem;flex-wrap:wrap}@media(max-width:880px){.metrics-content .metrics-filters{padding:1.25rem}}@media(max-width:768px){.metrics-content .metrics-filters{padding:1rem;flex-direction:column;align-items:stretch;gap:.75rem}}.metrics-content .metrics-filters .filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}@media(max-width:768px){.metrics-content .metrics-filters .filter-group{min-width:100%}}.metrics-content .metrics-filters .filter-group label{color:#94a3b8;font-size:13px;font-weight:500}.metrics-content .metrics-filters .filter-group select,.metrics-content .metrics-filters .filter-group input{padding:8px 16px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.metrics-content .metrics-filters .filter-group select,.metrics-content .metrics-filters .filter-group input{width:100%}}.metrics-content .metrics-filters .filter-group select:focus,.metrics-content .metrics-filters .filter-group input:focus{outline:none;border-color:#3b82f6}.metrics-content .metrics-filters .filter-group select:hover,.metrics-content .metrics-filters .filter-group input:hover{border-color:#3b82f680}.metrics-content .metrics-filters .filter-group select:disabled,.metrics-content .metrics-filters .filter-group input:disabled{opacity:.6;cursor:not-allowed}.metrics-content .metrics-filters .fetch-btn{padding:9px 24px;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:999px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap;font-size:14px;box-shadow:0 12px 30px #2563eb80}@media(max-width:768px){.metrics-content .metrics-filters .fetch-btn{width:100%}}.metrics-content .metrics-filters .fetch-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 16px 40px #2563eb99}.metrics-content .metrics-filters .fetch-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-content .metrics-error{padding:1rem 1.5rem;background:#fee;border:2px solid #fcc;border-radius:8px;color:#c33;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.metrics-content .metrics-error .error-icon{font-size:1.5rem}.metrics-content .metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:2rem}@media(max-width:880px){.metrics-content .metrics-summary{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.metrics-content .metrics-summary{grid-template-columns:1fr;gap:12px}}.metrics-content .metrics-summary .metric-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}@media(max-width:768px){.metrics-content .metrics-summary .metric-card{padding:16px}}.metrics-content .metrics-summary .metric-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f61a}.metrics-content .metrics-summary .metric-card.primary{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f64d}.metrics-content .metrics-summary .metric-card.highlight{background:var(--accent);border:none;color:#fff;box-shadow:0 12px 30px #2563eb80}.metrics-content .metrics-summary .metric-card.highlight:hover{background:#2563eb;box-shadow:0 16px 40px #2563eb99}.metrics-content .metrics-summary .metric-card.highlight .metric-label,.metrics-content .metrics-summary .metric-card.highlight .metric-sublabel{color:#ffffffe6}.metrics-content .metrics-summary .metric-card.highlight .metric-value{color:#fff}.metrics-content .metrics-summary .metric-card .metric-icon{font-size:32px;line-height:1}@media(max-width:768px){.metrics-content .metrics-summary .metric-card .metric-icon{font-size:28px}}.metrics-content .metrics-summary .metric-card .metric-content{flex:1}.metrics-content .metrics-summary .metric-card .metric-content .metric-label{color:#94a3b8;font-size:13px;margin-bottom:4px}@media(max-width:768px){.metrics-content .metrics-summary .metric-card .metric-content .metric-label{font-size:12px}}.metrics-content .metrics-summary .metric-card .metric-content .metric-value{color:#fff;font-size:24px;font-weight:600}@media(max-width:768px){.metrics-content .metrics-summary .metric-card .metric-content .metric-value{font-size:20px}}.metrics-content .metrics-summary .metric-card .metric-content .metric-sublabel{color:#94a3b8;font-size:12px;margin-top:4px}.metrics-content .metrics-agents{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:2rem}@media(max-width:880px){.metrics-content .metrics-agents{padding:20px}}@media(max-width:768px){.metrics-content .metrics-agents{padding:16px}}.metrics-content .metrics-agents h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}@media(max-width:768px){.metrics-content .metrics-agents h3{font-size:16px}}.metrics-content .metrics-agents .agents-list{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.metrics-content .metrics-agents .agents-list{gap:8px}}.metrics-content .metrics-agents .agents-list .agent-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}@media(max-width:768px){.metrics-content .metrics-agents .agents-list .agent-badge{padding:6px 12px;font-size:13px}}.metrics-content .metrics-daily{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}@media(max-width:880px){.metrics-content .metrics-daily{padding:1.25rem}}@media(max-width:768px){.metrics-content .metrics-daily{padding:1rem}}.metrics-content .metrics-daily h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}@media(max-width:768px){.metrics-content .metrics-daily h3{font-size:1rem}}.metrics-content .metrics-daily .daily-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:880px){.metrics-content .metrics-daily .daily-table-wrapper{margin:0 -1.25rem;padding:0 1.25rem}}@media(max-width:768px){.metrics-content .metrics-daily .daily-table-wrapper{margin:0 -1rem;padding:0 1rem}}.metrics-content .metrics-daily .daily-table-wrapper .daily-table{width:100%;border-collapse:collapse;min-width:500px}@media(max-width:880px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table{min-width:600px}}@media(max-width:768px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table{min-width:100%;font-size:13px}}.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead{background:#0f172a80;border-bottom:1px solid rgba(148,163,184,.2)}.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th{padding:.75rem 1rem;text-align:left;color:#94a3b8;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media(max-width:768px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th{padding:10px 8px;font-size:11px}}@media(max-width:500px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th:nth-child(3),.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th:nth-child(4){display:none}}.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th:first-child{border-top-left-radius:8px}.metrics-content .metrics-daily .daily-table-wrapper .daily-table thead th:last-child{border-top-right-radius:8px}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr{border-bottom:1px solid rgba(148,163,184,.1);transition:background .2s}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr:hover{background:#3b82f60d}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr:last-child{border-bottom:none}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td{padding:.75rem 1rem;font-size:.9rem;color:#e2e8f0}@media(max-width:768px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td{padding:10px 8px;font-size:13px}}@media(max-width:500px){.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td:nth-child(3),.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td:nth-child(4){display:none}}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td.date-cell{font-weight:600;color:#3b82f6}.metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td.total-cell{font-weight:700;color:#3b82f6}.metrics-content .metrics-chart{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.5rem}@media(max-width:880px){.metrics-content .metrics-chart{padding:1.25rem}}@media(max-width:768px){.metrics-content .metrics-chart{padding:1rem}}.metrics-content .metrics-chart h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}@media(max-width:768px){.metrics-content .metrics-chart h3{font-size:1rem}}.metrics-content .metrics-chart .bar-chart{display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart{gap:.5rem}}.metrics-content .metrics-chart .bar-chart .bar-item{display:grid;grid-template-columns:60px 1fr 100px;gap:.75rem;align-items:center}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart .bar-item{grid-template-columns:50px 1fr 70px;gap:.5rem}}.metrics-content .metrics-chart .bar-chart .bar-item .bar-label{font-size:.85rem;font-weight:600;color:#94a3b8;text-align:right}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart .bar-item .bar-label{font-size:.6875rem}}.metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper{background:#0f172a80;border-radius:6px;height:32px;overflow:hidden;border:1px solid rgba(148,163,184,.1)}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper{height:24px}}.metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill{height:100%;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:6px;transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;color:#fff;font-size:.75rem;font-weight:600}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill{padding-right:.25rem}}.metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill:hover{background:linear-gradient(90deg,#3b82f6b3,#3b82f6)}.metrics-content .metrics-chart .bar-chart .bar-item .bar-value{font-size:.9rem;font-weight:600;color:#3b82f6;text-align:right}@media(max-width:768px){.metrics-content .metrics-chart .bar-chart .bar-item .bar-value{font-size:.75rem}}.metrics-content .metrics-placeholder{text-align:center;padding:4rem 2rem;color:#999}.metrics-content .metrics-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.metrics-content .metrics-placeholder p{font-size:1.1rem}.analytics-content{max-width:1200px}.analytics-content .content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.analytics-content .content-header .header-text{flex:1;min-width:200px}.analytics-content .content-header .header-text h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#fff}.analytics-content .content-header .header-text .subtitle{margin:0;color:#94a3b8;font-size:14px}.analytics-content .content-header .header-buttons{display:flex;gap:12px;flex-wrap:wrap}.analytics-content .content-header .btn-filters,.analytics-content .content-header .btn-refresh{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.analytics-content .content-header .btn-filters:hover,.analytics-content .content-header .btn-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media(max-width:768px){.analytics-content .content-header .btn-filters,.analytics-content .content-header .btn-refresh{width:100%}}.analytics-content .filters-section{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;margin-bottom:24px;animation:slideDown .3s ease}.analytics-content .filters-section .filter-group:not(:last-child){margin-bottom:20px}.analytics-content .filters-section .filter-group .filter-label{display:block;font-size:22px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.analytics-content .filters-section .filter-group .filter-category{margin-bottom:16px}.analytics-content .filters-section .filter-group .filter-category:last-child{margin-bottom:0}.analytics-content .filters-section .filter-group .filter-category .category-label{display:inline-block;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:4px 0}.analytics-content .filters-section .filter-group .filter-options{display:flex;flex-wrap:wrap;gap:8px}.analytics-content .filters-section .filter-group .filter-options--metrics{gap:6px}.analytics-content .filters-section .filter-group .filter-options .filter-btn{padding:8px 14px;background:#33415580;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.analytics-content .filters-section .filter-group .filter-options .filter-btn:hover{border-color:#3b82f680;color:#e2e8f0}.analytics-content .filters-section .filter-group .filter-options .filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.analytics-content .stats-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.analytics-content .stat-card{display:flex;flex-direction:column;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;transition:all .2s ease}.analytics-content .stat-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.analytics-content .stat-card--today{border-left:4px solid #3b82f6}.analytics-content .stat-card--week{border-left:4px solid #8b5cf6}.analytics-content .stat-card--month{border-left:4px solid #ec4899}.analytics-content .stat-card--total{border-left:4px solid #10b981}.analytics-content .stat-card .card-header{margin-bottom:20px}.analytics-content .stat-card .card-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.analytics-content .stat-card .card-body{display:flex;flex-direction:column;gap:16px}.analytics-content .metric-group .group-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.analytics-content .metric-group .group-stats{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.analytics-content .stat-item{display:flex;align-items:center;gap:12px;min-width:120px}.analytics-content .stat-item .stat-icon{font-size:48px;line-height:1;flex-shrink:0}.analytics-content .stat-item .stat-info{display:flex;flex-direction:column;gap:4px}.analytics-content .stat-item .stat-name{color:#94a3b8;font-size:12px;font-weight:500;text-align:left;line-height:1.2}.analytics-content .stat-item .stat-value{color:#fff;font-size:32px;font-weight:700;line-height:1}.analytics-content .stat-item--percent .stat-value{color:#60a5fa}.analytics-content .analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.analytics-content .analytics-loading .spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.analytics-content .analytics-loading p{font-size:14px;color:#94a3b8;margin:0}.analytics-content .analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.analytics-content .analytics-error .error-icon{font-size:64px;margin-bottom:16px}.analytics-content .analytics-error h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#ef4444}.analytics-content .analytics-error p{font-size:14px;color:#94a3b8;margin:0 0 20px}.analytics-content .analytics-error .btn-retry{padding:10px 24px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.analytics-content .analytics-error .btn-retry:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.analytics-content .analytics-info{margin-top:32px}.analytics-content .analytics-info .info-box{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;gap:16px}.analytics-content .analytics-info .info-box .info-icon{font-size:24px;flex-shrink:0}.analytics-content .analytics-info .info-box .info-content{flex:1}.analytics-content .analytics-info .info-box .info-content h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.analytics-content .analytics-info .info-box .info-content ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.analytics-content .analytics-info .info-box .info-content ul li{font-size:13px;color:#94a3b8;line-height:1.6}.analytics-content .analytics-info .info-box .info-content ul li strong{color:#e2e8f0;font-weight:600;font-size:18px;margin-right:6px}@media(max-width:768px){.analytics-content .analytics-info .info-box{flex-direction:column;gap:12px}.analytics-content .analytics-info .info-box .info-content ul{grid-template-columns:1fr}}@media(max-width:768px){.analytics-content .stat-card{padding:16px}.analytics-content .stat-card .card-header h3{font-size:16px}.analytics-content .stat-card .metric-group .group-title{font-size:12px}.analytics-content .stat-card .metric-group .group-stats{gap:12px}.analytics-content .stat-card .stat-item{min-width:60px}.analytics-content .stat-card .stat-item .stat-icon{font-size:24px}.analytics-content .stat-card .stat-item .stat-value{font-size:18px}.analytics-content .stat-card .stat-item .stat-name{font-size:11px}}.admin-agents-content .content-header{margin-bottom:32px}.admin-agents-content .content-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#fff}.admin-agents-content .content-header .subtitle{margin:0;color:#94a3b8;font-size:14px}.admin-agents-content .loading,.admin-agents-content .error{padding:16px;border-radius:8px;text-align:center;font-size:14px}.admin-agents-content .loading{background:#3b82f61a;color:#3b82f6}.admin-agents-content .error{background:#ef44441a;color:#ef4444}.admin-agents-content .agents-container .empty-state{text-align:center;padding:48px 20px;background:#1e293b4d;border:1px dashed rgba(148,163,184,.3);border-radius:12px;font-size:16px;color:#94a3b8}.admin-agents-content .agents-container .agents-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.admin-agents-content .agents-container .agent-item{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:0;transition:all .2s ease;cursor:pointer}.admin-agents-content .agents-container .agent-item:hover{border-color:#3b82f666;box-shadow:0 4px 12px #0003}.admin-agents-content .agents-container .agent-item--expanded{border-color:#3b82f680}.admin-agents-content .agents-container .agent-item .agent-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.admin-agents-content .agents-container .agent-item .agent-info{flex:1;display:flex;flex-direction:column;gap:8px}.admin-agents-content .agents-container .agent-item .agent-info .agent-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-agents-content .agents-container .agent-item .agent-info .agent-main .agent-name{font-size:16px;font-weight:600;color:#fff}.admin-agents-content .agents-container .agent-item .agent-info .agent-main .agent-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.admin-agents-content .agents-container .agent-item .agent-info .agent-main .agent-status.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-agents-content .agents-container .agent-item .agent-info .agent-main .agent-status.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-agents-content .agents-container .agent-item .agent-info .agent-main .hard-delete-countdown{font-size:12px;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:4px 10px;border-radius:12px;font-weight:500}.admin-agents-content .agents-container .agent-item .agent-info .agent-details{display:flex;flex-direction:column;gap:4px}.admin-agents-content .agents-container .agent-item .agent-info .agent-details .agent-user,.admin-agents-content .agents-container .agent-item .agent-info .agent-details .agent-plan,.admin-agents-content .agents-container .agent-item .agent-info .agent-details .agent-api-key{font-size:14px;color:#94a3b8}.admin-agents-content .agents-container .agent-item .agent-info .agent-details .agent-user{font-weight:500}.admin-agents-content .agents-container .agent-item .agent-info .agent-details .agent-api-key{color:#cbd5e1}.admin-agents-content .agents-container .agent-item .btn-delete{padding:10px 20px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-agents-content .agents-container .agent-item .btn-delete:hover:not(:disabled){background:#ef444440;border-color:#ef444480}.admin-agents-content .agents-container .agent-item .btn-delete:disabled{opacity:.5;cursor:not-allowed}.admin-agents-content .agents-container .agent-item .agent-activity{border-top:1px solid rgba(148,163,184,.15);padding:16px 20px;animation:slideDown .2s ease}.admin-agents-content .agents-container .agent-item .agent-activity h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.admin-agents-content .agents-container .agent-item .agent-activity .activity-loading,.admin-agents-content .agents-container .agent-item .agent-activity .activity-empty{font-size:13px;color:#64748b;margin:0;padding:8px 0}.admin-agents-content .agents-container .agent-item .agent-activity .activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.admin-agents-content .agents-container .agent-item .agent-activity .activity-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:8px;background:#0f172a66;font-size:13px}.admin-agents-content .agents-container .agent-item .agent-activity .activity-entry .activity-icon{flex-shrink:0;font-size:14px;line-height:1.4}.admin-agents-content .agents-container .agent-item .agent-activity .activity-entry .activity-message{flex:1;color:#cbd5e1;line-height:1.4}.admin-agents-content .agents-container .agent-item .agent-activity .activity-entry .activity-date{flex-shrink:0;color:#64748b;font-size:12px;white-space:nowrap}@media(max-width:768px){.admin-agents-content .agents-container .agent-item .agent-row{flex-direction:column;align-items:stretch}.admin-agents-content .agents-container .agent-item .btn-delete{width:100%}.admin-agents-content .agents-container .agent-item .activity-entry{flex-wrap:wrap}.admin-agents-content .agents-container .agent-item .activity-entry .activity-date{width:100%;text-align:right}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.admin-agents-content .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.admin-agents-content .modal-content{background:#1e293b;border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.admin-agents-content .modal-content h3{margin:0 0 16px;font-size:24px;font-weight:600;color:#fff}.admin-agents-content .modal-content>p{margin:0 0 20px;font-size:16px;color:#cbd5e1;line-height:1.6}.admin-agents-content .modal-content>p strong{color:#fff}.admin-agents-content .modal-content .warning-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.admin-agents-content .modal-content .warning-box p{margin:0 0 12px;font-size:14px;font-weight:600;color:#ef4444;text-align:left}.admin-agents-content .modal-content .warning-box p strong{color:#ef4444}.admin-agents-content .modal-content .warning-box ul{margin:0;padding-left:20px;color:#f87171;font-size:14px;line-height:1.8;text-align:left}.admin-agents-content .modal-content .warning-box ul li{margin-bottom:4px}.admin-agents-content .modal-content .warning-box ul li:last-child{margin-bottom:0}.admin-agents-content .modal-content .modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-agents-content .modal-content .modal-actions button{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.admin-agents-content .modal-content .modal-actions button.btn-cancel{background:#94a3b833;color:#e2e8f0}.admin-agents-content .modal-content .modal-actions button.btn-cancel:hover{background:#94a3b84d}.admin-agents-content .modal-content .modal-actions button.btn-delete{background:#ef4444;color:#fff;width:200px!important}.admin-agents-content .modal-content .modal-actions button.btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}@media(max-width:768px){.admin-agents-content .modal-content .modal-actions{flex-direction:column-reverse}.admin-agents-content .modal-content .modal-actions button{width:100%}}.archive-content{padding:32px;max-width:1400px;margin:0 auto}@media(max-width:768px){.archive-content{padding:20px}}.archive-header{margin-bottom:32px}.archive-header h1{font-size:32px;font-weight:700;color:#e5e7ebf2;margin:0 0 8px;display:flex;align-items:center;gap:12px}.archive-header h1 .icon{font-size:36px}.archive-header .subtitle{font-size:16px;color:#94a3b8d9;margin:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner .spinner{width:48px;height:48px;border:4px solid rgba(148,163,184,.2);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{color:#94a3b8d9;font-size:16px}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.error-message .error-icon{font-size:48px}.error-message p{color:#ef4444e6;font-size:16px;margin:0}.archive-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}@media(max-width:768px){.archive-stats{grid-template-columns:1fr}}.stat-card{background:#0f172a99;border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{background:#0f172acc;border-color:#94a3b84d;transform:translateY(-2px)}.stat-card .stat-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;border-radius:10px;flex-shrink:0}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-value{font-size:28px;font-weight:700;color:#e5e7ebf2;margin-bottom:4px}.stat-card .stat-value.small{font-size:16px}.stat-card .stat-label{font-size:14px;color:#94a3b8d9}.archive-section{background:#0f172a66;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:24px;margin-bottom:32px}.archive-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.archive-section .section-header h2{font-size:22px;font-weight:600;color:#e5e7ebf2;margin:0}.archive-section .section-header .btn{display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:#e5e7ebe6;margin:0 0 8px}.empty-state p{font-size:16px;color:#94a3b8cc;margin:0}.deleted-agents-list{display:flex;flex-direction:column;gap:16px}.deleted-agent-card{background:#02061766;border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.deleted-agent-card:hover{background:#02061799;border-color:#94a3b84d}.deleted-agent-card.selected{background:#2563eb14;border-color:#3b82f659}.deleted-agent-card .agent-card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.deleted-agent-card .agent-info{display:flex;align-items:center;gap:16px}.deleted-agent-card .agent-info .agent-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;border-radius:10px;flex-shrink:0}.deleted-agent-card .agent-info .agent-name{font-size:18px;font-weight:600;color:#e5e7ebf2;margin:0 0 4px}.deleted-agent-card .agent-info .agent-id{font-size:13px;color:#94a3b8b3;margin:0;font-family:monospace}.deleted-agent-card .agent-meta .deletion-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.deleted-agent-card .agent-meta .deletion-date .label{font-size:12px;color:#94a3b8b3}.deleted-agent-card .agent-meta .deletion-date .value{font-size:14px;color:#e5e7ebe6;font-weight:500}.deleted-agent-card .agent-card-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(148,163,184,.15)}.deleted-agent-card .agent-card-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}.deleted-agent-card .agent-card-details .detail-row:last-of-type{border-bottom:none}.deleted-agent-card .agent-card-details .detail-row .detail-label{font-size:14px;color:#94a3b8d9}.deleted-agent-card .agent-card-details .detail-row .detail-value{font-size:16px;font-weight:600;color:#e5e7ebf2}.deleted-agent-card .agent-card-details .detail-actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.archive-info .info-box{background:#2563eb0d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:24px}.archive-info .info-box h3{font-size:18px;font-weight:600;color:#e5e7ebf2;margin:0 0 16px;display:flex;align-items:center;gap:8px}.archive-info .info-box ul{margin:0;padding-left:20px;list-style:none}.archive-info .info-box ul li{font-size:14px;color:#94a3b8e6;line-height:1.6;margin-bottom:12px;position:relative;padding-left:20px}.archive-info .info-box ul li:before{content:"→";position:absolute;left:0;color:#3b82f699}.archive-info .info-box ul li:last-child{margin-bottom:0}.archive-info .info-box ul li strong{color:#e5e7ebf2;font-weight:600}.btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.secondary{background:#94a3b826;color:#e5e7ebe6;border:1px solid rgba(148,163,184,.25)}.btn.secondary:hover{background:#94a3b840;border-color:#94a3b859}.btn.small{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.admin-payments-content{max-width:100%;overflow-x:hidden}.admin-payments-content .payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;flex-wrap:wrap}.admin-payments-content .payments-header h2{margin:0;color:#fff;font-weight:600;font-size:28px}.admin-payments-content .payments-header .btn-refresh{padding:10px 20px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-payments-content .payments-header .btn-refresh:hover{background:#3b82f640;border-color:#3b82f6}.admin-payments-content .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.admin-payments-content .error-message p{margin:0;color:#ef4444;flex:1}.admin-payments-content .error-message button{padding:8px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;cursor:pointer;white-space:nowrap}.admin-payments-content .error-message button:hover{background:#ef44444d}.admin-payments-content .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}@media(max-width:768px){.admin-payments-content .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.admin-payments-content .stats-grid .stat-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;transition:all .2s ease}@media(max-width:768px){.admin-payments-content .stats-grid .stat-card{padding:14px}}.admin-payments-content .stats-grid .stat-card:hover{border-color:#3b82f666}.admin-payments-content .stats-grid .stat-card.revenue{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e14,#1e293bcc)}.admin-payments-content .stats-grid .stat-card.total{border-color:#3b82f64d;background:linear-gradient(135deg,#3b82f614,#1e293bcc)}.admin-payments-content .stats-grid .stat-card.completed{border-color:#22c55e33}.admin-payments-content .stats-grid .stat-card.pending-card{border-color:#fbbf2433}.admin-payments-content .stats-grid .stat-card.failed{border-color:#ef444433}.admin-payments-content .stats-grid .stat-card.expired{border-color:#94a3b833}.admin-payments-content .stats-grid .stat-card .stat-icon{font-size:28px;line-height:1}.admin-payments-content .stats-grid .stat-card .stat-content{flex:1;min-width:0}.admin-payments-content .stats-grid .stat-card .stat-content .stat-value{color:#fff;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.admin-payments-content .stats-grid .stat-card .stat-content .stat-value{font-size:16px}}.admin-payments-content .stats-grid .stat-card .stat-content .stat-label{color:#94a3b8;font-size:12px;margin-top:2px}.admin-payments-content .filters-section{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:768px){.admin-payments-content .filters-section{padding:16px}}.admin-payments-content .filters-section .filters-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.admin-payments-content .filters-section .filters-row:last-child{margin-bottom:0}@media(max-width:768px){.admin-payments-content .filters-section .filters-row{flex-direction:column;gap:12px}}.admin-payments-content .filters-section .filters-row .filter-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}@media(max-width:768px){.admin-payments-content .filters-section .filters-row .filter-group{min-width:100%}}.admin-payments-content .filters-section .filters-row .filter-group label{color:#94a3b8;font-size:12px;font-weight:500}.admin-payments-content .filters-section .filters-row .filter-group select,.admin-payments-content .filters-section .filters-row .filter-group input[type=date]{padding:8px 12px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:border-color .2s ease}.admin-payments-content .filters-section .filters-row .filter-group select:focus,.admin-payments-content .filters-section .filters-row .filter-group input[type=date]:focus{outline:none;border-color:#3b82f6}.admin-payments-content .filters-section .filters-row .filter-group select:hover,.admin-payments-content .filters-section .filters-row .filter-group input[type=date]:hover{border-color:#3b82f680}.admin-payments-content .loading-state{padding:60px 40px;text-align:center;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.admin-payments-content .loading-state .spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.admin-payments-content .loading-state p{color:#94a3b8;font-size:14px;margin:0}.admin-payments-content .payments-table-section .empty-state{padding:60px 40px;text-align:center;background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.admin-payments-content .payments-table-section .empty-state .empty-icon{font-size:48px;display:block;margin-bottom:16px}.admin-payments-content .payments-table-section .empty-state p{color:#94a3b8;font-size:16px;margin:0}.admin-payments-content .payments-table-section .payments-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table{width:100%;border-collapse:collapse;min-width:800px}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr{background:#0f172a99;border-bottom:1px solid rgba(148,163,184,.2)}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th{padding:14px 16px;text-align:left;color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th.sortable{cursor:pointer;transition:color .2s ease}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th.sortable:hover{color:#e2e8f0}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th.sortable .sort-icon{font-size:11px;margin-left:4px;color:#64748b}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th:first-child{border-radius:12px 0 0}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table thead tr th:last-child{border-radius:0 12px 0 0}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr{border-bottom:1px solid rgba(148,163,184,.08);transition:background .15s ease}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr:hover{background:#3b82f60a}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr:last-child{border-bottom:none}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td{padding:14px 16px;color:#e2e8f0;font-size:13px;vertical-align:middle}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.date-cell{color:#94a3b8;font-size:12px;white-space:nowrap}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.user-cell .user-name{display:block;font-weight:500;color:#e2e8f0}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.user-cell .user-email{display:block;font-size:11px;color:#64748b;margin-top:2px}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.agent-cell{font-weight:500}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td .deleted-tag{display:inline-block;font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.amount-cell .amount-main{display:block;font-weight:600;color:#e2e8f0}.admin-payments-content .payments-table-section .payments-table-wrapper .payments-table tbody tr td.amount-cell .amount-discount{display:block;font-size:11px;color:#22c55e;margin-top:2px}.admin-payments-content .plan-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.admin-payments-content .type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.admin-payments-content .type-badge.activation{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.admin-payments-content .type-badge.subscription{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.admin-payments-content .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.admin-payments-content .status-badge.status-completed{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.admin-payments-content .status-badge.status-pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.admin-payments-content .status-badge.status-failed{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.admin-payments-content .status-badge.status-expired{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.admin-payments-content .status-badge.status-refunded{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.admin-payments-content .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:16px;flex-wrap:wrap;gap:12px}@media(max-width:768px){.admin-payments-content .pagination{flex-direction:column}}.admin-payments-content .pagination .pagination-info{color:#94a3b8;font-size:13px}.admin-payments-content .pagination .pagination-buttons{display:flex;align-items:center;gap:12px}.admin-payments-content .pagination .pagination-buttons .btn-page{padding:8px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:13px;cursor:pointer;transition:all .2s ease}.admin-payments-content .pagination .pagination-buttons .btn-page:hover:not(:disabled){background:#3b82f633}.admin-payments-content .pagination .pagination-buttons .btn-page:disabled{opacity:.4;cursor:not-allowed}.admin-payments-content .pagination .pagination-buttons .page-indicator{color:#94a3b8;font-size:13px;white-space:nowrap}.admin-payments-content .info-section{background:#1e293b80;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:24px;margin-top:32px}@media(max-width:768px){.admin-payments-content .info-section{padding:16px}}.admin-payments-content .info-section h4{margin:0 0 16px;color:#3b82f6;font-size:16px;font-weight:600}.admin-payments-content .info-section ul{margin:0;padding:0;list-style:none}.admin-payments-content .info-section ul li{padding:8px 0;color:#94a3b8;font-size:13px;border-bottom:1px solid rgba(148,163,184,.08)}.admin-payments-content .info-section ul li:last-child{border-bottom:none}.admin-payments-content .info-section ul li strong{color:#e2e8f0}.page-settings-content .page-settings-card{margin-top:24px;padding:24px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172a8c}.page-settings-content .page-settings-card__content{display:flex;justify-content:space-between;gap:24px;align-items:center}.page-settings-content .page-settings-card__content h3{margin:0 0 8px;color:#fff;font-size:18px}.page-settings-content .page-settings-card__content p{margin:0;color:#94a3b8;font-size:14px;max-width:620px}@media(max-width:900px){.page-settings-content .page-settings-card__content{flex-direction:column;align-items:flex-start}}.page-settings-content .page-settings-card__note{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.12);color:#cbd5e1;font-size:13px}.page-settings-content .page-settings-toggle{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#1e293bb3;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.page-settings-content .page-settings-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.page-settings-content .page-settings-toggle__track{position:relative;width:48px;height:28px;border-radius:999px;background:#475569;transition:background .2s ease}.page-settings-content .page-settings-toggle__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.page-settings-content .page-settings-toggle.is-enabled .page-settings-toggle__track{background:#16a34a}.page-settings-content .page-settings-toggle.is-enabled .page-settings-toggle__thumb{transform:translate(20px)}.page-settings-content .page-settings-toggle__label{font-size:14px;font-weight:600;white-space:nowrap}.page-settings-content .page-settings-message{margin-top:16px;font-size:14px}.page-settings-content .page-settings-message.success{color:#4ade80}.page-settings-content .page-settings-message.error{color:#fca5a5}.admin-agent-test{padding:2rem;max-width:1600px;margin:0 auto}.admin-agent-test__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-agent-test__header h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.admin-agent-test__subtitle{color:#94a3b8;font-size:.95rem;margin:0}.admin-agent-test .btn-reset{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.admin-agent-test .btn-reset:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f666}.admin-agent-test .btn-reset:active{transform:translateY(0)}.admin-agent-test__container{display:grid;grid-template-columns:1fr 450px;gap:24px}@media(max-width:1024px){.admin-agent-test__container{grid-template-columns:1fr}}.admin-agent-test__chat .chat-window{background:linear-gradient(145deg,#0f172afa,#1e293bf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.15);border-radius:20px;box-shadow:0 20px 50px #0006;overflow:hidden;display:flex;flex-direction:column;height:600px}.admin-agent-test__chat .chat-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#0f172a99;border-bottom:1px solid rgba(148,163,184,.1);border-radius:20px 20px 0 0;position:relative;color:#e5e7ebf2}.admin-agent-test__chat .chat-header-dots{display:flex;gap:6px;position:absolute;left:16px}.admin-agent-test__chat .chat-header-dots .dot{width:10px;height:10px;border-radius:50%;background:#94a3b84d}.admin-agent-test__chat .chat-header-title{font-size:14px;font-weight:600;color:#e5e7ebf2}.admin-agent-test__chat .chat-close{position:absolute;right:16px;background:none;border:none;color:#94a3b8b3;font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease;width:auto;height:auto;border-radius:0;display:block}.admin-agent-test__chat .chat-close:hover{color:#e5e7ebf2;background:none}.admin-agent-test__chat .chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.admin-agent-test__chat .chat-messages::-webkit-scrollbar{width:6px}.admin-agent-test__chat .chat-messages::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.admin-agent-test__chat .chat-messages::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.admin-agent-test__chat .chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b880}.admin-agent-test__chat .chat-message{padding:12px 16px;border-radius:16px;max-width:85%;font-size:14px;line-height:1.5;animation:fadeInMessage .3s ease-out;word-wrap:break-word}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-agent-test__chat .chat-message--bot{align-self:flex-start;background:#3b82f626;color:#e5e7ebf2;border:1px solid rgba(59,130,246,.2)}.admin-agent-test__chat .chat-message--user{align-self:flex-end;background:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f64d}.admin-agent-test__chat .chat-typing{display:flex;gap:6px;padding:4px 0}.admin-agent-test__chat .chat-typing span{width:8px;height:8px;border-radius:50%;background:#94a3b899;animation:bounce 1.4s infinite ease-in-out both}.admin-agent-test__chat .chat-typing span:nth-child(1){animation-delay:-.32s}.admin-agent-test__chat .chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.admin-agent-test__chat .chat-input-area{display:flex;gap:8px;padding:16px 20px;background:#0f172a99;border-top:1px solid rgba(148,163,184,.1);border-radius:0 0 20px 20px}.admin-agent-test__chat .chat-input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172acc;color:#e5e7ebf2;font-size:14px;outline:none;transition:all .2s ease}.admin-agent-test__chat .chat-input::placeholder{color:#94a3b880}.admin-agent-test__chat .chat-input:focus{border-color:var(--accent);background:#0f172ae6}.admin-agent-test__chat .chat-input:disabled{opacity:.6;cursor:not-allowed}.admin-agent-test__chat .chat-send{padding:12px 16px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px;width:auto;height:auto;box-shadow:none}.admin-agent-test__chat .chat-send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:none}.admin-agent-test__chat .chat-send:active:not(:disabled){transform:translateY(0)}.admin-agent-test__chat .chat-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-agent-test__metrics h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem}.admin-agent-test__metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:1.5rem}@media(max-width:768px){.admin-agent-test__metrics .metrics-grid{grid-template-columns:1fr;gap:12px}}.admin-agent-test__metrics .metric-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}@media(max-width:768px){.admin-agent-test__metrics .metric-card{padding:16px}}.admin-agent-test__metrics .metric-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f61a}.admin-agent-test__metrics .metric-card--highlight{background:var(--accent);border:none;color:#fff;box-shadow:0 12px 30px #2563eb80;grid-column:span 2}@media(max-width:768px){.admin-agent-test__metrics .metric-card--highlight{grid-column:span 1}}.admin-agent-test__metrics .metric-card--highlight:hover{background:#2563eb;box-shadow:0 16px 40px #2563eb99}.admin-agent-test__metrics .metric-card--highlight .metric-label,.admin-agent-test__metrics .metric-card--highlight .metric-sublabel{color:#ffffffe6}.admin-agent-test__metrics .metric-card--highlight .metric-value{color:#fff}.admin-agent-test__metrics .metric-card .metric-icon{font-size:32px;line-height:1}@media(max-width:768px){.admin-agent-test__metrics .metric-card .metric-icon{font-size:28px}}.admin-agent-test__metrics .metric-card .metric-content{flex:1}.admin-agent-test__metrics .metric-card .metric-content .metric-label{color:#94a3b8;font-size:13px;margin-bottom:4px;font-weight:500}@media(max-width:768px){.admin-agent-test__metrics .metric-card .metric-content .metric-label{font-size:12px}}.admin-agent-test__metrics .metric-card .metric-content .metric-value{color:#fff;font-size:24px;font-weight:600}@media(max-width:768px){.admin-agent-test__metrics .metric-card .metric-content .metric-value{font-size:20px}}.admin-agent-test__metrics .metric-card .metric-content .metric-sublabel{color:#ffffffb3;font-size:11px;margin-top:4px}.admin-agent-test__metrics .info-card{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;gap:16px}@media(max-width:768px){.admin-agent-test__metrics .info-card{padding:16px}}.admin-agent-test__metrics .info-card .info-icon{font-size:28px;flex-shrink:0}.admin-agent-test__metrics .info-card .info-content{flex:1}.admin-agent-test__metrics .info-card .info-content h5{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.admin-agent-test__metrics .info-card .info-content p{font-size:13px;color:#94a3b8;margin:0 0 8px}.admin-agent-test__metrics .info-card .info-content p strong{font-weight:600;color:#fff}.admin-agent-test__metrics .info-card .info-content p:last-child{margin-bottom:0}.admin-agent-test__metrics .info-card .info-content .info-note{font-size:12px;color:#64748b;font-style:italic;margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.2)}@media(max-width:768px){.admin-agent-test{padding:16px}.admin-agent-test__header{flex-direction:column;gap:16px}.admin-agent-test__header h2{font-size:24px}.admin-agent-test__chat .chat-window{height:500px}.admin-agent-test__metrics .metrics-section{padding:16px}}.admin-dashboard{display:flex;min-height:100vh;background:#0f172a}.admin-main-content{flex:1;padding:96px 32px 32px;min-height:100vh;margin-left:250px;background:linear-gradient(180deg,#0f172a,#1e293b)}@media(max-width:768px){.admin-main-content{margin-left:0;padding:144px 16px 24px}}.admin-content-placeholder{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-content-placeholder h1,.admin-content-placeholder h2{margin:0 0 8px;color:#fff;font-weight:600}.admin-content-placeholder h1{font-size:32px}.admin-content-placeholder h2{font-size:24px}.admin-content-placeholder .subtitle{margin:0 0 24px;color:#94a3b8;font-size:16px}.admin-content-placeholder p{color:#94a3b8;font-size:14px;margin:16px 0 0}.admin-content-placeholder .user-info{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0f172a80;border-radius:8px;margin-top:24px}.admin-content-placeholder .user-info span{font-size:14px;color:#94a3b8}.admin-content-placeholder .user-info .btn{padding:8px 16px;font-size:14px}.mobile-menu-toggle{display:none;position:fixed;top:80px;left:16px;width:48px;height:48px;background:#1e293bf2;border:1px solid rgba(148,163,184,.3);border-radius:12px;color:#fff;font-size:24px;cursor:pointer;z-index:1001;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle:hover{background:#3b82f633;border-color:#3b82f680}.mobile-menu-toggle.hidden{opacity:0;pointer-events:none}@media(max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.user-sidebar{width:250px;height:calc(100vh - 64px);background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;top:64px;left:0;z-index:1000;overflow-y:auto;transition:transform .3s ease}@media(max-width:768px){.user-sidebar{top:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 8px #0000004d}.user-sidebar.open{transform:translate(0)}}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{margin:0;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(90deg,#3b82f6b3,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-close{display:none;background:transparent;border:none;color:#e5e7ebbf;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;align-items:center;justify-content:center}.sidebar-close:hover{color:#fff}@media(max-width:768px){.sidebar-close{display:flex}}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:#94a3b8;font-size:14px;font-weight:500}.sidebar-item:hover{background:#3b82f61a;color:#3b82f6}.sidebar-item.active{background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.sidebar-item.active:hover{background:linear-gradient(90deg,#3b82f6b3,#3b82f6)}.sidebar-item.active .sidebar-icon{transform:scale(1.1)}.sidebar-icon{font-size:20px;transition:transform .2s ease}.sidebar-label{flex:1}.change-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:20px}.change-password-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:22px;color:#1f2937;display:flex;align-items:center;gap:8px}.modal-header.success h2{color:#10b981}.modal-header .close-button{background:none;border:none;font-size:32px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-header .close-button:hover{background:#f3f4f6;color:#4b5563}.modal-body{padding:24px 28px}.modal-body .info-box{margin-bottom:20px}.modal-body .info-box .main-info{font-size:15px;color:#4b5563;margin:0 0 12px}.modal-body .info-box .email-highlight{font-size:16px;font-weight:600;color:#2563eb;background:#eff6ff;padding:12px 16px;border-radius:8px;border-left:4px solid #2563eb;margin:0}.modal-body .warning-box{display:flex;gap:12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:20px}.modal-body .warning-box .warning-icon{font-size:24px;line-height:1;flex-shrink:0}.modal-body .warning-box .warning-text{flex:1}.modal-body .warning-box .warning-text strong{display:block;color:#92400e;margin-bottom:8px;font-size:15px}.modal-body .warning-box .warning-text ul{margin:0;padding-left:20px;color:#78350f;font-size:14px}.modal-body .warning-box .warning-text ul li{margin-bottom:6px;line-height:1.5}.modal-body .warning-box .warning-text ul li:last-child{margin-bottom:0}.modal-body .error-message{display:flex;align-items:flex-start;gap:10px;background:#fee;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;color:#991b1b;font-size:14px;line-height:1.5}.modal-body .error-message .error-icon{font-size:18px;line-height:1;flex-shrink:0}.modal-body .success-box{text-align:center}.modal-body .success-box .success-message{font-size:15px;color:#4b5563;margin:0 0 12px}.modal-body .success-box .email-highlight{font-size:16px;font-weight:600;color:#10b981;background:#d1fae5;padding:12px 16px;border-radius:8px;border-left:4px solid #10b981;margin:0 0 16px;display:inline-block;min-width:200px}.modal-body .success-box .success-info{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.modal-footer{padding:20px 28px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn{padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer .btn.primary{background:#2563eb;color:#fff}.modal-footer .btn.primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.modal-footer .btn.primary:active:not(:disabled){transform:translateY(0)}.modal-footer .btn.secondary{background:#f3f4f6;color:#4b5563}.modal-footer .btn.secondary:hover:not(:disabled){background:#e5e7eb}@media(max-width:480px){.change-password-modal-overlay{padding:10px}.change-password-modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-header h2{font-size:20px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.modal-body .warning-box{flex-direction:column;align-items:flex-start}}.change-password-modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.change-password-modal-content::-webkit-scrollbar{width:8px}.change-password-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.change-password-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.change-password-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.trial-code-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;padding:32px;color:#fff;margin-bottom:32px;box-shadow:0 8px 32px #3b82f64d;animation:slideIn .5s ease-out}.trial-code-card--used{background:linear-gradient(135deg,#10b981,#059669)}.trial-code-card--used .trial-progress-section{display:flex;flex-direction:column;gap:24px;margin-top:8px}.trial-code-card--used .trial-progress-item{background:#00000026;border-radius:12px;padding:20px}.trial-code-card--used .trial-progress-item .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trial-code-card--used .trial-progress-item .progress-header .progress-label{font-size:15px;font-weight:600;opacity:.95}.trial-code-card--used .trial-progress-item .progress-header .progress-value{font-size:14px;font-weight:700;opacity:.9}.trial-code-card--used .trial-progress-item .progress-bar-container{position:relative;height:32px;background:#ffffff26;border-radius:16px;overflow:hidden}.trial-code-card--used .trial-progress-item .progress-bar-container .progress-bar-fill{height:100%;border-radius:16px;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width 1s ease-out;min-width:2px}.trial-code-card--used .trial-progress-item .progress-bar-container .progress-bar-fill.tokens{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.trial-code-card--used .trial-progress-item .progress-bar-container .progress-bar-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.trial-code-card--used .trial-progress-item .progress-bar-container .progress-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.trial-code-card--used .trial-progress-item .progress-bar-container .progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.trial-code-card--used .trial-progress-item .progress-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;opacity:.75}.trial-code-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.trial-code-card .card-header .card-icon{font-size:36px;animation:bounce 2s ease-in-out infinite}.trial-code-card .card-header h3{font-size:24px;margin:0;font-weight:700}.trial-code-card .card-content .card-description{font-size:16px;margin-bottom:20px;opacity:.95;line-height:1.6}.trial-code-card .card-content .benefits-list{list-style:none;margin:20px 0;background:#ffffff1a;border-radius:12px;padding:20px}.trial-code-card .card-content .benefits-list li{padding:8px 0;font-size:15px;opacity:.95;display:flex;align-items:center;gap:8px}.trial-code-card .card-content .benefits-list li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.trial-code-card .card-content .generate-code-btn{background:#fff;color:#3b82f6;border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;width:100%;transition:all .3s ease;margin-top:20px}.trial-code-card .card-content .generate-code-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #00000026}.trial-code-card .card-content .generate-code-btn:active:not(:disabled){transform:scale(.98)}.trial-code-card .card-content .generate-code-btn:disabled{opacity:.6;cursor:not-allowed}.trial-code-card .card-content .spots-info{text-align:center;margin-top:12px;font-size:14px;opacity:.9}.trial-code-card .card-content .spots-info strong{font-weight:700;font-size:16px}.trial-code-card .card-content .error-message{background:#ef444433;border:2px solid rgba(239,68,68,.4);border-radius:12px;padding:16px;margin:16px 0;font-size:14px}.trial-code-card .card-content .code-display{margin-top:20px}.trial-code-card .card-content .code-display .code-box{display:flex;align-items:center;background:#ffffff26;border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:20px;margin:20px 0;gap:12px}.trial-code-card .card-content .code-display .code-box code{flex:1;font-size:24px;font-weight:700;letter-spacing:2px;font-family:Courier New,Courier,monospace;word-break:break-all}.trial-code-card .card-content .code-display .code-box .copy-btn{background:#fff3;border:none;padding:12px;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.trial-code-card .card-content .code-display .code-box .copy-btn:hover{background:#ffffff4d;transform:scale(1.1)}.trial-code-card .card-content .code-display .code-box .copy-btn:active{transform:scale(.95)}.trial-code-card .card-content .code-display .code-instructions{font-size:14px;opacity:.9;margin:16px 0;padding:12px;background:#ffffff1a;border-radius:8px}.trial-code-card .card-content .code-display .create-agent-btn{background:#f5576c;color:#fff;border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;width:100%;transition:all .3s ease;margin-top:12px}.trial-code-card .card-content .code-display .create-agent-btn:hover{background:#e04454;transform:scale(1.02);box-shadow:0 4px 12px #f5576c4d}.trial-code-card .card-content .code-display .create-agent-btn:active{transform:scale(.98)}@media(max-width:768px){.trial-code-card{padding:24px;margin-bottom:24px}.trial-code-card .card-header .card-icon{font-size:28px}.trial-code-card .card-header h3{font-size:20px}.trial-code-card .card-content .card-description{font-size:14px}.trial-code-card .card-content .benefits-list{padding:16px}.trial-code-card .card-content .benefits-list li{font-size:14px}.trial-code-card .card-content .trial-progress-section{gap:16px}.trial-code-card .card-content .trial-progress-item{padding:16px}.trial-code-card .card-content .trial-progress-item .progress-header{flex-direction:column;align-items:flex-start;gap:4px}.trial-code-card .card-content .trial-progress-item .progress-bar-container{height:28px}.trial-code-card .card-content .trial-progress-item .progress-footer{font-size:11px}.trial-code-card .card-content .code-display .code-box{padding:16px}.trial-code-card .card-content .code-display .code-box code{font-size:18px;letter-spacing:1px}.trial-code-card .card-content .code-display .code-box .copy-btn{min-width:40px;min-height:40px;font-size:18px}.trial-code-card .card-content .code-display .code-instructions{font-size:13px}}.trial-upgrade-cta{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.trial-upgrade-cta .upgrade-hint{font-size:15px;font-weight:600;color:#fff;margin:0}.trial-upgrade-cta .upgrade-hint--soft{font-weight:400;opacity:.85;font-size:14px}.trial-upgrade-cta .upgrade-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #fbbf2466}.trial-upgrade-cta .upgrade-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #fbbf2480}.trial-upgrade-cta .upgrade-cta-btn--urgent{animation:urgentPulse 2s ease-in-out infinite;font-size:17px;padding:16px 36px}.trial-upgrade-cta .discount-badge{display:inline-block;padding:6px 16px;font-size:13px;font-weight:700;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:20px}@keyframes urgentPulse{0%,to{box-shadow:0 4px 16px #fbbf2466}50%{box-shadow:0 4px 24px #fbbf24b3}}.upgrade-plan-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeInModal .3s ease}.upgrade-plan-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:960px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUpModal .3s ease;position:relative}.upgrade-plan-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:1}.upgrade-plan-modal__close:hover{background:#ffffff26;color:#fff}.upgrade-plan-modal__header{padding:32px 32px 24px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.upgrade-plan-modal__header h2{font-size:26px;font-weight:700;color:#fff;margin:0 0 8px}.upgrade-plan-modal__subtitle{font-size:15px;color:#cbd5e1;margin:0}.upgrade-plan-modal__subtitle--mock{color:#fbbf24;background:#fbbf241a;padding:10px 16px;border-radius:8px;margin-top:12px;font-size:13px}.upgrade-plan-modal__discount-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.3);border-radius:24px;color:#22c55e;font-weight:600;font-size:14px}.upgrade-plan-modal__discount-badge .discount-icon{font-size:18px}.upgrade-plan-modal__plans{display:flex;justify-content:center;gap:16px;padding:24px 32px;flex-wrap:wrap}.upgrade-plan-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid rgba(255,255,255,.1)}.upgrade-plan-modal__confirm{padding:24px 32px}.upgrade-plan-modal__comparison{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.upgrade-plan-modal__payment,.upgrade-plan-modal__success,.upgrade-plan-modal__error{padding:32px;text-align:center}.plan-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 20px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;width:260px;flex-shrink:0}.plan-card:hover{border-color:#3b82f64d;background:#ffffff0d;transform:translateY(-2px)}.plan-card--selected{border-color:#3b82f6;background:#3b82f614;box-shadow:0 0 20px #3b82f626}.plan-card--popular{border-color:#3b82f64d}.plan-card__popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 16px;border-radius:20px;white-space:nowrap}.plan-card__icon{font-size:32px;margin-bottom:12px}.plan-card__name{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.plan-card__description{font-size:13px;color:#94a3b8;margin:0 0 16px;line-height:1.4;min-height:36px}.plan-card__pricing{margin-bottom:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.plan-card__price-original{font-size:14px;color:#94a3b8;text-decoration:line-through;display:block;margin-bottom:4px}.plan-card__price{font-size:32px;font-weight:800;color:#3b82f6;display:block}.plan-card__price small{font-size:14px;font-weight:400;color:#94a3b8}.plan-card__activation{font-size:12px;color:#94a3b8;display:block;margin-top:4px}.plan-card__activation-free{font-size:12px;color:#94a3b8;margin-top:6px}.plan-card__activation-free .line-through{text-decoration:line-through}.plan-card__activation-free strong{color:#22c55e}.plan-card__features{list-style:none;padding:0;margin:0;flex-grow:1}.plan-card__features li{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:13px;color:#cbd5e1;line-height:1.4}.plan-card__features li .feature-check{color:#22c55e;font-weight:700;flex-shrink:0;margin-top:1px}.plan-card__selected-indicator{margin-top:16px;padding:8px;background:#3b82f626;border-radius:8px;color:#60a5fa;font-weight:600;font-size:13px;text-align:center}.confirm-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.confirm-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.confirm-row:last-child{border-bottom:none}.confirm-row--total{padding-top:16px;margin-top:4px;border-top:2px solid rgba(59,130,246,.3)}.confirm-label{font-size:14px;color:#94a3b8}.confirm-value{font-size:15px;font-weight:600;color:#fff}.confirm-value--plan{color:#3b82f6;font-size:16px}.confirm-discount-info{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:13px;font-weight:500}.confirm-discount-info .discount-icon{font-size:16px}.confirm-note{margin-top:16px}.confirm-note p{font-size:13px;color:#94a3b8;margin:0;padding:12px;background:#3b82f60d;border-radius:8px;border-left:3px solid #3b82f6}.comparison-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;text-align:center}.comparison-table{width:100%;border-collapse:collapse;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-bottom:16px}.comparison-table thead{background:#ffffff0d}.comparison-table thead th{padding:12px 16px;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.comparison-table thead th:first-child{width:45%}.comparison-table thead th:not(:first-child){text-align:center;width:27.5%}.comparison-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff05}.comparison-table tbody tr.row--gain{background:#22c55e0d}.comparison-table tbody tr.row--gain .feature-value--target{color:#22c55e;font-weight:600}.comparison-table tbody tr.row--loss{background:#fbbf240d}.comparison-table tbody tr.row--loss .feature-value--target{color:#fbbf24}.comparison-table tbody td{padding:12px 16px;font-size:14px}.comparison-table .feature-name{color:#cbd5e1}.comparison-table .feature-value{text-align:center;color:#fff}.comparison-table .feature-value--current{color:#94a3b8}.comparison-table .change-indicator{display:inline-block;margin-left:6px;font-size:12px;font-weight:700}.comparison-table .change-indicator--gain{color:#22c55e}.comparison-table .change-indicator--loss{color:#fbbf24}.comparison-warning{display:flex;gap:12px;padding:14px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;margin-bottom:12px}.comparison-warning .warning-icon{font-size:20px;flex-shrink:0}.comparison-warning .warning-content{font-size:13px;color:#fbbf24;line-height:1.5}.comparison-warning .warning-content strong{color:#fcd34d}.comparison-warning .warning-hint{margin:6px 0 0;font-size:12px;color:#d97706;opacity:.9}.comparison-benefit{display:flex;gap:12px;padding:14px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:10px}.comparison-benefit .benefit-icon{font-size:20px;color:#22c55e;flex-shrink:0}.comparison-benefit .benefit-content{font-size:13px;color:#22c55e;line-height:1.5}.comparison-benefit .benefit-content strong{color:#4ade80}.line-through{text-decoration:line-through;opacity:.7}.text-green{color:#22c55e!important}.payment-amount{margin-bottom:32px}.payment-amount__label{display:block;font-size:14px;color:#94a3b8;margin-bottom:8px}.payment-amount__value{display:block;font-size:42px;font-weight:800;color:#3b82f6;margin-bottom:4px}.payment-amount__sub{display:block;font-size:15px;color:#cbd5e1}.payment-actions__label{font-size:13px;color:#fbbf24;margin-bottom:16px}.payment-actions__buttons{display:flex;gap:12px;justify-content:center}.success-check-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-description{font-size:15px;color:#cbd5e1;margin-bottom:24px}.snippet-container{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin-bottom:24px;text-align:left}.snippet-container .snippet-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.snippet-container .snippet-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.snippet-container .snippet-code{padding:16px;margin:0;font-size:13px;color:#60a5fa;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.btn-copy{padding:4px 12px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:12px;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#3b82f64d}.btn-copy.copied{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.error-icon-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-cancel{padding:10px 24px;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#94a3b826;color:#cbd5e1}.btn-upgrade{padding:10px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-upgrade:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed}.btn-pay-success{padding:12px 32px;background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-pay-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.btn-pay-success:disabled{opacity:.6;cursor:not-allowed}.btn-pay-fail{padding:12px 24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;cursor:pointer;transition:all .2s}.btn-pay-fail:hover:not(:disabled){background:#ef444440}.btn-pay-fail:disabled{opacity:.5;cursor:not-allowed}.btn-dashboard{padding:12px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-dashboard:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spinModal .6s linear infinite}@media(max-width:768px){.upgrade-plan-modal{max-width:100%;max-height:95vh}.upgrade-plan-modal__plans{grid-template-columns:1fr;padding:16px}.upgrade-plan-modal__header{padding:24px 16px 16px}.upgrade-plan-modal__header h2{font-size:22px}.upgrade-plan-modal__footer{padding:16px;flex-direction:column}.upgrade-plan-modal__confirm,.upgrade-plan-modal__payment,.upgrade-plan-modal__success,.upgrade-plan-modal__error{padding:16px}.plan-card{padding:20px 16px}.payment-actions__buttons{flex-direction:column}}.user-profile-content{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile-content h1{margin:0 0 32px;color:#fff;font-weight:600;font-size:32px}.user-profile-content .subtitle{margin:0 0 32px;color:#94a3b8;font-size:16px}.user-profile-content .user-info-card{background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:24px;margin-bottom:24px}.user-profile-content .user-info-card h2{margin:0 0 20px;color:#fff;font-size:20px;font-weight:600}.user-profile-content .user-info-card .info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1)}.user-profile-content .user-info-card .info-row:last-child{border-bottom:none}.user-profile-content .user-info-card .info-row .label{color:#94a3b8;font-size:14px;font-weight:500}.user-profile-content .user-info-card .info-row .value{color:#fff;font-size:14px;font-weight:600}.user-profile-content .actions{display:flex;gap:12px;justify-content:flex-start}.user-profile-content .btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.user-profile-content .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.user-profile-content .btn.secondary:hover{background:#94a3b833;color:#fff}.chat-test-tab{display:flex;flex-direction:column;min-height:640px}.chat-test-tab__container{display:grid;grid-template-columns:420px 1fr;gap:32px;height:100%;align-items:start}@media(max-width:1024px){.chat-test-tab__container{grid-template-columns:1fr;gap:24px}}.chat-test-tab__info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#e5e7ebf2}.chat-test-tab__info p{margin:0 0 12px;font-size:14px;color:#e5e7ebb3;line-height:1.5}.chat-test-tab__info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}@media(max-width:768px){.chat-test-tab__info-header{flex-direction:column}}.chat-test-tab__info-header .btn-reset{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-test-tab__info-header .btn-reset:hover{background:#2563eb;transform:translateY(-1px)}.chat-test-tab__info-header .btn-reset:active{transform:translateY(0)}.chat-test-tab__metrics{margin-top:24px}.chat-test-tab__metrics h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.chat-test-tab__metrics .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.chat-test-tab__metrics .metrics-grid{grid-template-columns:1fr;gap:12px}}.chat-test-tab__metrics .metric-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}@media(max-width:768px){.chat-test-tab__metrics .metric-card{padding:16px}}.chat-test-tab__metrics .metric-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f61a}.chat-test-tab__metrics .metric-card .metric-icon{font-size:32px;line-height:1}@media(max-width:768px){.chat-test-tab__metrics .metric-card .metric-icon{font-size:28px}}.chat-test-tab__metrics .metric-card .metric-content{flex:1}.chat-test-tab__metrics .metric-card .metric-content .metric-label{color:#94a3b8;font-size:13px;margin-bottom:4px;font-weight:500}@media(max-width:768px){.chat-test-tab__metrics .metric-card .metric-content .metric-label{font-size:12px}}.chat-test-tab__metrics .metric-card .metric-content .metric-value{color:#fff;font-size:24px;font-weight:600}@media(max-width:768px){.chat-test-tab__metrics .metric-card .metric-content .metric-value{font-size:20px}}.chat-test-tab__notice{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:12px;font-size:13px;color:#fbbf24f2;line-height:1.5}.chat-test-tab__notice strong{font-weight:600}.chat-test-tab__preview{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;background:#0f172a66;border-radius:12px;border:1px solid rgba(148,163,184,.2);min-height:650px}.chat-test-fab{position:absolute;right:20px;bottom:20px;transition:transform .2s ease;z-index:10}.chat-test-fab:hover{transform:scale(1.05)}.chat-test-fab:active{transform:scale(.95)}.chat-test-panel{position:absolute;right:20px;bottom:90px;width:360px;max-width:calc(100vw - 80px);height:520px;max-height:calc(100vh - 200px);border:1px solid rgba(148,163,184,.28);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 60px #00000073;z-index:9}.chat-test-header{padding:12px 14px;background:#0f172ad9;border-bottom:1px solid rgba(148,163,184,.2);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between}.chat-test-close{background:transparent;border:0;color:#e5e7ebbf;cursor:pointer;font-size:22px;font-weight:700;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chat-test-close:hover{color:#e5e7ebf2}.chat-test-actions{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid rgba(148,163,184,.2);background:#02061733}.chat-test-action-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#e5e7ebeb;font-size:11px;font-weight:500;cursor:pointer;transition:all .12s}.chat-test-action-btn:hover{background:#2563eb2e;border-color:#3b82f659}.chat-test-messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-test-message{max-width:92%;padding:10px 12px;border-radius:14px;font-size:12px;font-weight:500;line-height:1.35;border:1px solid rgba(148,163,184,.18);white-space:pre-wrap}.chat-test-message.assistant{align-self:flex-start;background:#02061759}.chat-test-message.user{align-self:flex-end;background:#2563eb2e;border-color:#3b82f659}.chat-test-typing{display:flex;gap:4px}.chat-test-typing span{width:6px;height:6px;border-radius:50%;background:#e5e7eb80;animation:typing 1.4s infinite}.chat-test-typing span:nth-child(2){animation-delay:.2s}.chat-test-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-test-compose{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(148,163,184,.2);background:#02061733}.chat-test-input{flex:1;border-radius:12px;border:1px solid rgba(148,163,184,.26);background:#0f172a8c;color:#e5e7ebf2;padding:10px 12px;font-size:12px;font-weight:500;font-family:inherit}.chat-test-input:focus{outline:none;border-color:#3b82f680}.chat-test-input::placeholder{color:#e5e7eb66}.chat-test-send{border-radius:12px;border:0;color:#fff;padding:0 14px;height:40px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit}.chat-test-send:hover:not(:disabled){opacity:.9}.chat-test-send:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-test-panel{max-width:calc(100% - 50px);right:25px;bottom:90px}.chat-test-fab{right:25px;bottom:20px}}.chatmock{position:absolute;right:50px;bottom:14px;z-index:5;pointer-events:none;--chat-panel-bg: linear-gradient( 145deg, rgba(15, 23, 42, .96), rgba(2, 6, 23, .98) );--chat-panel-border: rgba(148, 163, 184, .28);--chat-header-bg: rgba(2, 6, 23, .35);--chat-text: rgba(229, 231, 235, .95);--chat-subtitle: rgba(156, 163, 175, .9);--chat-user-bg: rgba(37, 99, 235, .18);--chat-user-border: rgba(59, 130, 246, .35);--chat-agent-bg: rgba(2, 6, 23, .35);--chat-agent-border: rgba(148, 163, 184, .18);--chat-input-bg: rgba(15, 23, 42, .55);--chat-input-border: rgba(148, 163, 184, .26);--chat-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--chat-font-size: 12px;--chat-send-bg: rgba(37, 99, 235, .9);--chat-fab-size: 54px;--chat-fab-bg: linear-gradient( 145deg, rgba(59, 130, 246, .95), rgba(37, 99, 235, .65) )}.chatmock__fab{pointer-events:auto;width:var(--chat-fab-size);height:var(--chat-fab-size);border-radius:999px;border:1px solid rgba(148,163,184,.25);background:var(--chat-fab-bg);color:var(--chat-fab-icon-color, white);display:grid;place-items:center;box-shadow:0 16px 46px #0000008c;cursor:pointer}.chatmock__fab svg{color:var(--chat-fab-icon-color, white)}.chatmock[data-fab-shape=rounded] .chatmock__fab{border-radius:16px}.chatmock[data-fab-shape=square] .chatmock__fab{border-radius:10px}.chatmock__panel{pointer-events:auto;position:absolute;right:0;bottom:66px;width:min(360px,100vw - 28px);height:520px;border-radius:18px;background:var(--chat-panel-bg);border:1px solid var(--chat-panel-border);box-shadow:0 26px 90px #020617cc;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transform-origin:100% 100%;transition:opacity .16s ease,transform .16s ease;font-family:var(--chat-font);font-size:var(--chat-font-size);color:var(--chat-text)}.chatmock[data-open=false] .chatmock__panel{opacity:0;transform:translateY(8px) scale(.98);pointer-events:none}.chatmock[data-open=true] .chatmock__panel{opacity:1;transform:translateY(0) scale(1)}.chatmock__header{padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.18);background:var(--chat-header-bg);font-family:var(--chat-font)}.chatmock__title{font-size:13px;font-weight:750;color:var(--chat-text);font-family:var(--chat-font)}.chatmock__subtitle{font-size:11px;color:var(--chat-subtitle);font-family:var(--chat-font)}.chatmock__close{width:28px;height:28px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#e5e7ebf2;cursor:pointer;font-family:var(--chat-font)}.chatmock__messages{padding:12px;overflow:auto;display:grid;gap:10px}.chatmock__msg{max-width:85%;padding:10px 12px;border-radius:14px;font-size:1em;line-height:1.35;border:1px solid rgba(148,163,184,.18);font-family:var(--chat-font)}.chatmock__msg--agent{justify-self:start;background:var(--chat-agent-bg);border-color:var(--chat-agent-border);color:var(--chat-text)}.chatmock__msg--user{justify-self:end;background:var(--chat-user-bg);border-color:var(--chat-user-border);color:var(--chat-text)}.chatmock__composer{padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid rgba(148,163,184,.18);background:var(--chat-header-bg)}.chatmock__topics{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.chatmock__topic{padding:6px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:var(--chat-text);font-size:.9em;font-family:var(--chat-font);cursor:pointer;transition:background .12s ease,border-color .12s ease}.chatmock__topic:hover{background:#2563eb2e;border-color:#3b82f659}.chatmock__input{width:100%;border-radius:12px;border:1px solid var(--chat-input-border);background:var(--chat-input-bg);color:var(--chat-text);padding:10px 12px;font-size:1em;font-family:var(--chat-font);caret-color:var(--chat-text)}.chatmock__send{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:var(--chat-send-bg);color:#fff;padding:10px 12px;font-size:1em;font-weight:700;cursor:pointer;font-family:var(--chat-font)}.chatmock__send:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chatmock{right:20px}}.theme-tab{width:100%;height:100%}.theme-tab__container{display:flex;gap:24px;height:100%}@media(max-width:1024px){.theme-tab__container{flex-direction:column}}.theme-tab__form{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:calc(100vh - 250px)}@media(max-width:1024px){.theme-tab__form{max-height:none;order:2}}@media(max-width:768px){.theme-tab__form{gap:10px}}.theme-tab__preview{flex:1;display:flex;flex-direction:column}@media(max-width:1024px){.theme-tab__preview{order:1;margin-bottom:20px;width:100%}}.theme-tab__previewLabel{display:none}.theme-tab__previewContainer{position:relative;background:#0f172a4d;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:30px;height:100%;max-height:calc(100vh - 250px);display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:1024px){.theme-tab__previewContainer{height:500px;max-height:500px;padding:20px;align-items:center;justify-content:center}}.theme-tab__previewContainer>*{transform:scale(.83);transform-origin:center center}@media(max-width:1024px){.theme-tab__previewContainer>*{transform:scale(.78)}}.theme-tab__accordionHeader{padding:12px 16px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#e5e7ebeb;transition:all .15s}.theme-tab__accordionHeader:hover{background:#0f172ab3;border-color:#94a3b84d}@media(max-width:768px){.theme-tab__accordionHeader{padding:10px 12px;font-size:12px}}.theme-tab__accordionIcon{font-size:18px;line-height:1;color:#94a3b8cc}.theme-tab__sectionContent{padding:16px;border:1px solid rgba(148,163,184,.15);border-top:none;border-radius:0 0 8px 8px;background:#0f172a33;margin-top:-8px}@media(max-width:768px){.theme-tab__sectionContent{padding:8px}}.theme-tab__formGrid{display:flex;flex-direction:column}.theme-tab__subsectionTitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8f2;margin-top:8px;margin-bottom:12px;text-align:left}.theme-tab__colorGrid{display:flex;justify-content:space-around;margin-bottom:8px}@media(max-width:768px){.theme-tab__colorGrid{display:flex;flex-wrap:wrap}}.theme-tab__colorField{display:flex;flex-direction:column;align-items:center;padding:5px;font-size:12px;color:#e5e7ebe0;text-align:center;border:1px solid rgba(148,163,184,.26);border-radius:8px;min-width:90px;margin:15px 0}.theme-tab__colorField span{font-size:11px;font-weight:500;min-height:28px;display:flex;align-items:center;justify-content:center}.theme-tab__colorField input[type=color]{width:100%;max-width:80px;height:70px;padding:6px;border:1px solid rgba(148,163,184,.26);border-radius:12px;background:#0f172a8c;cursor:pointer;transition:border-color .15s,transform .1s}.theme-tab__colorField input[type=color]:hover{border-color:#94a3b866}.theme-tab__colorField input[type=color]:active{transform:scale(.98)}@media(max-width:768px){.theme-tab__colorField input[type=color]{height:70px;border-radius:8px}}.theme-tab__fontGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 5px}@media(max-width:768px){.theme-tab__fontGrid{display:flex;flex-wrap:wrap;gap:6px}.theme-tab__fontGrid>*{flex:1 1 calc(50% - 3px);min-width:0}}.theme-tab__fontBtn{padding:10px 14px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;color:#e5e7ebe0;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.theme-tab__fontBtn:hover{background:#0f172a99;border-color:#94a3b859}.theme-tab__fontBtn:active{transform:scale(.98)}.theme-tab__fontBtn.active{background:#2563eb33;border-color:#3b82f680;color:#60a5fa;font-weight:600}@media(max-width:768px){.theme-tab__fontBtn{padding:12px 6px;font-size:12px}}.theme-tab__rangeControl{display:flex;align-items:center;gap:12px;padding:8px 0;margin:10px 0}.theme-tab__rangeControl input[type=range]{flex:1;height:4px;border-radius:2px;background:#94a3b833;outline:none;cursor:pointer}.theme-tab__rangeControl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:all .15s}.theme-tab__rangeControl input[type=range]::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.1)}.theme-tab__rangeControl input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:all .15s}.theme-tab__rangeControl input[type=range]::-moz-range-thumb:hover{background:#60a5fa;transform:scale(1.1)}.theme-tab__rangeBtn{width:28px;height:28px;padding:0;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:#0f172a66;color:#e5e7ebe0;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.theme-tab__rangeBtn:hover:not(:disabled){background:#0f172a99;border-color:#94a3b859}.theme-tab__rangeBtn:disabled{opacity:.4;cursor:not-allowed}.theme-tab__rangeValue{font-size:12px;font-weight:600;color:#94a3b8f2;text-align:right}.theme-tab__iconGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}@media(max-width:768px){.theme-tab__iconGrid{display:flex;flex-wrap:wrap;gap:8px}.theme-tab__iconGrid>*{flex:1 1 calc(50% - 4px);min-width:0}}.theme-tab__iconBtn{padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;color:#e5e7ebe0;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.theme-tab__iconBtn svg{width:24px;height:24px}.theme-tab__iconBtn:hover{background:#0f172a99;border-color:#94a3b859}.theme-tab__iconBtn:active{transform:scale(.98)}.theme-tab__iconBtn.active{background:#2563eb33;border-color:#3b82f680;color:#60a5fa}@media(max-width:768px){.theme-tab__iconBtn{padding:10px}.theme-tab__iconBtn svg{width:18px;height:18px}}.theme-tab__shapeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}@media(max-width:768px){.theme-tab__shapeGrid{display:flex;flex-wrap:wrap;gap:8px}.theme-tab__shapeGrid>*{flex:1 1 calc(33.333% - 6px);min-width:0}}.theme-tab__shapeBtn{padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.theme-tab__shapeBtn:hover{background:#0f172a99;border-color:#94a3b859}.theme-tab__shapeBtn:active{transform:scale(.98)}.theme-tab__shapeBtn.active{background:#2563eb33;border-color:#3b82f680}.theme-tab__shapeBtn.active .theme-tab__shapePreview{background:#60a5facc}@media(max-width:768px){.theme-tab__shapeBtn{padding:10px}}.theme-tab__shapePreview{width:40px;height:40px;background:#94a3b866;transition:all .15s ease}@media(max-width:768px){.theme-tab__shapePreview{width:32px;height:32px}}.theme-tab__shapePreview--circle{border-radius:50%}.theme-tab__shapePreview--rounded{border-radius:12px}@media(max-width:768px){.theme-tab__shapePreview--rounded{border-radius:8px}}.theme-tab__shapePreview--square{border-radius:4px}@media(max-width:768px){.theme-tab__shapePreview--square{border-radius:3px}}.knowledge-tab{max-width:700px;margin:0 auto}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#cbd5e1;font-size:14px}.loading-spinner .spinner{width:32px;height:32px;border:3px solid rgba(148,163,184,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.step-two-header{gap:8px}}.step-two-title{font-size:24px;font-weight:600;color:#fff;margin:0;text-align:center}@media(max-width:768px){.step-two-title{font-size:20px}}.step-two-description{font-size:14px;color:#cbd5e1;text-align:center;margin:0 0 24px;line-height:1.6}@media(max-width:768px){.step-two-description{font-size:13px}}@media(max-width:768px){.upload-area{padding:32px 20px}}@media(max-width:768px){.upload-icon{font-size:48px}}@media(max-width:768px){.upload-text{font-size:15px}}.btn-browse:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.btn-browse:active:not(:disabled){transform:translateY(0)}.btn-browse:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.btn-browse{width:100%;font-size:15px}}@media(max-width:768px){.file-item{padding:12px 14px}}@media(max-width:768px){.file-name{font-size:14px}}@media(max-width:768px){.file-size{font-size:12px}}.btn-remove:hover:not(:disabled){background:#ef444433;border-color:#ef444480;color:#ef4444}.btn-remove:active:not(:disabled){transform:scale(.95)}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.modal-actions .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-actions .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.modal-actions .btn.secondary:hover{background:#94a3b833;color:#fff}.modal-actions .btn.primary.danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.modal-actions .btn.primary.danger:hover{background:#ef44444d;border-color:#ef444480}.info-modal::-webkit-scrollbar{width:8px}.info-modal::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.info-modal::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.info-modal::-webkit-scrollbar-thumb:hover{background:#94a3b880}.custom-actions-tab{padding:20px 0}.btn-edit:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-edit:hover:not(:disabled){background:#3b82f64d;transform:translateY(-2px)}.btn-delete:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px)}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.file-attached .btn-remove-file:hover:not(:disabled){background:#ef44444d;transform:scale(1.05)}.file-attached .btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.btn-clear-file:hover:not(:disabled){background:#ef44444d;transform:scale(1.05)}.btn-clear-file:disabled{opacity:.5;cursor:not-allowed}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel:hover:not(:disabled){background:#94a3b84d;transform:translateY(-2px)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-add-action:hover:not(:disabled){background:#3b82f626;border-color:#3b82f699;transform:translateY(-2px)}.btn-add-action:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.custom-actions-tab{padding:15px 0}.step-seven-title{font-size:24px}.step-seven-description{font-size:14px;margin-bottom:30px}.action-card{padding:16px}.action-header{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons{align-self:flex-end}.action-label{font-size:16px}.action-form{padding:24px 20px}.form-title{font-size:18px}.form-buttons{flex-direction:column-reverse}.form-buttons .btn-cancel,.form-buttons .btn-save{width:100%}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.info-modal-title{font-size:22px;padding:25px 25px 0}.info-modal-content{padding:0 25px 25px}.info-modal-btn{width:calc(100% - 50px);margin:0 25px 25px}.info-section h4{font-size:16px}}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-wrapper .file-label{display:block;padding:12px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.file-input-wrapper .file-label:hover{border-color:#94a3b866;background:#0f172acc;color:#cbd5e1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.actions-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#1e293b4d;border:1px dashed rgba(148,163,184,.25);border-radius:12px}.add-action-btn{min-width:200px}.actions-count{font-size:13px;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0 0 8px;font-size:16px;color:#94a3b8}.empty-state p.empty-hint{font-size:14px;color:#64748b}@media(max-width:768px){.action-item{flex-direction:column}.action-buttons{width:100%;justify-content:flex-end}.form-actions{flex-direction:column}.form-actions button{width:100%}}.contexts-tab{padding:0}.step-eight-content{max-width:900px;margin:0 auto;border-top:none;padding-top:0}.step-eight-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px}.step-eight-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:left}.step-eight-description{font-size:15px;color:#cbd5e1;text-align:left;margin:0 0 32px;line-height:1.6}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:20px}.banner-content strong{display:block;font-size:16px;font-weight:600;color:#fde047;margin-bottom:6px;text-align:left}.banner-content p{font-size:14px;color:#fef3c7;margin:0;line-height:1.5;text-align:left}.option-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.option-card.disabled .option-toggle{cursor:not-allowed;pointer-events:none}.option-card.disabled .option-title,.option-card.disabled .option-description p,.option-card.disabled .detail-text{color:#94a3b899}.option-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px;text-align:left}.option-description{margin-bottom:16px;text-align:left}.option-description p{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0;text-align:left}.detail-text{flex:1;text-align:left}.info-modal-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 24px;padding:30px 40px 0;text-align:left}.info-section h4{font-size:18px;font-weight:600;color:#60a5fa;margin:0 0 12px;text-align:left}.info-section p{font-size:15px;color:#cbd5e1;line-height:1.7;margin:0 0 12px;text-align:left}.info-section p strong{color:#60a5fa;font-weight:600}.info-section ul{margin:12px 0;padding-left:24px;list-style-type:disc;text-align:left}.info-section ul li{font-size:15px;color:#cbd5e1;line-height:1.7;margin-bottom:8px;text-align:left}@media(max-width:768px){.contexts-tab{padding:15px 0}.step-eight-title{font-size:24px}.step-eight-description{font-size:14px;margin-bottom:24px}.plan-info-banner{padding:14px 16px;gap:10px}.plan-info-banner .banner-content strong{font-size:15px}.plan-info-banner .banner-content p{font-size:13px}.option-card{padding:20px 16px}.option-header{flex-wrap:wrap;gap:12px}.option-icon{font-size:28px}.option-title{font-size:18px}.option-toggle{width:100%;text-align:right}.options-summary{padding:16px 18px}.summary-title{font-size:15px}.info-modal-title{font-size:22px;padding:25px 25px 0}.info-modal-content{padding:0 25px 25px}.info-modal-btn{width:calc(100% - 50px);margin:0 25px 25px}.info-section h4{font-size:16px}}.install-tab{padding:20px;max-width:900px;margin:0 auto}.install-tab__header{margin-bottom:24px;text-align:left}.install-tab__header h3{font-size:20px;font-weight:600;color:#e5e7ebf2;margin-bottom:8px;text-align:left}.install-tab__subtitle{font-size:14px;color:#94a3b8d9;line-height:1.5;text-align:left}.install-tab__subtitle code{background:#3b82f626;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#60a5faf2}.install-tab__error{padding:24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;text-align:center}.install-tab__error p{margin:8px 0;color:#e5e7ebe6}.install-tab__hint{font-size:13px;color:#94a3b8bf!important}.install-tab__snippet{position:relative;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px;margin-bottom:24px}.install-tab__snippet-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px}.install-tab__label{font-size:13px;font-weight:600;color:#94a3b8d9;text-transform:uppercase;letter-spacing:.05em}.install-tab__copy-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(59,130,246,.3);background:#3b82f626;color:#60a5faf2;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.install-tab__copy-btn:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680}.install-tab__copy-btn:disabled{background:#22c55e26;border-color:#22c55e4d;color:#86efacf2;cursor:default}.install-tab__code{background:#0f172acc;padding:16px;border-radius:8px;overflow-x:auto;margin:0}.install-tab__code code{font-family:Courier New,monospace;font-size:13px;color:#e5e7ebf2;line-height:1.6;white-space:pre}.install-tab__code::-webkit-scrollbar{height:8px}.install-tab__code::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.install-tab__code::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.install-tab__code::-webkit-scrollbar-thumb:hover{background:#94a3b880}.install-tab__instructions{margin-bottom:24px;text-align:left}.install-tab__instructions h4{font-size:16px;font-weight:600;color:#e5e7ebf2;margin-bottom:12px;text-align:left}.install-tab__instructions ol{margin-left:20px;text-align:left}.install-tab__instructions ol li{font-size:14px;color:#e5e7ebd9;line-height:1.8;margin-bottom:8px;text-align:left}.install-tab__instructions ol li code{background:#3b82f626;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#60a5faf2}.install-tab__example{margin-top:20px;padding:16px;background:#0f172a66;border:1px solid rgba(148,163,184,.15);border-radius:12px;text-align:left}.install-tab__example h5{font-size:14px;font-weight:600;color:#e5e7ebf2;margin-bottom:12px;text-align:left}.install-tab__note{padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:14px;color:#e5e7ebd9;line-height:1.6;text-align:left}.install-tab__note strong{color:#60a5faf2}@media(max-width:768px){.install-tab{padding:16px}.install-tab__header h3{font-size:18px}.install-tab__snippet{padding-bottom:56px}.install-tab__copy-btn{position:absolute;bottom:12px;right:12px;width:auto;min-width:120px}.install-tab__code{margin-bottom:0}.install-tab__code code{font-size:12px}}.agent-edit-modal-overlay{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:2000;padding:20px}@media(max-width:768px){.agent-edit-modal-overlay{padding:0;align-items:stretch}}.agent-edit-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.3);border-radius:16px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}@media(max-width:768px){.agent-edit-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0;border:none}}.agent-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(148,163,184,.2)}@media(max-width:768px){.agent-edit-modal .modal-header{padding:20px 16px}}.agent-edit-modal .modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}@media(max-width:768px){.agent-edit-modal .modal-header h2{font-size:20px}}.agent-edit-modal .modal-header .close-btn{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:all .2s ease}.agent-edit-modal .modal-header .close-btn:hover{color:#fff;transform:rotate(90deg)}.agent-edit-modal .modal-tabs{display:flex;gap:4px;padding:16px 28px 0;border-bottom:1px solid rgba(148,163,184,.2);-webkit-overflow-scrolling:touch}@media(max-width:768px){.agent-edit-modal .modal-tabs{padding:12px 16px 0;gap:2px}}@media(max-width:768px){.agent-edit-modal .modal-tabs.desktop-tabs{display:none}}.agent-edit-modal .modal-tabs.mobile-tabs{display:none;justify-content:space-between;align-items:center;gap:16px}@media(max-width:768px){.agent-edit-modal .modal-tabs.mobile-tabs{display:flex}}.agent-edit-modal .modal-tabs.mobile-tabs .tab-arrow{background:transparent;border:none;color:#3b82f6;font-size:24px;cursor:pointer;padding:8px 12px;transition:all .2s ease;flex-shrink:0}.agent-edit-modal .modal-tabs.mobile-tabs .tab-arrow:hover:not(:disabled){color:#60a5fa;transform:scale(1.2)}.agent-edit-modal .modal-tabs.mobile-tabs .tab-arrow:disabled{color:#475569;cursor:not-allowed;opacity:.3}.agent-edit-modal .modal-tabs.mobile-tabs .active-tab-label{flex:1;text-align:center;color:#3b82f6;font-size:16px;font-weight:600;padding:8px 0}.agent-edit-modal .modal-tabs .tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(max-width:768px){.agent-edit-modal .modal-tabs .tab{padding:8px 12px;font-size:13px}}.agent-edit-modal .modal-tabs .tab:hover{color:#fff}.agent-edit-modal .modal-tabs .tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.agent-edit-modal .modal-content{flex:1;overflow-y:auto;padding:28px}@media(max-width:768px){.agent-edit-modal .modal-content{padding:20px 16px}}.agent-edit-modal .modal-content .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.agent-edit-modal .modal-content .tab-content .form-group{margin-bottom:24px}.agent-edit-modal .modal-content .tab-content .form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.agent-edit-modal .modal-content .tab-content .form-group label.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.agent-edit-modal .modal-content .tab-content .form-group label.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.agent-edit-modal .modal-content .tab-content .form-group input[type=text],.agent-edit-modal .modal-content .tab-content .form-group textarea{width:100%;padding:12px 16px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease}.agent-edit-modal .modal-content .tab-content .form-group input[type=text]:focus,.agent-edit-modal .modal-content .tab-content .form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.agent-edit-modal .modal-content .tab-content .form-group input[type=text]:disabled,.agent-edit-modal .modal-content .tab-content .form-group textarea:disabled{opacity:.5;cursor:not-allowed}.agent-edit-modal .modal-content .tab-content .form-group input[type=text]::placeholder,.agent-edit-modal .modal-content .tab-content .form-group textarea::placeholder{color:#64748b}.agent-edit-modal .modal-content .tab-content .form-group textarea{resize:vertical;min-height:100px}.agent-edit-modal .modal-content .tab-content .form-group .form-hint{display:block;color:#64748b;font-size:12px;margin-top:6px}.agent-edit-modal .modal-content .tab-content .placeholder-content{text-align:center;padding:60px 20px;color:#94a3b8}.agent-edit-modal .modal-content .tab-content .placeholder-content p{font-size:18px;margin:0 0 8px}.agent-edit-modal .modal-content .tab-content .placeholder-content small{font-size:14px;color:#64748b}.agent-edit-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid rgba(148,163,184,.2)}@media(max-width:768px){.agent-edit-modal .modal-footer{padding:16px;gap:8px}}.agent-edit-modal .modal-footer .btn{padding:10px 24px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.agent-edit-modal .modal-footer .btn{padding:10px 16px;font-size:13px;flex:1}}.agent-edit-modal .modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.agent-edit-modal .modal-footer .btn.primary{background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff}.agent-edit-modal .modal-footer .btn.primary:hover:not(:disabled){background:linear-gradient(90deg,#3b82f6b3,#3b82f6);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.agent-edit-modal .modal-footer .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.agent-edit-modal .modal-footer .btn.secondary:hover:not(:disabled){background:#94a3b833;color:#fff}.agent-edit-modal .modal-content::-webkit-scrollbar{width:8px}.agent-edit-modal .modal-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.agent-edit-modal .modal-content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.agent-edit-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.step-one-content{max-width:700px;margin:0 auto 40px}.step-one-title{font-size:24px;font-weight:600;color:#fff;margin:0;text-align:center}@media(max-width:768px){.step-one-title{font-size:20px}}.step-one-description{font-size:14px;color:#cbd5e1;text-align:center;margin:0 0 24px;line-height:1.6}@media(max-width:768px){.step-one-description{font-size:13px}}.name-input-group{display:flex;gap:12px;margin-bottom:24px;align-items:center}@media(max-width:768px){.name-input-group{flex-direction:column}}.name-input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.name-input{width:100%}}.btn-save-name{width:48px;height:48px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}@media(max-width:768px){.btn-save-name{width:100%;height:44px}}@media(max-width:768px){.btn-help{width:28px;height:28px;font-size:16px}}@media(max-width:768px){.step-three-content{margin-top:32px;padding-top:32px}}@media(max-width:768px){.step-three-header{gap:8px}}.step-three-title{font-size:24px;font-weight:600;color:#fff;margin:0;text-align:center}@media(max-width:768px){.step-three-title{font-size:20px}}.step-three-description{font-size:14px;color:#cbd5e1;text-align:center;margin:0 0 24px;line-height:1.6}@media(max-width:768px){.step-three-description{font-size:13px}}@media(max-width:768px){.prompt-label{font-size:15px}}.prompt-textarea:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.prompt-textarea{font-size:14px;padding:14px}}@media(max-width:768px){.prompt-hint{font-size:12px}}@media(max-width:768px){.prompt-preview{padding:16px}}@media(max-width:768px){.preview-title{font-size:15px}}@media(max-width:768px){.preview-content{font-size:13px;padding:12px}}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:fadeIn .3s ease}@media(max-width:768px){.info-modal{padding:24px;max-height:90vh}}@media(max-width:768px){.info-modal-title{font-size:20px;margin-bottom:20px;padding-right:32px}}@media(max-width:768px){.example-code{font-size:12px;padding:12px}}.payment-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUpModal .3s ease;position:relative}.payment-modal .modal-close-x{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:1}.payment-modal .modal-close-x:hover{background:#ffffff26;color:#fff}.payment-modal .modal-header{padding:32px 60px 24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-modal .modal-header .modal-note strong{color:#fcd34d;font-weight:600}.payment-modal .modal-body .snippet-success-modal .success-description strong{color:#fff;font-weight:600}.payment-modal .modal-body .snippet-success-modal .snippet-container{background:#0f172a99;border:2px solid rgba(148,163,184,.2);border-radius:12px;overflow:hidden;margin-bottom:30px}.payment-modal .modal-body .snippet-success-modal .snippet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.2)}.payment-modal .modal-body .snippet-success-modal .snippet-label{font-size:14px;font-weight:600;color:#94a3b8}.payment-modal .modal-body .snippet-success-modal .btn-copy{padding:8px 16px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.payment-modal .modal-body .snippet-success-modal .btn-copy:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-1px)}.payment-modal .modal-body .snippet-success-modal .btn-copy.copied{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.payment-modal .modal-body .snippet-success-modal .snippet-code{padding:20px;margin:0;font-family:Courier New,monospace;font-size:13px;color:#e2e8f0;background:#0f172a66;overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6}.payment-modal .modal-body .snippet-success-modal .next-steps{text-align:left;background:#ffffff0d;padding:20px;border-radius:12px;margin-bottom:24px}.payment-modal .modal-body .snippet-success-modal .next-steps-title{font-size:18px;color:#fff;margin:0 0 12px}.payment-modal .modal-body .snippet-success-modal .next-steps-list{margin:0;padding-left:20px;color:#cbd5e1;font-size:14px;line-height:2}.payment-modal .modal-body .snippet-success-modal .next-steps-list li{margin-bottom:4px}.payment-modal .modal-body .snippet-success-modal .action-buttons{display:flex;gap:12px;justify-content:center}.payment-modal .modal-body .snippet-success-modal .action-buttons button{padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.payment-modal .modal-body .snippet-success-modal .btn-dashboard{background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.payment-modal .modal-body .snippet-success-modal .btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.payment-modal .modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}@media(max-width:768px){.payment-modal .modal-header,.payment-modal .modal-body,.payment-modal .modal-footer{padding:24px 20px}.payment-modal .modal-header h3{font-size:20px}.payment-modal .payment-summary .summary-amount{font-size:28px}.payment-modal .simulation-actions .action-buttons{grid-template-columns:1fr}.payment-modal .snippet-success-modal .snippet-header{flex-direction:column;gap:12px;align-items:stretch}.payment-modal .snippet-success-modal .btn-copy{width:100%}.payment-modal .snippet-success-modal .snippet-code{font-size:12px}.payment-modal .snippet-success-modal .action-buttons{flex-direction:column}.payment-modal .snippet-success-modal .action-buttons button{width:100%}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.confirm-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.confirm-modal .confirm-modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-modal .confirm-modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.confirm-modal .confirm-modal-body{padding:24px}.confirm-modal .confirm-modal-body p{font-size:15px;color:#cbd5e1;line-height:1.6;margin:0}.confirm-modal .confirm-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-modal .confirm-modal-footer button{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-modal .confirm-modal-footer button:hover{transform:translateY(-2px)}.confirm-modal .confirm-modal-footer button:active{transform:translateY(0)}.confirm-modal .confirm-modal-footer .btn-cancel{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.confirm-modal .confirm-modal-footer .btn-cancel:hover{background:#94a3b833;border-color:#94a3b880;color:#cbd5e1}.confirm-modal .confirm-modal-footer .btn-confirm{color:#fff}.confirm-modal .confirm-modal-footer .btn-confirm.primary{background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);box-shadow:0 4px 12px #3b82f64d}.confirm-modal .confirm-modal-footer .btn-confirm.primary:hover{box-shadow:0 6px 20px #3b82f680}.confirm-modal .confirm-modal-footer .btn-confirm.danger{background:linear-gradient(135deg,#ef4444cc,#dc2626e6);box-shadow:0 4px 12px #ef44444d}.confirm-modal .confirm-modal-footer .btn-confirm.danger:hover{box-shadow:0 6px 20px #ef444480}.confirm-modal .confirm-modal-footer .btn-confirm.success{background:linear-gradient(135deg,#22c55ecc,#16a34ae6);box-shadow:0 4px 12px #22c55e4d}.confirm-modal .confirm-modal-footer .btn-confirm.success:hover{box-shadow:0 6px 20px #22c55e80}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.confirm-modal .confirm-modal-header{padding:20px 20px 12px}.confirm-modal .confirm-modal-header h3{font-size:18px}.confirm-modal .confirm-modal-body{padding:20px}.confirm-modal .confirm-modal-body p{font-size:14px}.confirm-modal .confirm-modal-footer{padding:12px 20px 20px;flex-direction:column-reverse}.confirm-modal .confirm-modal-footer button{width:100%}}.user-agents-content h1{margin:0 0 8px;color:#fff;font-weight:600;font-size:32px}.user-agents-content .subtitle{margin:0 0 24px;color:#94a3b8;font-size:16px}.user-agents-content .agents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media(max-width:768px){.user-agents-content .agents-header{flex-direction:column;gap:16px;align-items:stretch}}.user-agents-content .agents-filters{display:flex;gap:16px;align-items:center}.user-agents-content .agents-filters .filter-toggle{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#1e293b99;border:1px solid rgba(148,163,184,.3);border-radius:10px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-agents-content .agents-filters .filter-toggle:hover{background:#1e293be6;border-color:#94a3b880;color:#cbd5e1;transform:translateY(-1px)}.user-agents-content .agents-filters .filter-toggle.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.user-agents-content .agents-filters .filter-toggle.active:hover{background:#3b82f640;border-color:#3b82f699}.user-agents-content .agents-filters .filter-toggle.active .filter-icon{transform:scale(1.1)}.user-agents-content .agents-filters .filter-toggle .filter-icon{font-size:18px;transition:transform .2s ease}.user-agents-content .agents-filters .filter-toggle .filter-text{white-space:nowrap}.user-agents-content .loading-state,.user-agents-content .error-state,.user-agents-content .empty-state{padding:60px 40px;text-align:center;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.user-agents-content .loading-state p,.user-agents-content .error-state p,.user-agents-content .empty-state p{color:#94a3b8;font-size:16px;margin:0 0 16px}.user-agents-content .loading-state .btn,.user-agents-content .error-state .btn,.user-agents-content .empty-state .btn{margin-top:8px}.user-agents-content .error-state p{color:#ef4444}.user-agents-content .agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:768px){.user-agents-content .agents-grid{grid-template-columns:1fr;gap:16px}}.user-agents-content .agent-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;transition:all .2s ease}.user-agents-content .agent-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f633}.user-agents-content .agent-card.inactive{opacity:.6;border-color:#94a3b81a}.user-agents-content .agent-card.inactive:hover{opacity:.8;border-color:#94a3b84d}.user-agents-content .agent-card.unpaid{border-color:#fbbf2466;background:#fbbf240d}.user-agents-content .agent-card.unpaid:hover{border-color:#fbbf2499;box-shadow:0 4px 16px #fbbf2433}.user-agents-content .agent-card--create{background:#0f172a80;border:2px dashed rgba(59,130,246,.3);cursor:pointer;min-height:240px;display:flex;align-items:center;justify-content:center}.user-agents-content .agent-card--create:hover{background:#1e293bcc;border-color:#3b82f699;border-style:solid;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.user-agents-content .agent-card--create:hover .create-icon{transform:scale(1.15);background:linear-gradient(135deg,#3b82f6,#2563eb)}.user-agents-content .agent-card--create:hover h3{color:#3b82f6}.user-agents-content .agent-card--create .create-card-content{text-align:center;padding:20px}.user-agents-content .agent-card--create .create-card-content .create-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:300;line-height:1;color:#fff;background:#3b82f633;border-radius:50%;transition:all .3s ease}.user-agents-content .agent-card--create .create-card-content h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600;transition:color .2s ease}.user-agents-content .agent-card--create .create-card-content p{margin:0;color:#94a3b8;font-size:14px}.user-agents-content .agent-card .agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.1)}.user-agents-content .agent-card .agent-card-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.user-agents-content .agent-card .agent-card-header .inactive-badge{background:#ef444433;color:#ef4444;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.user-agents-content .agent-card .agent-card-header .unpaid-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.user-agents-content .agent-card .agent-card-header .hidden-badge{background:#6366f133;color:#818cf8;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.user-agents-content .agent-card .agent-card-body{margin-bottom:16px}.user-agents-content .agent-card .agent-card-body .agent-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.05)}.user-agents-content .agent-card .agent-card-body .agent-info-row:last-of-type{border-bottom:none}.user-agents-content .agent-card .agent-card-body .agent-info-row .label{color:#94a3b8;font-size:14px}.user-agents-content .agent-card .agent-card-body .agent-info-row .value{color:#fff;font-size:14px;font-weight:500}.user-agents-content .agent-card .agent-card-body .agent-feature{display:inline-block;background:#3b82f61a;color:#3b82f6;padding:4px 10px;border-radius:6px;font-size:12px;margin-top:8px;margin-right:8px}.user-agents-content .agent-card .agent-card-body .payment-warning-row{background:#fbbf241a;padding:12px;border-radius:8px;margin-top:8px;flex-direction:column;align-items:flex-start;gap:4px}.user-agents-content .agent-card .agent-card-body .payment-warning-row .label{font-weight:600;color:#fbbf24}.user-agents-content .agent-card .agent-card-body .payment-warning-row .value.payment-deadline{color:#fcd34d;font-size:13px}.user-agents-content .agent-card .agent-card-body .payment-warning-row .value.payment-deadline strong{color:#fbbf24;font-weight:700}.user-agents-content .agent-card .agent-card-body .deletion-warning-row{background:#ef44441a;padding:12px;border-radius:8px;margin-top:8px;flex-direction:column;align-items:flex-start;gap:4px}.user-agents-content .agent-card .agent-card-body .deletion-warning-row .label{font-weight:600;color:#ef4444}.user-agents-content .agent-card .agent-card-body .deletion-warning-row .value.deletion-deadline{color:#fca5a5;font-size:13px;line-height:1.5}.user-agents-content .agent-card .agent-card-body .deletion-warning-row .value.deletion-deadline strong{color:#ef4444;font-weight:700}.user-agents-content .agent-card .agent-card-body .agent-usage-bar{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.1)}.user-agents-content .agent-card .agent-card-body .agent-usage-bar .usage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:#94a3b8}.user-agents-content .agent-card .agent-card-body .agent-usage-bar .usage-label .usage-numbers{color:#cbd5e1;font-weight:500}.user-agents-content .agent-card .agent-card-body .agent-usage-bar .usage-track{height:6px;background:#47556980;border-radius:3px;overflow:hidden}.user-agents-content .agent-card .agent-card-body .agent-usage-bar .usage-track .usage-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s ease}.user-agents-content .agent-card .agent-card-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(148,163,184,.1);align-items:center}.user-agents-content .agent-card .agent-card-actions .visibility-toggle-wrapper{display:flex;align-items:center;gap:8px;margin-left:auto}.user-agents-content .agent-card .agent-card-actions .visibility-toggle-wrapper .visibility-toggle-label{font-size:13px;color:#cbd5e1;white-space:nowrap}.user-agents-content .agent-card .agent-card-actions .option-toggle{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.user-agents-content .agent-card .agent-card-actions .option-toggle input{opacity:0;width:0;height:0}.user-agents-content .agent-card .agent-card-actions .option-toggle input:checked+.toggle-slider{background:#6366f1cc}.user-agents-content .agent-card .agent-card-actions .option-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.user-agents-content .agent-card .agent-card-actions .option-toggle input:focus+.toggle-slider{box-shadow:0 0 0 2px #6366f14d}.user-agents-content .agent-card .agent-card-actions .option-toggle input:disabled+.toggle-slider{background:#47556980;cursor:not-allowed}.user-agents-content .agent-card .agent-card-actions .option-toggle .toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#475569cc;border-radius:30px;transition:all .3s ease;cursor:pointer}.user-agents-content .agent-card .agent-card-actions .option-toggle .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}@media(max-width:768px){.user-agents-content .agent-card .agent-card-actions{flex-wrap:wrap}.user-agents-content .agent-card .agent-card-actions .btn{flex:1;min-width:calc(50% - 4px)}.user-agents-content .agent-card .agent-card-actions .visibility-toggle-wrapper{width:100%;margin-left:0;justify-content:space-between;order:-1;padding-bottom:8px}}.user-agents-content .btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.user-agents-content .btn.small{padding:6px 12px;font-size:13px}.user-agents-content .btn.primary{background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);color:#fff}.user-agents-content .btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.user-agents-content .btn.payment{background:linear-gradient(135deg,#fbbf24cc,#f59e0be6);color:#fff;font-weight:600}.user-agents-content .btn.payment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2480}.user-agents-content .btn.payment:active{transform:translateY(0)}.user-agents-content .btn.restore{background:linear-gradient(135deg,#22c55ecc,#16a34ae6);color:#fff;font-weight:600;width:100%}.user-agents-content .btn.restore:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e80}.user-agents-content .btn.restore:active{transform:translateY(0)}.user-agents-content .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.user-agents-content .btn.secondary:hover{background:#94a3b833;color:#fff}.user-agents-content .btn.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.user-agents-content .btn.danger:hover{background:#ef444433;border-color:#ef444466}.installation{max-width:100%}.installation__header{margin-bottom:32px}.installation__header h2{margin:0 0 8px;font-size:32px;font-weight:600;color:#fff}@media(max-width:880px){.installation__header h2{font-size:28px}}@media(max-width:768px){.installation__header h2{font-size:24px}}.installation__subtitle{margin:0;color:#94a3b8;font-size:16px}@media(max-width:768px){.installation__subtitle{font-size:14px}}.installation__tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid rgba(148,163,184,.2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.installation__tabs::-webkit-scrollbar{height:4px}.installation__tabs::-webkit-scrollbar-track{background:#94a3b81a}.installation__tabs::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}@media(max-width:768px){.installation__tabs.desktop-tabs{display:none}}.installation__tabs.mobile-tabs{display:none;justify-content:space-between;align-items:center;gap:16px}@media(max-width:768px){.installation__tabs.mobile-tabs{display:flex}}.installation__tabs.mobile-tabs .tab-arrow{background:transparent;border:none;color:#3b82f6;font-size:24px;cursor:pointer;padding:8px 12px;transition:all .2s ease;flex-shrink:0}.installation__tabs.mobile-tabs .tab-arrow:hover:not(:disabled){color:#60a5fa;transform:scale(1.2)}.installation__tabs.mobile-tabs .tab-arrow:disabled{color:#475569;cursor:not-allowed;opacity:.3}.installation__tabs.mobile-tabs .active-tab-label{flex:1;text-align:center;color:#3b82f6;font-size:16px;font-weight:600;padding:8px 0}.installation__tabs .tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#94a3b8;transition:all .2s ease;white-space:nowrap;margin-bottom:-2px}.installation__tabs .tab:hover{color:#e2e8f0}.installation__tabs .tab.active{color:#3b82f6;border-bottom-color:#3b82f6}@media(max-width:768px){.installation__tabs{gap:8px}.installation__tabs .tab{padding:10px 16px;font-size:14px}}.installation__content{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:32px;overflow:hidden}@media(max-width:900px){.installation__content{padding:24px}}@media(max-width:768px){.installation__content{padding:16px}}.installation .tab-content h3{margin:0 0 16px;font-size:24px;font-weight:600;color:#fff}@media(max-width:768px){.installation .tab-content h3{font-size:20px}}.installation .tab-content>p{color:#cbd5e1;font-size:15px;line-height:1.6;margin-bottom:24px}@media(max-width:768px){.installation .tab-content>p{font-size:14px}}.installation .step{display:flex;gap:20px;margin-bottom:32px;padding:24px;background:#0f172a80;border:1px solid rgba(148,163,184,.15);border-radius:12px}.installation .step:last-child{margin-bottom:0}@media(max-width:900px){.installation .step{padding:20px;gap:16px}}@media(max-width:768px){.installation .step{flex-direction:column;gap:12px;padding:16px}}.installation .step__number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.installation .step__number{width:36px;height:36px;font-size:16px}}.installation .step__content{flex:1;min-width:0}.installation .step__content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}@media(max-width:768px){.installation .step__content h4{font-size:16px}}.installation .step__content p{margin:0 0 12px;color:#cbd5e1;font-size:14px;line-height:1.6}.installation .step__content p:last-child{margin-bottom:0}@media(max-width:768px){.installation .step__content p{font-size:13px}}.installation .step__content code{background:#3b82f61a;color:#3b82f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px}@media(max-width:768px){.installation .step__content code{font-size:12px;word-break:break-all}}.installation .code-block{position:relative;margin:16px 0;background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:8px;overflow:hidden}@media(max-width:768px){.installation .code-block{margin:12px 0}}.installation .code-block pre{margin:0;padding:16px;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}@media(max-width:768px){.installation .code-block pre{padding:12px;font-size:11px}}.installation .code-block .copy-btn{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.installation .code-block .copy-btn:hover{background:#2563eb;transform:translateY(-1px)}.installation .code-example{margin:16px 0;background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:16px}@media(max-width:768px){.installation .code-example{margin:12px 0;padding:12px}}.installation .code-example pre{margin:0;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}@media(max-width:768px){.installation .code-example pre{font-size:11px}}.installation .platform{margin-bottom:24px;padding:20px;background:#0f172a80;border:1px solid rgba(148,163,184,.15);border-radius:12px}.installation .platform:last-child{margin-bottom:0}@media(max-width:900px){.installation .platform{padding:16px}}@media(max-width:768px){.installation .platform{padding:12px;margin-bottom:16px}}.installation .platform__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}@media(max-width:768px){.installation .platform__header{gap:8px;margin-bottom:12px}}.installation .platform__header h4{margin:0;font-size:18px;font-weight:600;color:#fff}@media(max-width:768px){.installation .platform__header h4{font-size:16px}}.installation .platform__icon{font-size:24px}@media(max-width:768px){.installation .platform__icon{font-size:20px}}.installation .platform__steps ol{margin:0;padding-left:20px;color:#cbd5e1;font-size:14px;line-height:1.8}@media(max-width:768px){.installation .platform__steps ol{padding-left:16px;font-size:13px}}.installation .platform__steps ol li{margin-bottom:8px}.installation .platform__steps ol li:last-child{margin-bottom:0}.installation .platform__steps ol li strong{color:#fff}.installation .platform__steps ol li code{background:#3b82f61a;color:#3b82f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;word-break:break-word}@media(max-width:768px){.installation .platform__steps ol li code{font-size:11px}}.installation .framework{margin-bottom:32px;padding:24px;background:#0f172a80;border:1px solid rgba(148,163,184,.15);border-radius:12px}.installation .framework:last-child{margin-bottom:0}@media(max-width:900px){.installation .framework{padding:16px;margin-bottom:24px}}@media(max-width:768px){.installation .framework{padding:12px;margin-bottom:16px}}.installation .framework h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#fff}@media(max-width:768px){.installation .framework h4{font-size:16px}}.installation .framework>p{margin:0 0 16px;color:#cbd5e1;font-size:14px;line-height:1.6}@media(max-width:768px){.installation .framework>p{font-size:13px}}.installation .framework__note{margin-top:16px;padding:12px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:13px;color:#cbd5e1}@media(max-width:768px){.installation .framework__note{padding:10px;font-size:12px}}.installation .framework__note strong{color:#3b82f6}.installation .framework__note code{background:#3b82f626;color:#60a5fa;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;word-break:break-word}@media(max-width:768px){.installation .framework__note code{font-size:11px}}.installation .advanced-tip{margin-top:32px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px}@media(max-width:768px){.installation .advanced-tip{margin-top:24px;padding:16px}}.installation .advanced-tip h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#3b82f6}@media(max-width:768px){.installation .advanced-tip h4{font-size:15px}}.installation .advanced-tip p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.6}@media(max-width:768px){.installation .advanced-tip p{font-size:13px}}.installation .advanced-tip p strong{color:#fff}.user-metrics-content{max-width:100%;overflow-x:hidden}.user-metrics-content h1{margin:0 0 8px;color:#fff;font-weight:600;font-size:32px}@media(max-width:880px){.user-metrics-content h1{font-size:28px}}@media(max-width:768px){.user-metrics-content h1{font-size:24px}}.user-metrics-content .subtitle{margin:0 0 24px;color:#94a3b8;font-size:16px}@media(max-width:768px){.user-metrics-content .subtitle{font-size:14px}}.user-metrics-content .metrics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}@media(max-width:768px){.user-metrics-content .metrics-header{flex-direction:column}}.user-metrics-content .metrics-filters{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .metrics-filters{padding:20px}}@media(max-width:768px){.user-metrics-content .metrics-filters{padding:16px}}.user-metrics-content .metrics-filters .metrics-controls{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:768px){.user-metrics-content .metrics-filters .metrics-controls{flex-direction:column;gap:12px}}.user-metrics-content .metrics-filters .metrics-controls .control-group{display:flex;flex-direction:column;gap:6px}.user-metrics-content .metrics-filters .metrics-controls .control-group label{color:#94a3b8;font-size:13px;font-weight:500}.user-metrics-content .metrics-filters .metrics-controls .control-group input[type=date],.user-metrics-content .metrics-filters .metrics-controls .control-group select{padding:8px 16px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:160px}@media(max-width:768px){.user-metrics-content .metrics-filters .metrics-controls .control-group input[type=date],.user-metrics-content .metrics-filters .metrics-controls .control-group select{width:100%;min-width:100%}}.user-metrics-content .metrics-filters .metrics-controls .control-group input[type=date]:focus,.user-metrics-content .metrics-filters .metrics-controls .control-group select:focus{outline:none;border-color:#3b82f6}.user-metrics-content .metrics-filters .metrics-controls .control-group input[type=date]:hover,.user-metrics-content .metrics-filters .metrics-controls .control-group select:hover{border-color:#3b82f680}.user-metrics-content .loading-state,.user-metrics-content .error-state{padding:60px 40px;text-align:center;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.user-metrics-content .loading-state p,.user-metrics-content .error-state p{color:#94a3b8;font-size:16px;margin:0 0 16px}.user-metrics-content .error-state p{color:#ef4444}.user-metrics-content .metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .metrics-summary{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.user-metrics-content .metrics-summary{grid-template-columns:1fr;gap:12px}}.user-metrics-content .metrics-summary .metric-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}@media(max-width:768px){.user-metrics-content .metrics-summary .metric-card{padding:16px}}.user-metrics-content .metrics-summary .metric-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f61a}.user-metrics-content .metrics-summary .metric-card.primary{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f64d}.user-metrics-content .metrics-summary .metric-card .metric-icon{font-size:32px;line-height:1}@media(max-width:768px){.user-metrics-content .metrics-summary .metric-card .metric-icon{font-size:28px}}.user-metrics-content .metrics-summary .metric-card .metric-content{flex:1}.user-metrics-content .metrics-summary .metric-card .metric-content .metric-label{color:#94a3b8;font-size:13px;margin-bottom:4px}@media(max-width:768px){.user-metrics-content .metrics-summary .metric-card .metric-content .metric-label{font-size:12px}}.user-metrics-content .metrics-summary .metric-card .metric-content .metric-value{color:#fff;font-size:24px;font-weight:600}@media(max-width:768px){.user-metrics-content .metrics-summary .metric-card .metric-content .metric-value{font-size:20px}}.user-metrics-content .metrics-agents{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .metrics-agents{padding:20px}}@media(max-width:768px){.user-metrics-content .metrics-agents{padding:16px}}.user-metrics-content .metrics-agents h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}@media(max-width:768px){.user-metrics-content .metrics-agents h3{font-size:16px}}.user-metrics-content .metrics-agents .agents-list{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.user-metrics-content .metrics-agents .agents-list{gap:8px}}.user-metrics-content .metrics-agents .agents-list .agent-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}@media(max-width:768px){.user-metrics-content .metrics-agents .agents-list .agent-badge{padding:6px 12px;font-size:13px}}.user-metrics-content .metrics-daily{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .metrics-daily{padding:20px}}@media(max-width:768px){.user-metrics-content .metrics-daily{padding:16px}}.user-metrics-content .metrics-daily h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}@media(max-width:768px){.user-metrics-content .metrics-daily h3{font-size:16px}}.user-metrics-content .metrics-daily .daily-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:880px){.user-metrics-content .metrics-daily .daily-table-wrapper{margin:0 -24px;padding:0 24px}}@media(max-width:768px){.user-metrics-content .metrics-daily .daily-table-wrapper{margin:0 -16px;padding:0 16px}}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table{width:100%;border-collapse:collapse;min-width:500px}@media(max-width:880px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table{min-width:600px}}@media(max-width:768px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table{min-width:100%;font-size:13px}}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr{background:#0f172a80;border-bottom:1px solid rgba(148,163,184,.2)}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th{padding:12px 16px;text-align:left;color:#94a3b8;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media(max-width:768px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th{padding:10px 8px;font-size:11px}}@media(max-width:500px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th:nth-child(3),.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th:nth-child(4){display:none}}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th:first-child{border-radius:8px 0 0}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table thead tr th:last-child{border-radius:0 8px 0 0}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr{border-bottom:1px solid rgba(148,163,184,.1);transition:background .2s ease}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr:hover{background:#3b82f60d}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr:last-child{border-bottom:none}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td{padding:12px 16px;color:#e2e8f0;font-size:14px}@media(max-width:768px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td{padding:10px 8px;font-size:13px}}@media(max-width:500px){.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td:nth-child(3),.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td:nth-child(4){display:none}}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td.date-cell{color:#94a3b8;font-weight:500}.user-metrics-content .metrics-daily .daily-table-wrapper .daily-table tbody tr td.total-cell{color:#3b82f6;font-weight:600}.user-metrics-content .metrics-chart{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .metrics-chart{padding:20px}}@media(max-width:768px){.user-metrics-content .metrics-chart{padding:16px}}.user-metrics-content .metrics-chart h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}@media(max-width:768px){.user-metrics-content .metrics-chart h3{font-size:16px}}.user-metrics-content .metrics-chart .bar-chart{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart{gap:8px}}.user-metrics-content .metrics-chart .bar-chart .bar-item{display:grid;grid-template-columns:60px 1fr 100px;gap:12px;align-items:center}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart .bar-item{grid-template-columns:50px 1fr 70px;gap:8px}}.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-label{font-size:13px;font-weight:500;color:#94a3b8;text-align:right}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-label{font-size:11px}}.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper{background:#0f172a80;border-radius:6px;height:32px;overflow:hidden;border:1px solid rgba(148,163,184,.1)}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper{height:24px}}.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill{height:100%;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:6px;transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill{padding-right:4px}}.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-wrapper .bar-fill:hover{background:linear-gradient(90deg,#3b82f6b3,#3b82f6)}.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-value{font-size:14px;font-weight:600;color:#3b82f6;text-align:right}@media(max-width:768px){.user-metrics-content .metrics-chart .bar-chart .bar-item .bar-value{font-size:12px}}.user-metrics-content .monthly-messages-section{background:#1e293b80;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:24px;margin-bottom:32px}@media(max-width:880px){.user-metrics-content .monthly-messages-section{padding:20px}}@media(max-width:768px){.user-metrics-content .monthly-messages-section{padding:16px}}.user-metrics-content .monthly-messages-section h3{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}@media(max-width:768px){.user-metrics-content .monthly-messages-section h3{font-size:16px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter{gap:4px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-used{font-size:36px;font-weight:700;color:#22c55e}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-used{font-size:28px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-used.over-limit{color:#ef4444}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-separator{font-size:18px;color:#94a3b8}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-separator{font-size:14px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-total{font-size:24px;font-weight:600;color:#e2e8f0}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-counter .messages-total{font-size:18px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-bar{background:#0f172a80;border-radius:8px;height:24px;overflow:hidden;border:1px solid rgba(148,163,184,.1)}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-bar{height:18px}}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-bar .messages-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e80,#22c55ee6);border-radius:8px;transition:width .5s ease}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-bar .messages-progress-fill.over-limit{background:linear-gradient(90deg,#ef444480,#ef4444e6)}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-labels{display:flex;justify-content:space-between;margin-top:8px}.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-labels span{font-size:12px;color:#94a3b8}@media(max-width:768px){.user-metrics-content .monthly-messages-section .monthly-messages-content .messages-progress-wrapper .messages-progress-labels span{font-size:11px}}.user-metrics-content .metrics-chart.messages-chart .bar-chart .bar-item .bar-wrapper .bar-fill.messages{background:linear-gradient(90deg,#22c55e80,#22c55ee6)}.user-metrics-content .metrics-chart.messages-chart .bar-chart .bar-item .bar-wrapper .bar-fill.messages:hover{background:linear-gradient(90deg,#22c55eb3,#22c55e)}.user-metrics-content .metrics-chart.messages-chart .bar-chart .bar-item .bar-value.messages{color:#22c55e}.user-metrics-content .metrics-empty{padding:60px 40px;text-align:center;background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:12px}.user-metrics-content .metrics-empty p{color:#94a3b8;font-size:16px;margin:0}.user-metrics-content .btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.user-metrics-content .btn.secondary{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.user-metrics-content .btn.secondary:hover{background:#94a3b833;color:#fff}.subscription-content{padding:20px;max-width:900px}.subscription-content .subscription-header{margin-bottom:32px}.subscription-content .subscription-header h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.subscription-content .subscription-header .subscription-subtitle{color:#94a3b8;font-size:15px;margin:0}.subscription-content .subscription-loading,.subscription-content .subscription-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.subscription-content .subscription-loading .spinner-large,.subscription-content .subscription-error .spinner-large{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.subscription-content .subscription-loading button,.subscription-content .subscription-error button{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.subscription-content .subscription-loading button:hover,.subscription-content .subscription-error button:hover{background:#2563eb}.subscription-content .subscription-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.subscription-content .subscription-summary .summary-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.subscription-content .subscription-summary .summary-card .summary-icon{font-size:28px}.subscription-content .subscription-summary .summary-card .summary-value{font-size:24px;font-weight:700;color:#fff}.subscription-content .subscription-summary .summary-card .summary-label{font-size:13px;color:#94a3b8}.subscription-content .subscription-section{margin-bottom:32px}.subscription-content .subscription-section h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #334155}.subscription-content .subscription-cards{display:flex;flex-direction:column;gap:16px}.subscription-content .subscription-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;transition:border-color .2s}.subscription-content .subscription-card:hover{border-color:#475569}.subscription-content .subscription-card--inactive{opacity:.7;border-color:#475569}.subscription-content .subscription-card--trial{border-color:#3b82f6;background:linear-gradient(135deg,#1e293b,#1e3a5f)}.subscription-content .subscription-card .sub-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.subscription-content .subscription-card .sub-card-header .sub-card-name{display:flex;align-items:center;gap:12px}.subscription-content .subscription-card .sub-card-header .sub-card-name h4{font-size:18px;font-weight:600;color:#fff;margin:0}.subscription-content .subscription-card .sub-card-header .inactive-tag{font-size:12px;padding:4px 10px;background:#ef444426;color:#ef4444;border-radius:6px;font-weight:600}.subscription-content .subscription-card .plan-badge{display:inline-block;padding:4px 12px;font-size:13px;font-weight:600;border-radius:8px;background:#3b82f626;color:#3b82f6}.subscription-content .subscription-card .plan-badge--trial{background:#fbbf2426;color:#fbbf24}.subscription-content .subscription-card .sub-card-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.subscription-content .subscription-card .sub-card-details .detail-row{display:flex;flex-direction:column;gap:4px}.subscription-content .subscription-card .sub-card-details .detail-row .detail-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.subscription-content .subscription-card .sub-card-details .detail-row .detail-value{font-size:14px;color:#e2e8f0;font-weight:500}.subscription-content .subscription-card .sub-card-footer{display:flex;gap:12px;padding-top:16px;border-top:1px solid #334155}.subscription-content .subscription-card .sub-card-footer .btn-change-plan{padding:10px 20px;font-size:14px;font-weight:600;color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;cursor:pointer;transition:all .2s}.subscription-content .subscription-card .sub-card-footer .btn-change-plan:hover{background:#3b82f633;border-color:#3b82f6}.subscription-content .subscription-card .sub-card-footer .btn-upgrade-trial{flex:1;padding:12px 24px;font-size:15px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #fbbf244d}.subscription-content .subscription-card .sub-card-footer .btn-upgrade-trial:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fbbf2466}.subscription-content .subscription-card .sub-card-footer .activation-warning{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;width:100%}.subscription-content .subscription-card .sub-card-footer .activation-warning__icon{font-size:18px;flex-shrink:0;line-height:1.4}.subscription-content .subscription-card .sub-card-footer .activation-warning__text{font-size:13px;color:#fca5a5;line-height:1.5;margin:0}.subscription-content .status-badge{display:inline-block;padding:3px 10px;font-size:12px;font-weight:600;border-radius:6px}.subscription-content .status-badge.badge--success{background:#22c55e26;color:#22c55e}.subscription-content .status-badge.badge--warning{background:#fbbf2426;color:#fbbf24}.subscription-content .status-badge.badge--danger{background:#ef444426;color:#ef4444}.subscription-content .status-badge.badge--neutral{background:#94a3b826;color:#94a3b8}.subscription-content .price-discounted{display:flex;align-items:center;gap:8px}.subscription-content .price-discounted .price-original{text-decoration:line-through;color:#64748b;font-size:13px}.subscription-content .price-discounted .price-final{color:#22c55e;font-weight:700}.subscription-content .price-discounted .discount-tag{display:inline-block;padding:2px 6px;font-size:11px;font-weight:700;background:#22c55e26;color:#22c55e;border-radius:4px}.subscription-content .text-green{color:#22c55e;font-weight:600}.subscription-content .subscription-empty{text-align:center;padding:60px 20px;color:#64748b}.subscription-content .subscription-empty .empty-icon{font-size:48px;display:block;margin-bottom:16px}.subscription-content .subscription-empty p{font-size:16px}@media(max-width:768px){.subscription-content{padding:16px}.subscription-content .subscription-summary,.subscription-content .subscription-card .sub-card-details{grid-template-columns:1fr}}.notifications-content{padding:2rem;max-width:900px}.notifications-content .notifications-header{margin-bottom:2rem}.notifications-content .notifications-header h1{font-size:1.75rem;font-weight:600;color:#f8fafc;margin-bottom:.5rem}.notifications-content .notifications-header .subtitle{color:#94a3b8;font-size:.95rem}.notifications-content .loading-state,.notifications-content .error-state,.notifications-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#94a3b8}.notifications-content .loading-state .spinner,.notifications-content .error-state .spinner,.notifications-content .empty-state .spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.notifications-content .loading-state .empty-icon,.notifications-content .error-state .empty-icon,.notifications-content .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.notifications-content .error-state{color:#f87171}.notifications-content .notifications-list{display:flex;flex-direction:column;gap:1rem}.notifications-content .notification-item{display:flex;gap:1rem;padding:1.25rem;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:12px;transition:all .2s ease}.notifications-content .notification-item:hover{background:#1e293bb3;border-color:#6366f14d}.notifications-content .notification-item .notification-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#6366f11a;border-radius:12px}.notifications-content .notification-item .notification-content{flex:1;min-width:0}.notifications-content .notification-item .notification-content .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.notifications-content .notification-item .notification-content .notification-header .notification-type{font-weight:600;color:#e2e8f0;font-size:.95rem}.notifications-content .notification-item .notification-content .notification-header .notification-date{color:#64748b;font-size:.85rem;white-space:nowrap}.notifications-content .notification-item .notification-content .notification-message{color:#cbd5e1;font-size:.9rem;margin-bottom:.75rem;line-height:1.5}.notifications-content .notification-item .notification-content .notification-message .agent-name-highlight{color:#3b82f6;font-weight:600}.notifications-content .notification-item .notification-content .notification-meta{display:flex;gap:.75rem;flex-wrap:wrap}.notifications-content .notification-item .notification-content .notification-meta .agent-badge,.notifications-content .notification-item .notification-content .notification-meta .plan-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;border-radius:20px}.notifications-content .notification-item .notification-content .notification-meta .agent-badge{background:#6366f126;color:#a5b4fc}.notifications-content .notification-item .notification-content .notification-meta .plan-badge{background:#22c55e26;color:#86efac}@media(max-width:768px){.notifications-content{padding:1rem}.notifications-content .notification-item{flex-direction:column}.notifications-content .notification-item .notification-icon{width:40px;height:40px;font-size:1.25rem}.notifications-content .notification-item .notification-content .notification-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.payments-content{padding:2rem;max-width:1200px;margin:0 auto}.payments-content .payments-header{margin-bottom:2rem}.payments-content .payments-header h2{font-size:1.75rem;font-weight:600;color:#fff;margin:0}.payments-content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#9ca3af}.payments-content .loading-state .spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.payments-content .loading-state p{margin-top:1rem}.payments-content .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.payments-content .error-message p{color:#ef4444;margin:0}.payments-content .error-message button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s}.payments-content .error-message button:hover{background:#dc2626}.payments-content .payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.payments-content .summary-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.payments-content .summary-card.next-payment{flex-wrap:wrap}.payments-content .summary-card.next-payment .btn-pay-now{width:100%;margin-top:1rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.payments-content .summary-card.next-payment .btn-pay-now:hover{background:#2563eb}.payments-content .summary-card .summary-icon{font-size:2rem}.payments-content .summary-card .summary-content{flex:1}.payments-content .summary-card .summary-content h3{font-size:.875rem;color:#9ca3af;margin:0 0 .5rem;font-weight:500}.payments-content .summary-card .summary-content .summary-value{display:flex;flex-direction:column;gap:.25rem}.payments-content .summary-card .summary-content .summary-value .amount{font-size:1.5rem;font-weight:700;color:#f59e0b}.payments-content .summary-card .summary-content .summary-value .count{font-size:.875rem;color:#9ca3af}.payments-content .summary-card .summary-content .summary-value .no-pending{font-size:1.25rem;font-weight:600;color:#10b981}.payments-content .summary-card .summary-content .summary-value .agent-name{font-weight:600;color:#fff}.payments-content .summary-card .summary-content .summary-value .due-date{font-size:.875rem;color:#9ca3af}.payments-content .pending-payments-section{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.payments-content .pending-payments-section h3{font-size:1.125rem;font-weight:600;color:#f59e0b;margin:0 0 1rem}.payments-content .pending-list{display:flex;flex-direction:column;gap:1rem}.payments-content .pending-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.payments-content .pending-item.blocked{border-color:#ef44444d;background:#ef44440d}.payments-content .pending-item .pending-info{flex:1}.payments-content .pending-item .pending-info .agent-name{font-weight:600;color:#fff;margin-bottom:.25rem}.payments-content .pending-item .pending-info .plan-name{font-size:.875rem;color:#9ca3af}.payments-content .pending-item .pending-info .due-date{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.payments-content .pending-item .pending-info .due-date .blocked-warning{color:#ef4444}.payments-content .pending-item .pending-actions{display:flex;align-items:center;gap:1rem}.payments-content .pending-item .pending-actions .amount{font-weight:700;color:#fff;font-size:1.125rem}.payments-content .pending-item .pending-actions .btn-pay{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.payments-content .pending-item .pending-actions .btn-pay:hover{background:#059669}.payments-content .payments-history-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.payments-content .payments-history-section .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.payments-content .payments-history-section .history-header h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.payments-content .payments-history-section .history-header .filters{display:flex;gap:.5rem}.payments-content .payments-history-section .history-header .filters .filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.payments-content .payments-history-section .history-header .filters .filter-btn:hover{background:#ffffff1a}.payments-content .payments-history-section .history-header .filters .filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.payments-content .empty-state{text-align:center;padding:3rem;color:#9ca3af}.payments-content .empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.payments-content .empty-state p{margin:0}.payments-content .payments-table .table-header{display:grid;grid-template-columns:120px 1fr 100px 140px 100px;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:600}.payments-content .payments-table .table-row{display:grid;grid-template-columns:120px 1fr 100px 140px 100px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.payments-content .payments-table .table-row:last-child{border-bottom:none}.payments-content .payments-table .table-row .col-date{color:#9ca3af;font-size:.875rem}.payments-content .payments-table .table-row .col-agent{display:flex;flex-direction:column;gap:.25rem}.payments-content .payments-table .table-row .col-agent .agent-name{font-weight:500;color:#fff}.payments-content .payments-table .table-row .col-agent .plan-badge{font-size:.75rem;color:#9ca3af}.payments-content .payments-table .table-row .col-type{color:#9ca3af;font-size:.875rem}.payments-content .payments-table .table-row .col-amount{display:flex;flex-direction:column;gap:.25rem}.payments-content .payments-table .table-row .col-amount .original-amount{text-decoration:line-through;color:#6b7280;font-size:.75rem}.payments-content .payments-table .table-row .col-amount .final-amount{font-weight:600;color:#fff}.payments-content .payments-table .table-row .col-amount .discount-badge{display:inline-block;background:#10b98133;color:#10b981;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600}.payments-content .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.payments-content .status-badge.status-pending{background:#f59e0b33;color:#f59e0b}.payments-content .status-badge.status-completed{background:#10b98133;color:#10b981}.payments-content .status-badge.status-failed{background:#ef444433;color:#ef4444}.payments-content .status-badge.status-expired{background:#6b728033;color:#9ca3af}.payments-content .status-badge.status-overdue{background:#f59e0b33;color:#f59e0b}.payments-content .status-badge.status-blocked{background:#ef444433;color:#ef4444}.payments-content .status-badge.status-upcoming{background:#3b82f626;color:#60a5fa}@media(max-width:768px){.payments-content{padding:1rem}.payments-content .payments-summary{grid-template-columns:1fr}.payments-content .payments-table .table-header{display:none}.payments-content .payments-table .table-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff05;border-radius:8px;margin-bottom:.5rem;border-bottom:none}.payments-content .pending-item{flex-direction:column;align-items:flex-start}.payments-content .pending-item .pending-actions{width:100%;justify-content:space-between;margin-top:.5rem}}.user-dashboard{display:flex;min-height:100vh;background:#0f172a}.user-main-content{flex:1;padding:96px 32px 32px;min-height:100vh;margin-left:250px;background:linear-gradient(180deg,#0f172a,#1e293b)}@media(max-width:768px){.user-main-content{margin-left:0;padding:144px 16px 24px}}.create-agent-page{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#0f172a,#1e293b);padding:114px 20px 60px}.create-agent-container{max-width:1050px;margin:0 auto}.create-agent-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease}.create-agent-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 16px;background:linear-gradient(90deg,#3b82f6b3,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-agent-subtitle{font-size:20px;color:#94a3b8;margin:0}.create-agent-welcome{background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:48px;animation:fadeInUp .6s ease .2s both;box-shadow:0 20px 60px #0000004d}.welcome-icon{font-size:64px;text-align:center;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.welcome-title{font-size:32px;font-weight:600;color:#fff;text-align:center;margin:0 0 32px}.welcome-description{color:#e2e8f0;font-size:16px;line-height:1.6}.welcome-description>p{margin:0 0 32px;color:#cbd5e1}.welcome-features{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:20px}.welcome-features li{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px;transition:all .3s ease}.welcome-features li:hover{background:#0f172acc;border-color:#3b82f64d;transform:translate(8px)}.feature-icon{font-size:30px!important;flex-shrink:0;line-height:1}.feature-content{flex:1;color:#e2e8f0;font-size:15px;line-height:1.6}.feature-content strong{color:#fff;display:block;margin-bottom:4px;font-size:17px}.welcome-info{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px}.info-box p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.5}.info-box p strong{color:#fff}.info-icon{font-size:20px;flex-shrink:0}.btn-start-wizard{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;background:linear-gradient(90deg,#3b82f6b3,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3b82f64d}.btn-start-wizard:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}.btn-start-wizard:active{transform:translateY(0)}.btn-arrow{font-size:24px;transition:transform .3s ease}.btn-start-wizard:hover .btn-arrow{transform:translate(4px)}.create-agent-wizard{animation:fadeInUp .6s ease}.wizard-progress{margin-bottom:48px;padding:24px;background:#1e293b66;border:1px solid rgba(148,163,184,.1);border-radius:12px}.wizard-carousel{background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.create-agent-page{padding:80px 16px 40px}.create-agent-title{font-size:36px}.create-agent-subtitle{font-size:16px}.create-agent-welcome{padding:32px 24px}.welcome-title{font-size:24px}.welcome-icon{font-size:48px}.welcome-features li{flex-direction:column;align-items:center;text-align:center}.feature-icon{font-size:56px}.btn-start-wizard{font-size:16px;padding:16px 24px}.wizard-progress{margin-bottom:32px;padding:16px}.wizard-carousel{padding:24px 16px}}.creator-progress-bar{margin-bottom:5px}.progress-container{display:flex;align-items:center;gap:16px;margin-bottom:12px}.progress-icon{font-size:32px;flex-shrink:0;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.progress-icon.start-icon{animation:rotate 20s linear infinite}.progress-icon.end-icon{animation:twinkle 2s ease-in-out infinite}.progress-track{flex:1;height:12px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:999px;position:relative;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f699,#3b82f6e6);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #3b82f680}.progress-rocket{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:28px;transition:left .5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(59,130,246,.6));animation:rocketFloat 2s ease-in-out infinite}.progress-label{text-align:center;font-size:14px;font-weight:500;color:#94a3b8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes rocketFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}}@media(max-width:768px){.progress-icon{font-size:24px}.progress-rocket{font-size:22px}.progress-track{height:10px}}.creator-carousel{position:relative;width:100%;display:flex;flex-direction:column;gap:20px}.carousel-content{flex:1;overflow:hidden}.carousel-navigation{display:none;gap:16px;justify-content:center}@media(max-width:768px){.carousel-navigation{display:flex;gap:12px}}.carousel-button{padding:12px 24px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.carousel-button{padding:12px 20px;font-size:15px;flex:1;min-width:0}}.carousel-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.carousel-button:active{transform:translateY(0)}.carousel-button .arrow{font-size:20px;display:inline-block}.carousel-button-prev .arrow{animation:slideLeft 1.5s ease-in-out infinite}.carousel-button-next .arrow{animation:slideRight 1.5s ease-in-out infinite}.carousel-button-generate{padding:14px 32px;font-size:18px;background:linear-gradient(90deg,#3b82f6b3,#9333eae6);animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.carousel-button-generate{padding:12px 20px;font-size:15px}}@keyframes pulse{0%,to{box-shadow:0 4px 12px #3b82f64d}50%{box-shadow:0 6px 20px #9333ea99}}.creator-steps{width:100%}.step-content{animation:fadeInSlide .4s ease}.step-placeholder{padding:60px 40px;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:12px;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-placeholder h3{font-size:32px;font-weight:600;color:#fff;margin:0 0 16px}.step-placeholder p{font-size:16px;color:#94a3b8;margin:0}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.step-placeholder{padding:40px 24px;min-height:300px}.step-placeholder h3{font-size:24px}.step-placeholder p{font-size:14px}}.step-one{position:relative;padding:40px;min-height:400px}.step-one-content{max-width:700px;margin:0 auto}.step-one-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-one-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-one-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.name-input-group{display:flex;gap:12px;margin-bottom:40px;align-items:center}.name-input{flex:1;padding:14px 18px;background:#0f172a99;border:2px solid rgba(148,163,184,.3);border-radius:10px;color:#fff;font-size:16px;transition:all .3s ease}.name-input::placeholder{color:#64748b}.name-input:focus{outline:none;border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 3px #3b82f61a}.btn-save-name{width:48px;height:48px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:10px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.btn-save-name:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.btn-save-name:active:not(.disabled){transform:translateY(0)}.btn-save-name.disabled{opacity:.5;cursor:not-allowed;background:#94a3b84d;box-shadow:none}.chat-preview{background:#0f172acc;border:2px solid rgba(59,130,246,.3);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0006}.chat-preview-header{display:flex;align-items:center;gap:12px;padding:16px;background:#1e293bcc;border-bottom:1px solid rgba(148,163,184,.2)}.chat-preview-avatar{width:40px;height:40px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.chat-preview-info{flex:1}.chat-preview-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.chat-preview-status{font-size:12px;color:#10b981;display:flex;align-items:center;gap:4px}.chat-preview-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px;cursor:not-allowed;opacity:.5}.chat-preview-body{padding:20px;min-height:120px}.preview-message{display:flex;gap:12px;align-items:flex-start}.message-avatar{width:32px;height:32px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message-bubble{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:12px 16px;color:#e2e8f0;font-size:14px;line-height:1.5;max-width:80%}.chat-preview-label{padding:12px 16px;background:#3b82f61a;border-top:1px solid rgba(59,130,246,.2);text-align:center;font-size:13px;color:#94a3b8}.btn-help{width:32px;height:32px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:50%;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-help:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f699}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.info-modal{background:#1e293bfa;border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:32px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.info-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#94a3b81a;border:none;border-radius:50%;color:#94a3b8;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.info-modal-close:hover{background:#94a3b833;color:#fff}.info-modal-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 24px}.info-modal-content{color:#e2e8f0;font-size:15px;line-height:1.6}.info-section{margin-bottom:24px}.info-section h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.info-section p{margin:0 0 12px;color:#cbd5e1}.info-section ul{margin:0;padding-left:24px}.info-section ul li{margin-bottom:8px;color:#cbd5e1}.info-section ul li strong{color:#fff}.info-section.preview-example{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px}.example-chat-header{display:flex;align-items:center;gap:12px;padding:12px;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:8px;margin-bottom:12px}.example-avatar{width:36px;height:36px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.example-info{flex:1}.example-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.example-status{font-size:11px;color:#10b981}.example-note{font-size:13px;color:#94a3b8;margin:0;text-align:center}.info-modal-btn{width:100%;padding:12px 24px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:24px;box-shadow:0 4px 12px #3b82f64d}.info-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.step-one{padding:24px 16px}.step-one-title{font-size:24px}.step-one-description{font-size:14px}.name-input-group{flex-direction:column;gap:12px}.name-input{width:100%}.btn-save-name{width:100%;height:44px}.step-one-header{gap:8px}.step-one-title{font-size:22px}.btn-help{width:28px;height:28px;font-size:16px}.info-modal{padding:24px;max-height:90vh}.info-modal-title{font-size:20px;margin-bottom:20px;padding-right:32px}.chat-preview-header{padding:12px}.chat-preview-body{padding:16px}.message-bubble{font-size:13px;max-width:90%}}.step-two-content{max-width:700px;margin:48px auto 0;padding-top:48px;border-top:2px solid rgba(148,163,184,.2)}.step-two-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-two-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-two-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.upload-area{background:#0f172a99;border:2px dashed rgba(148,163,184,.3);border-radius:12px;padding:48px 32px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#3b82f680;background:#0f172acc}.upload-area.drag-active{border-color:#3b82f6;background:#3b82f61a;transform:scale(1.02)}.upload-icon{font-size:64px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.upload-text{font-size:16px;color:#e2e8f0;margin:0 0 8px;font-weight:500}.upload-text-or{font-size:14px;color:#94a3b8;margin:16px 0}.btn-browse{padding:12px 32px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.btn-browse:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.btn-browse:active{transform:translateY(0)}.upload-hint{font-size:13px;color:#64748b;margin:16px 0 0}.upload-message{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;margin-top:16px;font-size:14px;font-weight:500;animation:slideIn .3s ease}.upload-message .message-icon{font-size:20px;flex-shrink:0}.upload-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.upload-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.files-list{margin-top:32px}.files-list-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.files-items{display:flex;flex-direction:column;gap:12px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;transition:all .3s ease}.file-item:hover{background:#0f172acc;border-color:#3b82f64d}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon{font-size:24px;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:4px;min-width:0}.file-name{font-size:15px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:13px;color:#94a3b8}.btn-remove{width:32px;height:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.btn-remove:active{transform:scale(.95)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.step-two-content{margin-top:32px;padding-top:32px}.step-two-header{gap:8px}.step-two-title{font-size:22px}.step-two-description{font-size:14px}.upload-area{padding:32px 20px}.upload-icon{font-size:48px}.upload-text{font-size:15px}.btn-browse{width:100%;font-size:15px}.file-item{padding:12px 14px}.file-name{font-size:14px}.file-size{font-size:12px}}.step-three-content{max-width:700px;margin:48px auto 0;padding-top:48px;border-top:2px solid rgba(148,163,184,.2)}.step-three-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-three-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-three-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.prompt-input-group{margin-bottom:32px}.prompt-label{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.prompt-textarea{width:100%;padding:16px;background:#0f172a99;border:2px solid rgba(148,163,184,.3);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease}.prompt-textarea::placeholder{color:#64748b}.prompt-textarea:focus{outline:none;border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 3px #3b82f61a}.prompt-hint{font-size:13px;color:#64748b;margin:8px 0 0;line-height:1.5}.prompt-preview{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;animation:fadeIn .3s ease}.preview-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;display:flex;align-items:center;gap:8px}.preview-content{background:#0006;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:16px;color:#e2e8f0;font-size:14px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;margin-bottom:12px}.preview-note{font-size:13px;color:#94a3b8;margin:0;font-style:italic}.example-box{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-bottom:16px}.example-box:last-child{margin-bottom:0}.example-box h5{font-size:15px;font-weight:600;color:#3b82f6;margin:0 0 10px}.example-code{background:#00000080;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:14px;font-family:Courier New,monospace;font-size:13px;color:#94a3b8;white-space:pre-wrap;overflow-x:auto;margin:0;line-height:1.6}.info-note{background:#3b82f61a;border-left:3px solid #3b82f6;padding:12px 16px;border-radius:4px;margin-top:12px}@media(max-width:768px){.step-three-content{margin-top:32px;padding-top:32px}.step-three-header{gap:8px}.step-three-title{font-size:22px}.step-three-description{font-size:14px}.prompt-label{font-size:15px}.prompt-textarea{font-size:14px;padding:14px}.prompt-hint{font-size:12px}.prompt-preview{padding:16px}.preview-title{font-size:15px}.preview-content{font-size:13px;padding:12px}.example-code{font-size:12px;padding:12px}}.step-four-content{max-width:700px;margin:48px auto 0;padding-top:48px;border-top:2px solid rgba(148,163,184,.2)}.step-four-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-four-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-four-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.url-input-group{margin-bottom:24px}.url-label{display:block;font-size:16px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.url-input-wrapper{display:flex;gap:12px;align-items:stretch}.url-input{flex:1;width:100%;padding:14px 18px;background:#0f172a99;border:2px solid rgba(148,163,184,.3);border-radius:10px;color:#fff;font-size:16px;font-family:inherit;transition:all .3s ease}.url-input::placeholder{color:#64748b}.url-input:focus{outline:none;border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 3px #3b82f61a}.url-info-box{margin:16px 0;padding:16px 20px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:12px;animation:slideIn .3s ease}.url-info-text{margin:0;font-size:14px;color:#cbd5e1;line-height:1.7}.url-info-text strong{color:#e2e8f0}.url-hint{margin:10px 0 0;font-size:13px;color:#94a3b8;line-height:1.5}.verification-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;animation:slideIn .3s ease}.verification-message .message-icon{font-size:20px;flex-shrink:0}.verification-message .message-text{font-size:14px;line-height:1.5;flex:1}.verification-verifying{background:#3b82f626;border:2px solid rgba(59,130,246,.3);color:#93c5fd}.verification-verifying .message-icon{animation:spin 1.5s linear infinite}.verification-success{background:#22c55e26;border:2px solid rgba(34,197,94,.3);color:#86efac}.verification-error{background:#ef444426;border:2px solid rgba(239,68,68,.3);color:#fca5a5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.url-preview{background:#1e293b99;border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:24px;animation:fadeIn .4s ease}.preview-title{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.preview-info{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding:12px;background:#0f172a80;border-radius:8px}.preview-label{font-size:14px;font-weight:600;color:#94a3b8}.preview-url{font-size:14px;color:#60a5fa;word-break:break-all;font-family:Courier New,monospace}.preview-note{margin:0;font-size:13px;color:#cbd5e1;line-height:1.6}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.step-four-content{margin-top:32px;padding-top:32px}.step-four-title{font-size:22px}.step-four-description{font-size:14px}.url-input-wrapper{flex-direction:column}.btn-verify{width:100%}}.step-five{position:relative;padding:40px;min-height:400px}@media(max-width:768px){.step-five{padding:20px 12px;min-height:300px}}.step-five-content{max-width:1400px;margin:0 auto}.step-five-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.header-buttons{display:flex;gap:8px}.step-five-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-five-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.btn-help,.btn-preview{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.btn-help:hover,.btn-preview:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 4px 12px #3b82f680}.btn-help:active,.btn-preview:active{transform:scale(.95)}.theme-container{display:flex;flex-direction:column;gap:32px}.theme-preview{width:100%;display:flex;justify-content:center;align-items:center}.preview-container{position:relative;background:linear-gradient(135deg,#0f172a66,#1e293b4d);border:2px solid rgba(59,130,246,.2);border-radius:16px;padding:40px;width:100%;height:650px;display:flex;align-items:center;justify-content:center;overflow:visible;box-shadow:0 8px 32px #0000004d}@media(max-width:768px){.preview-container{height:440px;padding:20px;max-width:100%;border-radius:12px}}.preview-container>*{transform:scale(1);transform-origin:center center}@media(max-width:768px){.preview-container>*{transform:scale(.6)}}.theme-form{width:100%;display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.theme-form{gap:10px}}.accordion-header{padding:12px 16px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#e5e7ebeb;transition:all .15s}.accordion-header:hover{background:#0f172ab3;border-color:#94a3b84d}@media(max-width:768px){.accordion-header{padding:10px 12px;font-size:12px}}.accordion-icon{font-size:18px;line-height:1;color:#94a3b8cc}.section-content{padding:16px;border:1px solid rgba(148,163,184,.15);border-top:none;border-radius:0 0 8px 8px;background:#0f172a33;margin-top:-8px;animation:slideDown .3s ease}@media(max-width:768px){.section-content{padding:8px}}.form-grid{display:flex;flex-direction:column}.subsection-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8f2;margin-top:8px;margin-bottom:12px}.color-grid{display:flex;justify-content:space-around;margin-bottom:8px}@media(max-width:768px){.color-grid{display:flex;flex-wrap:wrap}}.color-field{display:flex;flex-direction:column;align-items:center;padding:5px;font-size:12px;color:#e5e7ebe0;text-align:center;border:1px solid rgba(148,163,184,.26);border-radius:8px;min-width:90px;margin:15px 0}.color-field span{font-size:11px;font-weight:500;min-height:28px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.color-field span{font-size:10px;min-height:24px}}.color-field input[type=color]{width:100%;max-width:80px;height:70px;padding:6px;border:1px solid rgba(148,163,184,.26);border-radius:12px;background:#0f172a8c;cursor:pointer;transition:border-color .15s,transform .1s}.color-field input[type=color]:hover{border-color:#94a3b866}.color-field input[type=color]:active{transform:scale(.98)}@media(max-width:768px){.color-field input[type=color]{height:70px;border-radius:8px}}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 5px}@media(max-width:768px){.font-grid{display:flex;flex-wrap:wrap;gap:6px}.font-grid>*{flex:1 1 calc(50% - 3px);min-width:0;height:40px}}.font-btn{padding:10px 14px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;color:#e5e7ebe0;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.font-btn:hover{background:#0f172a99;border-color:#94a3b859}.font-btn.active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}@media(max-width:768px){.font-btn{padding:5px 6px;font-size:12px}}.range-control{display:flex;align-items:center;gap:12px;padding:8px 0;margin:10px}.range-control input[type=range]{flex:1;height:4px;border-radius:2px;background:#94a3b833;outline:none;cursor:pointer}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:transform .1s}.range-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:transform .1s}.range-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}@media(max-width:420px){.range-control input[type=range]{width:50%}}.range-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(148,163,184,.22);background:#0f172a66;color:#e5e7ebe0;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.range-btn:hover:not(:disabled){background:#0f172a99;border-color:#94a3b859}.range-btn:disabled{opacity:.3;cursor:not-allowed}.range-value{font-size:12px;font-weight:600;color:#94a3b8f2;text-align:right}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}@media(max-width:768px){.icon-grid{display:flex;flex-wrap:wrap;gap:8px}.icon-grid>*{flex:1 1 calc(50% - 4px);min-width:0}}.icon-btn{padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;color:#e5e7ebe0;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:24px;height:24px}.icon-btn:hover{background:#0f172a99;border-color:#94a3b859}.icon-btn.active{background:#3b82f626;border-color:#3b82f680;color:#60a5fa}@media(max-width:768px){.icon-btn{padding:10px}.icon-btn svg{width:18px;height:18px}}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}@media(max-width:768px){.shape-grid{display:flex;flex-wrap:wrap;gap:8px}.shape-grid>*{flex:1 1 calc(33.333% - 6px);min-width:0}}.shape-btn{padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a66;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.shape-btn:hover{background:#0f172a99;border-color:#94a3b859}.shape-btn.active{background:#3b82f626;border-color:#3b82f680}@media(max-width:768px){.shape-btn{padding:10px}}.shape-preview{width:40px;height:40px;background:#e5e7eb4d}@media(max-width:768px){.shape-preview{width:32px;height:32px}}.shape-preview--circle{border-radius:50%}.shape-preview--rounded{border-radius:12px}@media(max-width:768px){.shape-preview--rounded{border-radius:8px}}.shape-preview--square{border-radius:4px}@media(max-width:768px){.shape-preview--square{border-radius:3px}}.info-section ul li strong{color:#e2e8f0}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.preview-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;max-width:1000px;width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.preview-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#fca5a5;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.preview-modal-close:hover{background:#ef44444d;transform:rotate(90deg) scale(1.1)}.preview-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0;padding:30px 40px 10px;text-align:center}.preview-modal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 40px 20px;gap:16px}.toolbar-left{display:flex;align-items:center}.fallback-btn{padding:8px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.28);border-radius:8px;color:#e5e7ebf2;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.fallback-btn:hover{background:#0f172ad9;border-color:#3b82f680}.fallback-btn:active{transform:scale(.98)}.zoom-controls{display:flex;align-items:center;gap:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:8px 16px}.zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(148,163,184,.28);background:#0f172a8c;color:#e5e7ebf2;font-weight:800;font-size:18px;cursor:pointer;transition:all .2s ease;line-height:1}.zoom-btn:disabled{opacity:.45;cursor:not-allowed}.zoom-btn:not(:disabled):hover{background:#0f172ad9;border-color:#3b82f680}.zoom-btn:not(:disabled):active{transform:scale(.95)}.zoom-value{min-width:60px;text-align:center;font-size:13px;color:#e5e7ebe6;font-variant-numeric:tabular-nums;font-weight:600}.preview-modal-content{flex:1;padding:0 40px 20px;overflow:hidden;display:flex;flex-direction:column;min-height:60vh}.preview-frame-wrap{position:relative;flex:1;min-height:59vh;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.26);background:#02061773;box-shadow:inset 0 0 0 1px #02061759}.preview-zoom-stage{width:100%;height:75vh!important}.preview-iframe{width:100%;height:100%;border:none;display:block;background:#fff}.preview-modal-footer{padding:20px 40px 30px;display:flex;flex-direction:column;align-items:center;gap:16px}.preview-hint{font-size:14px;color:#94a3b8;text-align:center;margin:0;line-height:1.6}.preview-warning{font-size:13px;color:#fbbf24;text-align:center;margin:8px 0 0;line-height:1.6;padding:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px}.preview-warning code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;padding:2px 6px;background:#0000004d;border-radius:4px;color:#fcd34d}.preview-modal-btn{padding:12px 32px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.preview-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.preview-modal-btn:active{transform:translateY(0)}@media(max-width:768px){.step-five-title{font-size:22px}.step-five-description{font-size:13px;margin-bottom:20px}.theme-container{flex-direction:column;gap:20px}.theme-form{max-height:none}.accordion-header{padding:10px 14px;font-size:12px}.accordion-icon{font-size:16px}.subsection-title{font-size:10px;margin-top:6px;margin-bottom:10px}.info-modal-title,.preview-modal-title{font-size:22px;padding:25px 25px 10px}.preview-modal-toolbar{padding:10px 25px 15px;flex-direction:column;gap:12px}.toolbar-left{width:100%;justify-content:center}.fallback-btn{font-size:12px;padding:6px 12px}.zoom-controls{gap:8px;padding:6px 12px}.zoom-btn{width:28px;height:28px;font-size:16px}.zoom-value{min-width:50px;font-size:12px}.info-modal-content,.preview-modal-content{padding:0 25px}.info-modal-btn,.preview-modal-btn{width:calc(100% - 50px);margin-left:25px;margin-right:25px}.preview-modal{max-width:100%;max-height:95vh}.preview-modal-footer{padding:15px 25px 25px}}.step-six{position:relative;padding:40px;min-height:400px}.step-six-content{max-width:1400px;margin:0 auto}.step-six-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-six-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-six-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 40px;line-height:1.6}.trial-option-section{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 8px 32px #3b82f64d;animation:slideIn .5s ease-out;position:relative;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.trial-option-section:hover{transform:translateY(-4px);box-shadow:0 12px 40px #3b82f680}.trial-option-section.active{border-color:#4ade80!important;box-shadow:0 8px 32px #4ade8080!important}.trial-option-section .trial-option-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.trial-option-section .trial-option-header .trial-icon{font-size:32px;animation:bounce 2s ease-in-out infinite}.trial-option-section .trial-option-header h3{flex:1;font-size:24px;margin:0;font-weight:700}.trial-option-section .trial-option-header .trial-badge{position:absolute;top:-12px;right:20px;background:#fffffff2;color:#3b82f6;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00000026}.trial-option-section .trial-option-content .trial-description{font-size:16px;margin-bottom:20px;opacity:.95;line-height:1.6}.trial-option-section .trial-option-content .trial-input-group{display:flex;gap:12px;margin-bottom:16px}.trial-option-section .trial-option-content .trial-input-group .trial-code-input{flex:1;padding:16px;font-size:16px;font-family:Courier New,Courier,monospace;font-weight:600;letter-spacing:1px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;transition:all .3s}.trial-option-section .trial-option-content .trial-input-group .trial-code-input::placeholder{color:#ffffff80;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:normal}.trial-option-section .trial-option-content .trial-input-group .trial-code-input:focus{outline:none;border-color:#fff9;background:#ffffff26}.trial-option-section .trial-option-content .trial-input-group .trial-code-input.valid{border-color:#10b981;background:#10b98126}.trial-option-section .trial-option-content .trial-input-group .trial-code-input.invalid{border-color:#ef4444;background:#ef444426}.trial-option-section .trial-option-content .trial-input-group .validate-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:12px;font-size:20px;cursor:pointer;transition:all .2s;min-width:56px;display:flex;align-items:center;justify-content:center}.trial-option-section .trial-option-content .trial-input-group .validate-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.trial-option-section .trial-option-content .trial-input-group .validate-btn:active:not(:disabled){transform:scale(.95)}.trial-option-section .trial-option-content .trial-input-group .validate-btn:disabled{opacity:.5;cursor:not-allowed}.trial-option-section .trial-option-content .auto-filled-hint{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px 14px;margin:12px 0 0;font-size:13px;color:#ffffffe6;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease-out}.trial-option-section .trial-option-content .trial-success{background:#10b98133;border:2px solid rgba(16,185,129,.4);border-radius:12px;padding:20px;margin:20px 0;animation:slideIn .3s ease-out}.trial-option-section .trial-option-content .trial-success .success-message{font-weight:600;margin-bottom:12px;font-size:16px}.trial-option-section .trial-option-content .trial-success .trial-benefits{list-style:none;padding:0;margin:0}.trial-option-section .trial-option-content .trial-success .trial-benefits li{padding:8px 0;font-size:15px;display:flex;align-items:center;gap:8px}.trial-option-section .trial-option-content .trial-success .trial-benefits li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.trial-option-section .trial-option-content .trial-error{background:#ef444433;border:2px solid rgba(239,68,68,.4);border-radius:12px;padding:16px;margin:16px 0;font-size:14px}.trial-option-section .trial-option-content .trial-note{background:#ffffff1a;border-radius:12px;padding:16px;margin-top:20px}.trial-option-section .trial-option-content .trial-note p{margin:0;font-size:14px;opacity:.9;line-height:1.6}.pricing-divider{text-align:center;margin:32px 0;position:relative;display:flex;align-items:center;justify-content:center}.pricing-divider:before,.pricing-divider:after{content:"";flex:1;height:1px;background:#94a3b838}.pricing-divider:before{margin-right:20px}.pricing-divider:after{margin-left:20px}.pricing-divider span{padding:0 20px;font-size:14px;color:#cbd5e199;white-space:nowrap}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}@media(max-width:1024px){.plans-grid{display:flex;flex-direction:column;gap:48px}}.plan-card{position:relative;padding:32px 24px;background:#0f172a66;border:2px solid rgba(148,163,184,.22);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:24px}.plan-card:hover{background:#0f172a99;border-color:#94a3b859;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.plan-card.active{background:#18bd4414!important;border-color:#4ade80!important;box-shadow:0 8px 32px #21e4324d}.plan-card.active .plan-title{color:#4ade80}.plan-card.popular{border-color:#3b82f680;background:#3b82f614}.plan-card.popular:hover{border-color:#3b82f6b3}.plan-card-header{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.15)}.plan-title{font-size:24px;font-weight:700;color:#fff;margin:0;transition:color .3s ease}.plan-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.price-row{display:flex;align-items:baseline;gap:8px}.price-column{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.plan-amount{font-size:42px;font-weight:800;color:#fff;line-height:1}.plan-amount.original-price{font-size:32px;opacity:.6;text-decoration:line-through;color:#ffffff80}.plan-amount.discounted-price{font-size:42px;color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.3)}.plan-currency{font-size:16px;font-weight:500;color:#94a3b8;margin-left:4px}.plan-activation-fee{color:#94a3b8d9;text-align:left;margin:4px 0 0}.plan-activation-fee-amount{font-size:13px}.plan-activation-fee-label{font-size:11px}.plan-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #3b82f666;z-index:1;white-space:nowrap}.plan-description{font-size:14px;color:#94a3b8e6;margin:4px 0 0;line-height:1.4}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#cbd5e1;line-height:1.6}.feature-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#22c55e26;color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px}.plan-selected-badge{position:absolute;bottom:-13px;right:-12px;padding:6px 12px;background:#4ade80;border:1px solid #4ade80;border-radius:20px;color:#000;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;animation:fadeIn .3s ease;z-index:2}.comparison-table-wrapper{margin:24px 0;overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:14px}.comparison-table th,.comparison-table td{padding:12px 16px;text-align:center;border-bottom:1px solid rgba(148,163,184,.15)}.comparison-table th{background:#3b82f61a;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em}.comparison-table th:first-child{text-align:left;background:transparent}.comparison-table td{color:#cbd5e1}.comparison-table td:first-child{text-align:left;color:#94a3b8;font-weight:500}.comparison-table td strong{color:#fff;font-weight:700}.comparison-table tbody tr{transition:background .2s ease}.comparison-table tbody tr:hover{background:#ffffff08}.comparison-table .check{color:#4ade80;font-weight:700;font-size:16px}.comparison-table .cross{color:#f87171;font-weight:700;font-size:16px}.discount-section{margin-top:40px;padding:24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;border-radius:12px}.discount-section h3{font-size:20px;font-weight:600;margin-bottom:16px;color:#fff}.discount-input-group{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}@media(max-width:768px){.discount-input-group{flex-direction:column}}.discount-input{flex:1;min-width:200px;padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:16px;text-transform:uppercase;transition:all .3s ease}.discount-input:focus{outline:none;border-color:linear-gradient(90deg,rgba(59,130,246,.5) 0%,rgba(59,130,246,.9) 100%);box-shadow:0 0 0 3px #007bff1a}.discount-input::placeholder{color:#fff6;text-transform:none}.discount-input.error{border-color:#f44;animation:shake .3s ease}.btn-apply-discount{padding:12px 24px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-apply-discount:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-apply-discount:active{transform:translateY(0)}.btn-apply-discount:disabled{opacity:.5;cursor:not-allowed;transform:none}.discount-applied-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:16px;font-weight:600}.discount-applied-badge button{margin-left:auto;background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.discount-applied-badge button:hover{background:#ffffff4d;transform:rotate(90deg)}.discount-error{margin-top:8px;padding:12px 16px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ff6b6b;font-size:14px;animation:slideDown .3s ease}.plan-savings{display:inline-block;margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:13px;font-weight:600;text-align:center;box-shadow:0 2px 8px #10b9814d}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(max-width:768px){.step-six{padding:30px 20px}.step-six-title{font-size:24px}.step-six-description{font-size:14px;margin-bottom:30px}.plan-card{padding:24px 20px}.plan-title{font-size:20px}.plan-amount{font-size:36px}.plan-currency{font-size:14px}.plan-feature{font-size:13px}.info-modal-title{font-size:22px;padding:25px 25px 0}.info-modal-content{padding:0 25px 25px}.info-modal-btn{width:calc(100% - 50px);margin:0 25px 25px}.info-section h4{font-size:16px}.discount-section{padding:16px}.discount-input{padding:10px 14px;font-size:14px}.btn-apply-discount{padding:10px 20px;font-size:14px}.discount-applied-badge{font-size:14px;padding:10px 14px}.discount-error{font-size:12px;padding:10px 14px}.original-price{font-size:.75em!important}.discounted-price{font-size:1em!important}.plan-savings{font-size:12px;padding:4px 8px}.trial-option-section{padding:24px;margin-bottom:24px}.trial-option-section .trial-option-header{flex-direction:column;align-items:flex-start;gap:8px}.trial-option-section .trial-option-header .trial-icon{font-size:28px}.trial-option-section .trial-option-header h3{font-size:20px}.trial-option-section .trial-option-header .trial-badge{align-self:flex-start}.trial-option-section .trial-option-content .trial-description{font-size:14px}.trial-option-section .trial-option-content .trial-input-group{flex-direction:column;gap:8px}.trial-option-section .trial-option-content .trial-input-group .trial-code-input{font-size:14px;padding:14px}.trial-option-section .trial-option-content .trial-input-group .validate-btn{width:100%;padding:14px}.trial-option-section .trial-option-content .trial-success{padding:16px}.trial-option-section .trial-option-content .trial-success .success-message{font-size:14px}.trial-option-section .trial-option-content .trial-success .trial-benefits li{font-size:13px}.trial-option-section .trial-option-content .trial-error{font-size:13px;padding:12px}.trial-option-section .trial-option-content .trial-note{padding:12px}.trial-option-section .trial-option-content .trial-note p{font-size:13px}.pricing-divider{margin:24px 0}.pricing-divider span{font-size:12px;padding:0 12px}}.step-seven{position:relative;padding:40px;min-height:400px}.step-seven-content{max-width:900px;margin:0 auto}.step-seven-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-seven-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-seven-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 40px;line-height:1.6}.btn-help{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.btn-help:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 4px 12px #3b82f680}.btn-help:active{transform:scale(.95)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.actions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.action-card{background:#0f172a66;border:2px solid rgba(148,163,184,.22);border-radius:12px;padding:20px;transition:all .3s ease}.action-card:hover{background:#0f172a99;border-color:#94a3b859;transform:translate(4px)}.action-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.action-info{display:flex;align-items:center;gap:12px;flex:1}.action-icon{font-size:24px;flex-shrink:0}.action-label{font-size:18px;font-weight:600;color:#fff;margin:0;word-break:break-word}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-delete{width:36px;height:36px;border-radius:8px;border:none;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-edit{background:#3b82f633;color:#60a5fa}.btn-edit:hover{background:#3b82f64d;transform:translateY(-2px)}.btn-delete{background:#ef444433;color:#fca5a5}.btn-delete:hover{background:#ef44444d;transform:translateY(-2px)}.action-details{display:flex;flex-direction:column;gap:8px}.action-detail{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#cbd5e1;line-height:1.5}.detail-icon{flex-shrink:0;font-size:16px;margin-top:1px}.detail-text{flex:1;word-break:break-word}.detail-text.muted{color:#94a3b8;font-style:italic}.empty-state{text-align:center;padding:60px 20px;background:#0f172a4d;border:2px dashed rgba(148,163,184,.22);border-radius:12px;margin-bottom:24px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.empty-subtext{font-size:14px;color:#94a3b8;margin:0}.action-form{background:#0f172a80;border:2px solid rgba(148,163,184,.25);border-radius:16px;padding:32px;margin-bottom:24px;animation:slideIn .3s ease}.form-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 24px}.form-group{margin-bottom:24px}.form-group:last-of-type{margin-bottom:28px}.form-label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.required{color:#ef4444}.optional{color:#94a3b8;font-weight:400;font-size:13px}.form-input,.form-textarea{width:100%;padding:12px 16px;background:#0f172a99;border:2px solid rgba(148,163,184,.25);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease}.form-input::placeholder,.form-textarea::placeholder{color:#64748b}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f680;background:#0f172acc}.form-input.error,.form-textarea.error{border-color:#ef444480}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-hint{display:flex;align-items:center;gap:4px;font-size:13px;color:#94a3b8;margin-top:6px}.error-text{color:#fca5a5}.file-attached{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:10px}.file-attached .file-info{display:flex;align-items:center;gap:12px;min-width:0}.file-attached .file-info .file-icon{font-size:20px;flex-shrink:0}.file-attached .file-info .file-details{display:flex;flex-direction:column;min-width:0}.file-attached .file-info .file-details .file-name{font-size:14px;color:#f1f5f9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attached .file-info .file-details .file-size{font-size:12px;color:#94a3b8}.file-attached .btn-remove-file{width:32px;height:32px;border-radius:8px;background:#ef444433;border:none;color:#fca5a5;font-size:14px;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-attached .btn-remove-file:hover{background:#ef44444d;transform:scale(1.05)}.file-upload{position:relative;display:flex;align-items:center;gap:8px}.file-input{display:none}.file-label{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a99;border:2px solid rgba(148,163,184,.25);border-radius:10px;cursor:pointer;transition:all .3s ease}.file-label:hover{border-color:#3b82f666;background:#0f172ab3}.file-icon{font-size:20px;flex-shrink:0}.file-text{font-size:14px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-clear-file{width:36px;height:36px;border-radius:8px;background:#ef444433;border:none;color:#fca5a5;font-size:16px;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-clear-file:hover{background:#ef44444d;transform:scale(1.05)}.form-buttons{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#94a3b833;color:#cbd5e1}.btn-cancel:hover{background:#94a3b84d;transform:translateY(-2px)}.btn-save{background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-add-action{width:100%;padding:16px;background:#3b82f61a;border:2px dashed rgba(59,130,246,.4);border-radius:12px;color:#60a5fa;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-action:hover{background:#3b82f626;border-color:#3b82f699;transform:translateY(-2px)}.btn-add-action:active{transform:translateY(0)}.btn-icon{font-size:20px;font-weight:700}.max-actions-info{text-align:center;padding:16px;background:#eab3081a;border:2px solid rgba(234,179,8,.3);border-radius:12px;color:#fde047;font-size:14px;font-weight:600}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.info-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;max-width:800px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.info-modal-close{position:sticky;top:20px;left:calc(100% - 60px);width:40px;height:40px;border-radius:50%;background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#fca5a5;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.info-modal-close:hover{background:#ef44444d;transform:rotate(90deg) scale(1.1)}.info-modal-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 24px;padding:30px 40px 0;text-align:center}.info-modal-content{padding:0 40px 30px}.info-section{margin-bottom:28px}.info-section h4{font-size:18px;font-weight:600;color:#60a5fa;margin:0 0 12px}.info-section p{font-size:15px;color:#cbd5e1;line-height:1.7;margin:0 0 12px}.info-section p:last-child{margin-bottom:0}.info-section ul{margin:12px 0;padding-left:24px;list-style-type:disc}.info-section ul li{font-size:15px;color:#cbd5e1;line-height:1.7;margin-bottom:8px}.info-section ul li:last-child{margin-bottom:0}.info-section ul li strong{color:#60a5fa;font-weight:600}.info-modal-btn{display:block;width:calc(100% - 80px);margin:0 40px 30px;padding:14px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.info-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.info-modal-btn:active{transform:translateY(0)}.widget-preview{background:linear-gradient(145deg,#0f172af5,#020617fa);border:1px solid rgba(148,163,184,.28);border-radius:18px;overflow:hidden;box-shadow:0 26px 90px #020617cc;max-width:360px;margin:0 auto;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;font-size:12px}.preview-header{padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.18);background:#02061759}.preview-title{font-size:13px;font-weight:750;color:#e5e7ebf2}.preview-close{width:28px;height:28px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#e5e7ebf2;font-size:14px;cursor:default;display:flex;align-items:center;justify-content:center}.preview-chat{padding:12px;min-height:200px;display:flex;flex-direction:column;gap:10px;overflow:auto}.preview-message{display:flex;gap:0;align-items:flex-start}.preview-message.bot{flex-direction:row}.preview-avatar{display:none}.preview-bubble{max-width:85%;padding:10px 12px;border-radius:14px;font-size:1em;line-height:1.35;border:1px solid rgba(148,163,184,.18);justify-self:start;background:#02061759;border-color:#94a3b82e;color:#e5e7ebf2}.preview-actions{padding:0 12px 12px;display:flex;flex-wrap:wrap;gap:6px}.preview-action-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#e5e7ebf2;font-size:.9em;font-weight:400;cursor:default;transition:background .12s ease,border-color .12s ease;display:flex;align-items:center;gap:4px}.preview-action-btn:hover{background:#2563eb2e;border-color:#3b82f659}.preview-input-area{padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid rgba(148,163,184,.18);background:#02061759}.preview-input{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.26);background:#0f172a8c;color:#e5e7ebf2;padding:10px 12px;font-size:1em;font-family:inherit;outline:none;cursor:default}.preview-input::placeholder{color:#9ca3afe6}.preview-send{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#2563ebe6;color:#fff;padding:10px 12px;font-size:1em;font-weight:700;cursor:default;display:flex;align-items:center;justify-content:center;min-width:40px}@media(max-width:768px){.step-seven{padding:30px 20px}.step-seven-title{font-size:24px}.step-seven-description{font-size:14px;margin-bottom:30px}.action-card{padding:16px}.action-header{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons{align-self:flex-end}.action-label{font-size:16px}.action-form{padding:24px 20px}.form-title{font-size:18px}.form-buttons{flex-direction:column-reverse}.form-buttons .btn-cancel,.form-buttons .btn-save{width:100%}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.info-modal-title{font-size:22px;padding:25px 25px 0}.info-modal-content{padding:0 25px 25px}.info-modal-btn{width:calc(100% - 50px);margin:0 25px 25px}.info-section h4{font-size:16px}}.step-eight-content{margin-top:48px;padding-top:48px;border-top:2px solid rgba(148,163,184,.15);max-width:900px;margin-left:auto;margin-right:auto}.step-eight-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.step-eight-title{font-size:28px;font-weight:600;color:#fff;margin:0;text-align:center}.step-eight-description{font-size:15px;color:#cbd5e1;text-align:center;margin:0 0 32px;line-height:1.6}.plan-info-banner{padding:16px 20px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;margin-bottom:32px;animation:slideIn .3s ease}.plan-info-banner.warning{background:#eab3081a;border:2px solid rgba(234,179,8,.3)}.banner-icon{font-size:24px;flex-shrink:0;margin-top:2px}.banner-content{flex:1}.banner-content strong{display:block;font-size:16px;font-weight:600;color:#fde047;margin-bottom:6px}.banner-content p{font-size:14px;color:#fef3c7;margin:0;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.option-card{background:#0f172a66;border:2px solid rgba(148,163,184,.22);border-radius:16px;padding:24px;transition:all .3s ease}.option-card:not(.disabled):hover{background:#0f172a99;border-color:#94a3b859;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.option-card.disabled{opacity:.6;cursor:not-allowed}.option-card.disabled .option-toggle{cursor:not-allowed}.option-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.option-icon{font-size:32px;flex-shrink:0}.option-info{flex:1}.option-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.option-badge-row{display:flex;gap:6px;flex-wrap:wrap}.option-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.option-badge.pro{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.option-badge.enterprise{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.option-toggle{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0;cursor:pointer}.option-toggle input{opacity:0;width:0;height:0}.option-toggle input:checked+.toggle-slider{background:linear-gradient(90deg,#3b82f680,#3b82f6e6)}.option-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.option-toggle input:disabled+.toggle-slider{background:#47556980;cursor:not-allowed}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#475569cc;border-radius:30px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.option-description{margin-bottom:16px}.option-description p{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0}.option-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#94a3b8;line-height:1.5}.detail-icon{flex-shrink:0;font-size:14px;margin-top:1px}.detail-text{flex:1}.options-summary{background:#0f172a80;border:2px solid rgba(148,163,184,.25);border-radius:12px;padding:20px 24px;margin-top:24px}.summary-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.summary-items{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 14px;border-radius:8px;transition:all .3s ease}.summary-item.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.summary-item.inactive{background:#47556933;border:1px solid rgba(71,85,105,.3);color:#94a3b8}.summary-icon{font-size:16px;font-weight:700;flex-shrink:0}.summary-text{flex:1;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.step-eight-content{margin-top:40px;padding-top:40px}.step-eight-title{font-size:24px}.step-eight-description{font-size:14px;margin-bottom:24px}.plan-info-banner{padding:14px 16px;gap:10px}.plan-info-banner .banner-content strong{font-size:15px}.plan-info-banner .banner-content p{font-size:13px}.option-card{padding:20px 16px}.option-header{flex-wrap:wrap;gap:12px}.option-icon{font-size:28px}.option-title{font-size:18px}.option-toggle{width:100%;text-align:right}.options-summary{padding:16px 18px}.summary-title{font-size:15px}}.step-last{position:relative;padding:60px 40px;min-height:500px;display:flex;align-items:center;justify-content:center}.step-last-content{max-width:900px;margin:0 auto;text-align:center}.success-icon{margin-bottom:30px;animation:bounceIn .6s ease}.icon-circle{width:120px;height:120px;margin:0 auto;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #3b82f666;animation:pulse 2s ease-in-out infinite}.icon-emoji{font-size:60px}.step-last-title{font-size:42px;font-weight:800;color:#fff;margin:0 0 20px;animation:fadeInUp .6s ease .2s both}.step-last-description{font-size:18px;color:#cbd5e1;line-height:1.7;max-width:600px;margin:0 auto 40px;animation:fadeInUp .6s ease .3s both}.summary-cards{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp .6s ease .4s both}.summary-card{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:12px;font-size:14px;color:#e2e8f0;transition:all .3s ease}.summary-card:hover{background:#0f172acc;border-color:#3b82f64d;transform:translateY(-2px)}.summary-icon{font-size:18px}.summary-icon.unpaid{opacity:.5}.summary-icon.paid{opacity:1}.summary-text{font-weight:500}.payment-warning{margin:30px 0;padding:20px 30px;background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:12px;display:flex;align-items:center;gap:16px;animation:fadeInUp .4s ease}.payment-warning .warning-icon{font-size:32px;flex-shrink:0}.payment-warning p{margin:0;text-align:left;color:#fbbf24;font-size:15px;line-height:1.5}.payment-warning p strong{color:#fcd34d;font-weight:600}.btn-generate{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:20px 60px;background:linear-gradient(90deg,#3b82f680,#3b82f6e6);border:none;border-radius:16px;color:#fff;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #3b82f666;animation:fadeInUp .6s ease .5s both;position:relative;overflow:hidden}.btn-generate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-generate:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #3b82f699}.btn-generate:hover:not(:disabled):before{width:300px;height:300px}.btn-generate:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.btn-generate:disabled,.btn-generate.disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(90deg,#64748b80,#64748bb3);box-shadow:none;transform:none!important}.btn-generate:disabled:hover,.btn-generate.disabled:hover{transform:none!important;box-shadow:none}.btn-generate.generating{animation:pulse 1.5s ease-in-out infinite}.btn-icon{font-size:26px;animation:rotate 2s linear infinite}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.snippet-section{margin-top:50px;animation:fadeInUp .6s ease}.snippet-success{margin-bottom:30px;padding:30px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:16px}.success-check{display:inline-block;width:50px;height:50px;line-height:50px;background:#22c55e33;color:#4ade80;border-radius:50%;font-size:28px;font-weight:700;margin-bottom:15px;animation:scaleIn .5s ease}.success-title{font-size:26px;font-weight:700;color:#4ade80;margin:0 0 12px}.success-description{font-size:15px;color:#cbd5e1;line-height:1.7;margin:0}.success-description code{padding:2px 8px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#60a5fa;font-size:14px;font-family:Courier New,monospace}.snippet-container{background:#0f172a99;border:2px solid rgba(148,163,184,.2);border-radius:12px;overflow:hidden;margin-bottom:30px}.snippet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.2)}.snippet-label{font-size:14px;font-weight:600;color:#94a3b8}.btn-copy{padding:8px 16px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-copy:hover{background:#3b82f64d;transform:translateY(-2px)}.btn-copy.copied{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.snippet-code{padding:20px;margin:0;background:#0000004d;color:#e2e8f0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;text-align:left;white-space:pre-wrap;word-break:break-all}.next-steps{text-align:left;padding:25px;background:#0f172a66;border:1px solid rgba(148,163,184,.2);border-radius:12px;margin-bottom:30px}.next-steps-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px}.next-steps-list{list-style:none;padding:0;margin:0}.next-steps-list li{position:relative;padding-left:28px;margin-bottom:12px;font-size:15px;color:#cbd5e1;line-height:1.6}.next-steps-list li:last-child{margin-bottom:0}.next-steps-list li:before{content:"→";position:absolute;left:0;color:#60a5fa;font-weight:700}.action-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-dashboard,.btn-create-another{padding:14px 30px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-dashboard{background:linear-gradient(90deg,#3b82f680,#3b82f6e6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-create-another{background:#0f172a99;border:2px solid rgba(148,163,184,.3);color:#e2e8f0}.btn-create-another:hover{background:#0f172acc;border-color:#94a3b880;transform:translateY(-2px)}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeInModal .3s ease}.payment-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUpModal .3s ease}.payment-modal .modal-header{padding:32px 32px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-modal .modal-header h3{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.payment-modal .modal-header .modal-note{font-size:14px;color:#fbbf24;background:#fbbf241a;padding:12px;border-radius:8px;margin:0;line-height:1.5}.payment-modal .modal-body{padding:32px}.payment-modal .modal-body .payment-summary{text-align:center;margin-bottom:32px;padding:24px;background:#ffffff0d;border-radius:12px}.payment-modal .modal-body .payment-summary .summary-label{font-size:14px;color:#cbd5e1;margin:0 0 8px}.payment-modal .modal-body .payment-summary .summary-amount{font-size:36px;font-weight:700;color:#3b82f6;margin:0 0 8px}.payment-modal .modal-body .payment-summary .summary-description{font-size:13px;color:#94a3b8;margin:0}.payment-modal .modal-body .payment-summary .summary-status{font-size:18px;color:#fbbf24;margin:8px 0 0}.payment-modal .modal-body .simulation-actions .actions-label{font-size:16px;font-weight:500;color:#fff;margin:0 0 16px;text-align:center}.payment-modal .modal-body .simulation-actions .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-modal .modal-body .simulation-actions .btn-simulate{padding:16px;border:2px solid transparent;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.payment-modal .modal-body .simulation-actions .btn-simulate:disabled{opacity:.5;cursor:not-allowed}.payment-modal .modal-body .simulation-actions .btn-simulate.success{background:#22c55e33;color:#22c55e;border-color:#22c55e4d}.payment-modal .modal-body .simulation-actions .btn-simulate.success:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e80;transform:translateY(-2px)}.payment-modal .modal-body .simulation-actions .btn-simulate.failure{background:#ef444433;color:#ef4444;border-color:#ef44444d}.payment-modal .modal-body .simulation-actions .btn-simulate.failure:hover:not(:disabled){background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.payment-modal .modal-body .simulation-actions .btn-simulate .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinModal .8s linear infinite}.payment-modal .modal-body .snippet-success-modal{text-align:center}.payment-modal .modal-body .snippet-success-modal .success-check-large{width:80px;height:80px;background:#22c55e33;border:3px solid #22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#22c55e;margin:0 auto 24px;animation:bounceIn .6s ease}.payment-modal .modal-body .snippet-success-modal h4{font-size:24px;color:#fff;margin:0 0 12px}.payment-modal .modal-body .snippet-success-modal .success-description{font-size:15px;color:#cbd5e1;line-height:1.6;margin:0 0 32px}.payment-modal .modal-body .snippet-success-modal .success-description code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:monospace;color:#fbbf24}.payment-modal .modal-body .payment-failed-modal{text-align:center}.payment-modal .modal-body .payment-failed-modal .failed-icon-large{width:80px;height:80px;background:#ef444433;border:3px solid #ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#ef4444;margin:0 auto 24px;animation:bounceIn .6s ease}.payment-modal .modal-body .payment-failed-modal h4{font-size:24px;color:#fff;margin:0 0 12px}.payment-modal .modal-body .payment-failed-modal p{font-size:15px;color:#cbd5e1;line-height:1.6;margin:0 0 24px}.payment-modal .modal-body .payment-failed-modal .btn-close-modal{background:#3b82f6;color:#fff;border:none;padding:14px 40px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.payment-modal .modal-body .payment-failed-modal .btn-close-modal:hover{background:#2563eb;transform:translateY(-2px)}.payment-modal .modal-body .failed-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.payment-modal .modal-body .failed-actions .btn-dashboard{background:#3b82f6;color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.payment-modal .modal-body .failed-actions .btn-dashboard:hover{background:#2563eb;transform:translateY(-2px)}.payment-modal .modal-body .failed-actions .btn-close-modal{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:14px 32px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.payment-modal .modal-body .failed-actions .btn-close-modal:hover{background:#94a3b81a;border-color:#94a3b880}.payment-modal .modal-footer{padding:24px 32px;text-align:center}.payment-modal .modal-footer .btn-close-modal{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:12px 32px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.payment-modal .modal-footer .btn-close-modal:hover:not(:disabled){background:#94a3b81a;border-color:#94a3b880}.payment-modal .modal-footer .btn-close-modal:disabled{opacity:.5;cursor:not-allowed}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinModal{to{transform:rotate(360deg)}}@media(max-width:768px){.step-last{padding:40px 20px}.icon-circle{width:100px;height:100px}.icon-emoji{font-size:50px}.step-last-title{font-size:32px}.step-last-description{font-size:16px}.summary-cards{flex-direction:column;align-items:center}.summary-card{width:100%;max-width:300px}.btn-generate{width:100%;padding:18px 40px;font-size:20px}.snippet-header{flex-direction:column;gap:12px;align-items:stretch}.btn-copy{width:100%}.snippet-code{font-size:12px}.action-buttons{flex-direction:column}.btn-dashboard,.btn-create-another{width:100%}}.creator-step-navigation{display:none}@media(min-width:769px){.creator-step-navigation{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:32px;padding:0 20px}}.step-nav-title{margin:0;font-size:28px;font-weight:600;color:#fff;text-align:center;min-width:200px}.step-nav-arrow{width:48px;height:48px;border-radius:50%;border:2px solid rgba(59,130,246,.5);background:#3b82f61a;color:#3b82f6;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-nav-arrow:hover:not(.disabled){background:#3b82f633;border-color:#3b82f6;transform:scale(1.1)}.step-nav-arrow:active:not(.disabled){transform:scale(.95)}.step-nav-arrow.disabled{opacity:.3;cursor:not-allowed;border-color:#94a3b84d;color:#64748b}.step-nav-arrow .arrow{display:inline-block}.step-nav-arrow-prev .arrow{animation:slideLeft 1.5s ease-in-out infinite}.step-nav-arrow-prev.disabled .arrow{animation:none}.step-nav-arrow-next .arrow{animation:slideRight 1.5s ease-in-out infinite}.step-nav-arrow-next.disabled .arrow{animation:none}.step-nav-arrow-next .spinner{width:20px;height:20px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideLeft{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#020617,#0f172a);padding:4rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0}@media(max-width:768px){.legal-page{padding:2rem 1rem}}.legal-page__container{max-width:900px;margin:0 auto;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0006;border:1px solid rgba(59,130,246,.1)}@media(max-width:768px){.legal-page__container{padding:2rem 1.5rem;border-radius:12px}}.legal-page__header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(59,130,246,.2)}.legal-page__back{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-size:.95rem;margin-bottom:1.5rem;transition:all .3s ease}.legal-page__back:hover{color:#60a5fa;transform:translate(-4px)}.legal-page__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.legal-page__title{font-size:2rem}}.legal-page__updated{color:#94a3b8;font-size:.95rem;font-style:italic;margin:0}.legal-page__language-notice{margin-top:1.5rem;padding:1rem 1.25rem;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:4px}.legal-page__language-notice p{margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.6}.legal-page__language-notice p strong{color:#60a5fa}.legal-page__language-notice p em{color:#94a3b8;font-style:italic}.legal-page__content{line-height:1.7;font-size:1rem;color:#cbd5e1}@media(max-width:768px){.legal-page__content{font-size:.95rem}}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.75rem;font-weight:600;color:#f1f5f9;margin:2rem 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(59,130,246,.2)}@media(max-width:768px){.legal-section h2{font-size:1.5rem}}.legal-section h3{font-size:1.35rem;font-weight:600;color:#e2e8f0;margin:1.5rem 0 1rem}@media(max-width:768px){.legal-section h3{font-size:1.2rem}}.legal-section p{margin:1rem 0;line-height:1.7}.legal-section strong{color:#f1f5f9;font-weight:600}.legal-section a{color:#3b82f6;text-decoration:underline;transition:color .3s ease}.legal-section a:hover{color:#60a5fa}.legal-section ul,.legal-section ol{margin:1rem 0;padding-left:1.5rem}.legal-section ul li,.legal-section ol li{margin:.75rem 0;line-height:1.7}.legal-section ul li::marker,.legal-section ol li::marker{color:#3b82f6}.legal-section ul ul,.legal-section ul ol,.legal-section ol ul,.legal-section ol ol{margin:.5rem 0}.legal-section code{background:#3b82f61a;color:#60a5fa;padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.legal-section small{font-size:.85rem;color:#94a3b8}.legal-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#0f172a66;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0003}.legal-table thead{background:#3b82f626}.legal-table thead tr th{padding:1rem;text-align:left;font-weight:600;color:#f1f5f9;border-bottom:2px solid rgba(59,130,246,.3)}@media(max-width:768px){.legal-table thead tr th{padding:.75rem;font-size:.9rem}}.legal-table tbody tr{border-bottom:1px solid rgba(59,130,246,.1)}.legal-table tbody tr:last-child{border-bottom:none}.legal-table tbody tr:hover{background:#3b82f60d}.legal-table tbody tr td{padding:1rem;color:#cbd5e1}@media(max-width:768px){.legal-table tbody tr td{padding:.75rem;font-size:.85rem}}.legal-table tbody tr td strong{color:#f1f5f9}@media(max-width:640px){.legal-table{display:block;overflow-x:auto;white-space:nowrap}}.legal-rights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}@media(max-width:768px){.legal-rights{grid-template-columns:1fr}}.legal-right{background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.legal-right:hover{border-color:#3b82f680;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f633}.legal-right h4{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.legal-right p{margin:0;color:#cbd5e1;font-size:.95rem;line-height:1.6}.legal-highlight{background:#3b82f61a;border-left:4px solid #3b82f6;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:4px}.legal-highlight strong{color:#60a5fa}.legal-highlight.legal-highlight--warning{background:#f59e0b1a;border-left-color:#f59e0b}.legal-highlight.legal-highlight--warning strong{color:#fbbf24}.legal-highlight.legal-highlight--success{background:#22c55e1a;border-left-color:#22c55e}.legal-highlight.legal-highlight--success strong{color:#4ade80}.cookie-category{background:#0f172a66;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.cookie-category--necessary{border-color:#22c55e4d}.cookie-category--analytics{border-color:#3b82f64d}.cookie-category--marketing{border-color:#a855f74d}.cookie-category .badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.cookie-category .badge--always{background:#22c55e33;color:#4ade80}.cookie-category .badge--optional{background:#3b82f633;color:#60a5fa}.legal-page__footer{margin-top:4rem;padding-top:2rem;border-top:2px solid rgba(59,130,246,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media(max-width:640px){.legal-page__footer{flex-direction:column;align-items:flex-start}}.legal-page__back-to-top{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.legal-page__back-to-top:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.legal-page__back-to-top:active{transform:translateY(0)}.legal-page__back-link{color:#3b82f6;text-decoration:none;font-size:.95rem;transition:all .3s ease}.legal-page__back-link:hover{color:#60a5fa;transform:translate(-4px)}@media print{.legal-page{background:#fff;color:#000;padding:0}.legal-page__container{background:#fff;box-shadow:none;border:none;padding:2rem}.legal-page__back,.legal-page__footer{display:none}.legal-page__title{-webkit-text-fill-color:inherit;color:#000}.legal-section h2,.legal-section h3{color:#000;page-break-after:avoid}.legal-section p,.legal-section li{color:#000;page-break-inside:avoid}.legal-table{background:#fff;border:1px solid #ddd}.legal-table thead{background:#f5f5f5}.legal-table thead th{color:#000;border-bottom:2px solid #333}.legal-table tbody td{color:#000;border-bottom:1px solid #ddd}.legal-highlight{border-left-color:#333;background:#f5f5f5}.legal-highlight strong{color:#000}}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.payment-result-page .payment-result-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center}.payment-result-page .payment-result-card .icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.payment-result-page .payment-result-card .icon-wrapper.success{background:#22c55e26;border:2px solid rgba(34,197,94,.3)}.payment-result-page .payment-result-card .icon-wrapper .icon{font-size:2.5rem;color:#22c55e}.payment-result-page .payment-result-card h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 1rem}.payment-result-page .payment-result-card .description{color:#9ca3af;font-size:1rem;line-height:1.6;margin-bottom:2rem}.payment-result-page .payment-result-card .details{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;margin-bottom:2rem}.payment-result-page .payment-result-card .details .detail-row{display:flex;justify-content:space-between;padding:.5rem 0}.payment-result-page .payment-result-card .details .detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.payment-result-page .payment-result-card .details .detail-row .label{color:#6b7280;font-size:.875rem}.payment-result-page .payment-result-card .details .detail-row .value{color:#fff;font-weight:500;font-size:.875rem}.payment-result-page .payment-result-card .details .detail-row .value.success{color:#22c55e}.payment-result-page .payment-result-card .actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.payment-result-page .payment-result-card .actions .btn{padding:.875rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-result-page .payment-result-card .actions .btn.primary{background:#3b82f6;border:none;color:#fff}.payment-result-page .payment-result-card .actions .btn.primary:hover{background:#2563eb}.payment-result-page .payment-result-card .actions .btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af}.payment-result-page .payment-result-card .actions .btn.secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.payment-result-page .payment-result-card .redirect-info{color:#6b7280;font-size:.75rem}@media(max-width:480px){.payment-result-page{padding:1rem}.payment-result-page .payment-result-card{padding:2rem 1.5rem}.payment-result-page .payment-result-card h1{font-size:1.5rem}}.payment-result-page.cancel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.payment-result-page.cancel .payment-result-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center}.payment-result-page.cancel .payment-result-card .icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.payment-result-page.cancel .payment-result-card .icon-wrapper.cancel{background:#ef444426;border:2px solid rgba(239,68,68,.3)}.payment-result-page.cancel .payment-result-card .icon-wrapper .icon{font-size:2.5rem;color:#ef4444}.payment-result-page.cancel .payment-result-card h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 1rem}.payment-result-page.cancel .payment-result-card .description{color:#9ca3af;font-size:1rem;line-height:1.6;margin-bottom:2rem}.payment-result-page.cancel .payment-result-card .info-box{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:1.25rem;margin-bottom:2rem;text-align:left}.payment-result-page.cancel .payment-result-card .info-box p{margin:0 0 .75rem;color:#f59e0b;font-size:.875rem}.payment-result-page.cancel .payment-result-card .info-box ul{margin:0;padding-left:1.25rem;color:#9ca3af;font-size:.875rem}.payment-result-page.cancel .payment-result-card .info-box ul li{margin-bottom:.5rem}.payment-result-page.cancel .payment-result-card .info-box ul li:last-child{margin-bottom:0}.payment-result-page.cancel .payment-result-card .actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.payment-result-page.cancel .payment-result-card .actions .btn{padding:.875rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.payment-result-page.cancel .payment-result-card .actions .btn.primary{background:#3b82f6;border:none;color:#fff}.payment-result-page.cancel .payment-result-card .actions .btn.primary:hover{background:#2563eb}.payment-result-page.cancel .payment-result-card .actions .btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af}.payment-result-page.cancel .payment-result-card .actions .btn.secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.payment-result-page.cancel .payment-result-card .support-info{color:#6b7280;font-size:.75rem}.payment-result-page.cancel .payment-result-card .support-info a{color:#3b82f6;text-decoration:none}.payment-result-page.cancel .payment-result-card .support-info a:hover{text-decoration:underline}@media(max-width:480px){.payment-result-page.cancel{padding:1rem}.payment-result-page.cancel .payment-result-card{padding:2rem 1.5rem}.payment-result-page.cancel .payment-result-card h1{font-size:1.5rem}}.login-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:40px;max-width:480px;width:100%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080;transition:all .3s ease}.login-modal.register-mode{max-width:500px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal__close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:8px;line-height:1;transition:color .2s ease}.login-modal__close:hover{color:#fff}.login-modal__title{margin:0 0 8px;color:#fff;font-size:28px;font-weight:600}.login-modal__subtitle{margin:0 0 32px;color:#94a3b8;font-size:16px;transition:all .3s ease}.login-modal__form{display:flex;flex-direction:column;gap:20px}.login-modal__error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;animation:slideIn .3s ease}.login-modal__success{padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:14px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-modal__field{display:flex;flex-direction:column;gap:8px;animation:fadeInField .4s ease}.login-modal__field label{color:#94a3b8;font-size:14px;font-weight:500}.login-modal__field input{padding:12px 16px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:16px;transition:all .2s ease}.login-modal__field input::placeholder{color:#64748b}.login-modal__field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-modal__field input:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeInField{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.login-modal__submit{padding:14px 24px;background:linear-gradient(90deg,#3b82f6b3,#3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-modal__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.login-modal__submit:disabled{opacity:.6;cursor:not-allowed}.login-modal__register{margin-top:24px;padding-top:24px;border-top:1px solid rgba(148,163,184,.2);text-align:center}.login-modal__register p{margin:0;color:#94a3b8;font-size:14px}.login-modal__register-link{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.login-modal__register-link:hover{color:#60a5fa;text-decoration:underline}.login-modal__forgot{text-align:right;margin-top:-8px;margin-bottom:4px}.login-modal__forgot-link{background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:0;transition:color .2s ease}.login-modal__forgot-link:hover{color:#60a5fa}@media(max-width:768px){.login-modal{padding:32px 24px;margin:20px}.login-modal__title{font-size:24px}.login-modal__subtitle{font-size:14px}}.trial-expired-blocker{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInBlocker .4s ease}.trial-expired-blocker__card{position:relative;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:520px;width:100%;padding:48px 40px;text-align:center;box-shadow:0 24px 80px #0009;animation:slideUpBlocker .5s ease}.trial-expired-blocker__close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .2s;line-height:1;padding:0}.trial-expired-blocker__close:hover{background:#ffffff1f;color:#cbd5e1}.trial-expired-blocker__icon{font-size:56px;margin-bottom:20px}.trial-expired-blocker__title{font-size:26px;font-weight:700;color:#fff;margin:0 0 12px}.trial-expired-blocker__message{font-size:15px;color:#cbd5e1;line-height:1.6;margin:0 0 28px}.trial-expired-blocker__benefits{text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px 24px;margin-bottom:20px}.trial-expired-blocker__benefits-title{font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.trial-expired-blocker__benefits ul{list-style:none;padding:0;margin:0}.trial-expired-blocker__benefits ul li{padding:6px 0;font-size:14px;color:#cbd5e1;line-height:1.4}.trial-expired-blocker__discount{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#22c55e1f,#10b9811f);border:1px solid rgba(34,197,94,.25);border-radius:24px;color:#22c55e;font-weight:600;font-size:14px;margin-bottom:28px}.trial-expired-blocker__discount .discount-icon{font-size:18px}.trial-expired-blocker__actions{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-upgrade-main{width:100%;max-width:320px;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.3px}.btn-upgrade-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.btn-logout-secondary{padding:8px 20px;background:transparent;border:none;color:#64748b;font-size:13px;cursor:pointer;transition:color .2s}.btn-logout-secondary:hover{color:#94a3b8}@keyframes fadeInBlocker{0%{opacity:0}to{opacity:1}}@keyframes slideUpBlocker{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.trial-expired-blocker__card{padding:32px 24px}.trial-expired-blocker__title{font-size:22px}}:root{--bg: #0f172a;--card-bg: #020617;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--text: #e5e7eb;--muted: #9ca3af;--border: rgba(148, 163, 184, .35);--danger: #ef4444;--success: #22c55e}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top,#1e293b,#020617 60%);color:var(--text)}.container{width:100%;max-width:1100px;margin:0 auto;padding:44px 20px}.section{border-bottom:1px solid rgba(148,163,184,.14)}.section__title{font-size:30px;font-weight:750;letter-spacing:.01em}.section__subtitle{margin-top:10px;font-size:14px;color:var(--muted)}[data-reveal]{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;will-change:transform,opacity}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}