html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%}#qf-page-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary,#2B6F67),#10B981);z-index:99999;pointer-events:none;opacity:0;border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(16,185,129,0.4)}.qf-skeleton-overlay{animation:qfSkeletonFadeIn 0.15s ease}.qf-skel{background:#E5E7EB;border-radius:6px;position:relative;overflow:hidden}.qf-skel::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.5) 50%,transparent 100%);animation:qfShimmer 1.4s ease infinite}.qf-skel-circle{border-radius:50%}.qf-skel-text{height:14px;margin-bottom:10px}.qf-skel-text-sm{height:10px;margin-bottom:8px}.qf-skel-title{height:22px;margin-bottom:14px;width:45%}.qf-skel-subtitle{height:12px;margin-bottom:18px;width:60%}.qf-skel-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #F0F0F0}.qf-skel-row{display:flex;gap:16px;margin-bottom:16px}.qf-skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.qf-skel-img{border-radius:8px;background:#E5E7EB;position:relative;overflow:hidden}.qf-skel-img::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.5) 50%,transparent 100%);animation:qfShimmer 1.4s ease infinite}@keyframes qfShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes qfSkeletonFadeIn{from{opacity:0}to{opacity:1}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2B6F67;--primary-dark:#245e57;--primary-light:#358a80;--primary-ghost:rgba(43,111,103,0.08);--primary-50:#f0f7f6;--dark:#313231;--body:#4a4a4a;--muted:#666666;--light:#C7C7C7;--border:#E5E7EB;--border-dark:#E5E5E5;--bg:#FFFFFF;--bg-alt:#F7F8F9;--bg-green:#F3F8F3;--bg-dark:#18191C;--bg-footer:#313131;--success:#2B6F67;--danger:#EF4444;--danger-bg:#FEF2F2;--warning:#F59E0B;--warning-bg:#FEF3C7;--success-bg:#ECFDF5;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.1);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:100px;--container:1205px;--navbar-h:70px;--font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--transition:all 0.2s ease}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.6;color:var(--body);background:var(--bg);padding-top:var(--navbar-h);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}ul,ol{list-style:none}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font);outline:none}h1,h2,h3,h4,h5,h6{color:var(--dark);line-height:1.25;margin-bottom:0.5em;font-weight:600}h1{font-size:42px;font-weight:600}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}p{margin-bottom:1em;line-height:1.7}p:last-child{margin-bottom:0}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-dark{color:var(--dark)}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-gray{background:#fff}.section-green{background:var(--bg-green)}.section-header{text-align:center;max-width:800px;margin:0 auto 48px}.section-header h1,.section-header h2{margin-bottom:14px;font-size:38px;font-weight:800;line-height:1.2;letter-spacing:-0.8px}.section-header p{color:var(--body);font-size:16px;line-height:1.7}.section-tag{display:inline-block;font-size:13px;font-weight:500;color:var(--primary);background:var(--primary-ghost);padding:4px 14px;border-radius:var(--radius-full);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);background:#fff;border-bottom:1px solid var(--border);z-index:1000;transition:var(--transition)}.navbar.scrolled{box-shadow:var(--shadow)}.navbar>.container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--dark);text-decoration:none;letter-spacing:-0.02em;transition:opacity 0.2s ease}.navbar-brand span{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand:hover{opacity:0.8}.navbar-brand svg{width:32px;height:32px;flex-shrink:0}.brand-logo{flex-shrink:0;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(43,111,103,0.15));transition:transform 0.25s ease}.navbar-brand:hover .brand-logo{transform:scale(1.05)}.navbar-menu{display:flex;align-items:center;gap:18px}.nav-link{color:var(--body);font-size:15px;font-weight:500;padding:6px 10px;border-radius:10px;transition:all 0.25s ease;position:relative;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.nav-icon{opacity:0.45;transition:all 0.25s ease;flex-shrink:0;width:15px;height:15px}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:0.8}.dropdown-toggle .nav-icon{opacity:0.45;transition:all 0.25s ease;width:15px;height:15px}.dropdown-toggle:hover .nav-icon,.dropdown-toggle.active .nav-icon{opacity:0.8}@media (max-width:1400px){.navbar-menu{gap:10px}}@media (max-width:1280px){.nav-icon{display:none}.navbar-menu{gap:14px}}.nav-link:hover{color:var(--primary);background:rgba(43,111,103,0.06)}.nav-link.active{color:var(--primary);font-weight:600;background:rgba(43,111,103,0.08);box-shadow:0 0 0 1px rgba(43,111,103,0.12)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:4px;color:var(--body);font-size:15px;font-weight:500;background:none;border:none;padding:6px 0;cursor:pointer;transition:var(--transition)}.dropdown-toggle:hover{color:var(--dark)}.dropdown-toggle svg:last-child{width:14px;height:14px;transition:transform 0.2s ease}.dropdown.open .dropdown-toggle svg:last-child{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;min-width:160px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.2s ease;z-index:100}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(2px)}.dropdown-item{display:block;padding:8px 16px;font-size:14px;color:var(--body);transition:var(--transition)}.dropdown-item:hover{background:var(--bg-alt);color:var(--dark)}.dropdown-item.active{color:var(--primary);font-weight:500}.mega-dropdown.scanner-mega-dropdown .scanner-mega-menu{padding:0;width:720px;min-width:720px;max-width:calc(100vw - 40px);border:1px solid rgba(15,23,42,0.06);border-radius:20px;box-shadow:0 28px 64px -12px rgba(15,23,42,0.18),0 8px 20px -6px rgba(15,23,42,0.08),0 0 0 1px rgba(15,23,42,0.03);overflow:hidden;background:#fff;position:absolute;top:calc(100% + 28px);left:0;right:auto;transform:translateY(6px)}.mega-dropdown.scanner-mega-dropdown.open .scanner-mega-menu{transform:translateY(0)}.scanner-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.scanner-mega-item{position:relative;display:block;min-height:180px;padding:24px 26px;border-radius:16px;text-decoration:none;border:1px solid rgba(15,23,42,0.05);overflow:hidden;isolation:isolate;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.25s ease}.scanner-mega-item--qr{background:linear-gradient(145deg,#f4faf8 0%,#e8f4f0 100%)}.scanner-mega-item--barcode{background:linear-gradient(145deg,#f0f8fc 0%,#def0f9 100%)}.scanner-mega-item:hover{transform:translateY(-4px);border-color:rgba(15,23,42,0.12);box-shadow:0 16px 36px -10px rgba(15,23,42,0.16),0 4px 12px -2px rgba(15,23,42,0.08)}.scanner-mega-item.is-active{border-color:rgba(15,23,42,0.18);box-shadow:0 4px 12px -4px rgba(15,23,42,0.1)}.scanner-mega-item__bg{position:absolute;top:-24px;right:-36px;z-index:0;pointer-events:none;opacity:0.16;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s ease;transform:rotate(-8deg)}.scanner-mega-item--qr .scanner-mega-item__bg{color:var(--primary)}.scanner-mega-item--barcode .scanner-mega-item__bg{color:#229ED9;top:-10px;right:-50px;transform:rotate(8deg)}.scanner-mega-item:hover .scanner-mega-item__bg{opacity:0.24;transform:rotate(-8deg) scale(1.08)}.scanner-mega-item--barcode:hover .scanner-mega-item__bg{transform:rotate(8deg) scale(1.08)}.scanner-mega-item__pill{position:absolute;top:16px;right:16px;z-index:2;font-size:9.5px;font-weight:800;padding:4px 10px;border-radius:100px;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);color:#fff;letter-spacing:1px;text-transform:uppercase;line-height:1.4;box-shadow:0 3px 8px rgba(34,197,94,0.35),inset 0 1px 0 rgba(255,255,255,0.3)}.scanner-mega-item__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;max-width:75%}.scanner-mega-item__eyebrow{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;line-height:1;margin-bottom:4px}.scanner-mega-item--qr .scanner-mega-item__eyebrow{color:var(--primary)}.scanner-mega-item--barcode .scanner-mega-item__eyebrow{color:#229ED9}.scanner-mega-item__title{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-0.6px;line-height:1.15}.scanner-mega-item__desc{font-size:13px;color:#64748b;line-height:1.55;font-weight:400;margin-top:2px}.scanner-mega-item__cta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:0.1px;margin-top:10px}.scanner-mega-item--qr .scanner-mega-item__cta{color:var(--primary)}.scanner-mega-item--barcode .scanner-mega-item__cta{color:#229ED9}.scanner-mega-item__cta svg{transition:transform 0.25s ease}.scanner-mega-item:hover .scanner-mega-item__cta svg{transform:translateX(4px)}.scanner-mega-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;padding:13px 20px;background:#fafbfc;border-top:1px solid rgba(15,23,42,0.05)}.scanner-mega-foot__chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#475569;letter-spacing:0.1px}.scanner-mega-foot__chip svg{color:#22c55e;flex-shrink:0}@media (max-width:768px){.mega-dropdown.scanner-mega-dropdown .scanner-mega-menu{position:static;width:100%;min-width:0;max-width:100%;left:auto;right:auto;top:auto;transform:none;margin-top:8px;border-radius:12px;box-shadow:none;border:1px solid var(--border)}.mega-dropdown.scanner-mega-dropdown.open .scanner-mega-menu{transform:none}.scanner-mega-grid{grid-template-columns:1fr;padding:10px;gap:10px}.scanner-mega-item{padding:16px 18px;min-height:auto}.scanner-mega-item__bg{display:none}.scanner-mega-item__content{max-width:100%}.scanner-mega-item__title{font-size:16px}.scanner-mega-item__desc{font-size:12.5px}.scanner-mega-item__pill{top:12px;right:12px}.scanner-mega-foot{gap:14px;padding:10px 16px}}.mega-dropdown .mega-menu{left:auto;right:auto;position:fixed;top:var(--navbar-h);left:50%;transform:translateX(-50%) translateY(8px);min-width:720px;padding:0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04)}.mega-dropdown.open .mega-menu{transform:translateX(-50%) translateY(2px)}.mega-menu-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.mega-col{padding:20px;border-right:1px solid var(--border)}.mega-col:last-child{border-right:none}.mega-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:12px;padding:0 8px}.mega-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:10px;transition:background 0.15s ease;text-decoration:none}.mega-item:hover{background:var(--bg-alt)}.mega-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(43,111,103,0.1);color:var(--primary)}.mega-item div{display:flex;flex-direction:column;min-width:0}.mega-item-title{font-size:13px;font-weight:600;color:var(--dark);line-height:1.3}.mega-item-desc{font-size:11px;color:#94a3b8;line-height:1.3;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-auth{display:flex;align-items:center;gap:10px}.user-dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:50px;border:1.5px solid var(--border);background:#fff;cursor:pointer;transition:all 0.2s ease;font-size:14px;font-weight:500;color:var(--dark)}.user-dropdown-toggle:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(43,111,103,0.1)}.user-avatar-sm{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#1a4a44);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-md{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#1a4a44);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-toggle svg:last-child{opacity:0.4;transition:transform 0.2s ease;flex-shrink:0}.user-dropdown.open .user-dropdown-toggle svg:last-child{transform:rotate(180deg)}.user-dropdown.open .user-dropdown-toggle{border-color:var(--primary)}.user-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;z-index:1000;padding:6px}.user-dropdown.open .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:12px 14px}.user-dropdown-header strong{display:block;font-size:14px;color:var(--dark);line-height:1.3}.user-dropdown-header small{display:block;font-size:12px;color:#94a3b8;line-height:1.3;margin-top:1px}.user-dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:14px;color:var(--dark);font-weight:500;transition:all 0.15s ease;text-decoration:none}.user-dropdown-item svg{opacity:0.45;flex-shrink:0;transition:opacity 0.2s ease}.user-dropdown-item:hover{background:#f1f5f9;color:var(--primary)}.user-dropdown-item:hover svg{opacity:0.8;stroke:var(--primary)}.user-dropdown-item--admin{color:#7c3aed}.user-dropdown-item--admin svg{stroke:#7c3aed;opacity:0.6}.user-dropdown-item--admin:hover{background:#f5f3ff;color:#6d28d9}.user-dropdown-item--danger{color:#ef4444}.user-dropdown-item--danger svg{stroke:#ef4444;opacity:0.6}.user-dropdown-item--danger:hover{background:#fef2f2;color:#dc2626}.mobile-bottom-nav{display:none}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;padding:6px;cursor:pointer}.navbar-toggle span{display:block;width:100%;height:2px;background:var(--dark);border-radius:2px;transition:var(--transition)}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all 0.15s ease;text-decoration:none;line-height:1.4;white-space:nowrap;font-family:inherit}.btn-primary{background:var(--primary);color:#fff!important;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,111,103,0.25)}.btn-loading{pointer-events:none;opacity:0.85}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btnSpin 0.6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-outline{background:#fff;color:var(--dark);border-color:#DADCE0}.btn-outline:hover{background:var(--bg-alt);border-color:#9AA0A6;color:var(--dark)}.btn-ghost{background:transparent;color:var(--primary);border-color:transparent;padding:8px 16px}.btn-ghost:hover{background:var(--primary-ghost)}.btn-white{background:#fff;color:var(--primary)!important;border-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.btn-white:hover{background:#f5f5f5;color:var(--primary-dark)!important;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.15)}.btn-white-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,0.45)}.btn-white-outline:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.7);color:#fff!important}.btn-outline-light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,0.5)}.btn-outline-light:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff!important}.btn-secondary{background:var(--bg-alt);color:var(--dark);border-color:var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#FEF2F2;color:#DC2626;border-color:#FECACA}.btn-danger:hover{background:#FECACA;border-color:#DC2626}.btn-success{background:#059669!important;color:#fff!important;border-color:#059669!important}.btn-danger-ghost{background:transparent;color:#DC2626;border-color:#FECACA}.btn-danger-ghost:hover{background:#FEF2F2;border-color:#DC2626}.btn-sm{padding:9px 18px;font-size:13px;border-radius:10px}.btn-lg{padding:14px 32px;font-size:16px}.btn-block{width:100%;justify-content:center}.btn-glow{box-shadow:0 4px 14px rgba(43,111,103,0.35)}.btn-glow:hover{box-shadow:0 6px 20px rgba(43,111,103,0.45)}.btn:disabled,.btn[disabled]{opacity:0.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--dark);margin-bottom:6px}.form-control{width:100%;padding:12px 16px;font-size:15px;font-family:var(--font);color:var(--dark);background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);transition:var(--transition);outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.12)}.form-control::placeholder{color:var(--light)}.form-control-sm{padding:8px 12px;font-size:13px}textarea.form-control{resize:vertical;min-height:80px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23787878' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-range{width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;appearance:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow)}.alert{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:var(--radius-sm);font-size:14px;margin:16px auto;max-width:var(--container)}.alert-success{background:var(--success-bg);color:#065F46;border:1px solid #A7F3D0}.alert-error{background:var(--danger-bg);color:#991B1B;border:1px solid #FECACA}.alert-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:0.5;padding:0 4px}.alert-close:hover{opacity:1}.qf-toast-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.qf-toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:440px;padding:14px 18px;border-radius:12px;font-size:13.5px;font-family:var(--font);line-height:1.5;color:#1A1D1F;background:#fff;border:1px solid #E8EAED;box-shadow:0 8px 30px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);pointer-events:auto;transform:translateY(-16px);opacity:0;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease}.qf-toast.qf-toast-visible{transform:translateY(0);opacity:1}.qf-toast.qf-toast-exit{transform:translateY(-16px);opacity:0}.qf-toast-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qf-toast-icon svg{width:18px;height:18px}.qf-toast-success .qf-toast-icon{background:#ECFDF5}.qf-toast-success .qf-toast-icon svg{stroke:#059669}.qf-toast-error .qf-toast-icon{background:#FEF2F2}.qf-toast-error .qf-toast-icon svg{stroke:#DC2626}.qf-toast-warning .qf-toast-icon{background:#FFFBEB}.qf-toast-warning .qf-toast-icon svg{stroke:#D97706}.qf-toast-info .qf-toast-icon{background:#EFF6FF}.qf-toast-info .qf-toast-icon svg{stroke:#2563EB}.qf-toast-body{flex:1;min-width:0}.qf-toast-title{font-weight:600;font-size:13.5px;color:#1A1D1F;margin-bottom:2px}.qf-toast-message{font-size:13px;color:#6F767E;word-break:break-word}.qf-toast-close{background:none;border:none;cursor:pointer;padding:2px;color:#9AA0A6;flex-shrink:0;transition:color 0.15s;line-height:1}.qf-toast-close:hover{color:#1A1D1F}.qf-toast-close svg{width:16px;height:16px;stroke:currentColor}.qf-toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;transition:width linear}.qf-toast-success .qf-toast-progress{background:#059669}.qf-toast-error .qf-toast-progress{background:#DC2626}.qf-toast-warning .qf-toast-progress{background:#D97706}.qf-toast-info .qf-toast-progress{background:#2563EB}.qf-toast{position:relative;overflow:hidden}.qf-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;padding:20px}.qf-confirm-overlay.qf-confirm-visible{opacity:1}.qf-confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.2);width:100%;max-width:400px;transform:scale(0.9) translateY(10px);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.qf-confirm-visible .qf-confirm-dialog{transform:scale(1) translateY(0)}.qf-confirm-header{display:flex;align-items:center;gap:14px;padding:24px 24px 0}.qf-confirm-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qf-confirm-icon svg{width:22px;height:22px}.qf-confirm-danger .qf-confirm-icon{background:#FEF2F2}.qf-confirm-danger .qf-confirm-icon svg{stroke:#DC2626}.qf-confirm-warning .qf-confirm-icon{background:#FFFBEB}.qf-confirm-warning .qf-confirm-icon svg{stroke:#D97706}.qf-confirm-info .qf-confirm-icon{background:#EFF6FF}.qf-confirm-info .qf-confirm-icon svg{stroke:#2563EB}.qf-confirm-title{font-size:16px;font-weight:700;color:#1A1D1F;margin:0}.qf-confirm-body{padding:12px 24px 0;font-size:14px;color:#6F767E;line-height:1.6}.qf-confirm-actions{display:flex;gap:10px;padding:20px 24px 24px;justify-content:flex-end}.qf-confirm-btn{padding:9px 20px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:all 0.15s ease}.qf-confirm-btn-cancel{background:#F5F6F8;color:#6F767E}.qf-confirm-btn-cancel:hover{background:#ECEDF0;color:#3C4043}.qf-confirm-btn-ok{background:var(--primary);color:#fff}.qf-confirm-btn-ok:hover{background:var(--primary-dark)}.qf-confirm-btn-danger{background:#DC2626;color:#fff}.qf-confirm-btn-danger:hover{background:#B91C1C}.qf-confirm-btn-warning{background:#D97706;color:#fff}.qf-confirm-btn-warning:hover{background:#B45309}@media (max-width:480px){.qf-toast-container{top:12px;right:12px;left:12px}.qf-toast{min-width:auto;max-width:100%}.qf-confirm-dialog{max-width:100%}}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-full);line-height:1.5;white-space:nowrap;width:auto;max-width:fit-content}.badge-primary{background:var(--primary-ghost);color:var(--primary)}.badge-secondary{background:var(--bg-alt);color:var(--muted)}.badge-success{background:var(--primary-ghost);color:var(--primary)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.hero-generator{padding:0;background:linear-gradient(180deg,rgba(237,247,245,0.9) 0%,rgba(255,255,255,0.95) 60%,#fff 100%),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='14' height='14' rx='2' fill='%232b6f67' opacity='0.07'/%3E%3Crect x='22' y='4' width='14' height='14' rx='2' fill='%232b6f67' opacity='0.05'/%3E%3Crect x='4' y='22' width='14' height='14' rx='2' fill='%232b6f67' opacity='0.05'/%3E%3Crect x='4' y='44' width='14' height='14' rx='2' fill='%232b6f67' opacity='0.04'/%3E%3Crect x='44' y='4' width='14' height='14' rx='2' fill='%232b6f67' opacity='0.04'/%3E%3Crect x='44' y='44' width='8' height='8' rx='1' fill='%232b6f67' opacity='0.05'/%3E%3Crect x='62' y='62' width='8' height='8' rx='1' fill='%232b6f67' opacity='0.04'/%3E%3C/svg%3E");position:relative;overflow:hidden}.hero-pixel-wave{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0;display:flex;flex-direction:column;gap:6px;padding:0;opacity:0.6;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.15) 55%,transparent 75%);mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.15) 55%,transparent 75%)}.hero-pw-row{display:flex;justify-content:center;gap:6px}.hero-pw-dot{width:8px;height:8px;border-radius:2px;background:var(--primary);opacity:0.04;animation:pwPulse 4s ease-in-out infinite;will-change:opacity}@keyframes pwPulse{0%,100%{opacity:0.04}40%{opacity:0.3}50%{opacity:0.45}60%{opacity:0.3}}@media (max-width:768px){.hero-pixel-wave{display:none}}.hero-headline{text-align:center;padding:40px 0 32px;position:relative;z-index:1}.hero-headline h1{font-size:44px;font-weight:800;color:var(--dark);margin-bottom:0;letter-spacing:-1.5px;line-height:1.08}.hero-slogan{display:block;font-size:15px;font-weight:800;letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,#2A9D8F 40%,#4DB8AC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:14px;padding-top:14px;position:relative}.hero-slogan::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--primary),#4DB8AC);border-radius:2px}.hero-desc{font-size:14.5px;color:#64748b;max-width:740px;margin:20px auto 0;line-height:1.7}.generator-dark-area{background:linear-gradient(145deg,#2f2f2f 0%,#262626 100%);border-radius:var(--radius-xl);padding:36px 40px 40px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.05)}.form-hint{font-size:13px;color:var(--muted);margin-top:8px}.form-hint-dark{font-size:13px;color:rgba(255,255,255,0.45);margin-top:8px;padding-left:4px}.social-proof-banner{padding:24px 0;background:linear-gradient(180deg,#fff 0%,#f8fffe 100%);border-top:1px solid rgba(43,111,103,0.06);border-bottom:1px solid rgba(43,111,103,0.06)}.social-proof-banner .social-proof-inner{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.social-proof-item{display:flex;align-items:center;gap:8px}.social-proof-stars{display:flex;align-items:center;gap:2px}.social-proof-rating{font-size:16px;font-weight:700;color:var(--dark);margin-left:4px}.social-proof-divider{width:1px;height:24px;background:var(--border)}.social-proof-text{font-size:15px;color:var(--muted)}.social-proof-text strong{color:var(--dark)}.social-proof-note{font-size:12px;color:var(--muted);position:relative;display:inline-block;padding-bottom:4px;overflow:hidden}.social-proof-note::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:rgba(43,111,103,0.15);border-radius:2px}.social-proof-note::after{content:"";position:absolute;left:-40%;bottom:0;width:40%;height:1.5px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:2px;animation:social-proof-note-sweep 2.2s ease-in-out infinite}@keyframes social-proof-note-sweep{0%{left:-40%}100%{left:100%}}.section-steps{background:linear-gradient(180deg,#fff 0%,var(--bg-alt) 100%);padding:100px 0}.steps-header{text-align:center;margin-bottom:60px}.steps-header h2{color:var(--dark);font-size:38px;font-weight:800;line-height:1.2;letter-spacing:-0.8px}.steps-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:14px}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.step-card{background:#fff;border:1px solid rgba(0,0,0,0.04);border-radius:20px;padding:0 20px 28px;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.03)}.step-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(43,111,103,0.1);border-color:rgba(43,111,103,0.12)}.step-illustration{padding:16px 8px 8px}.step-illustration img{width:100%;height:auto;display:block}.step-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.5px;color:var(--primary);background:rgba(43,111,103,0.08);padding:4px 12px;border-radius:100px;margin-bottom:10px}.step-card h3{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:6px}.step-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.section-bento{background:linear-gradient(180deg,var(--bg-alt) 0%,#f0faf8 40%,#fff 100%);padding:88px 0;position:relative;overflow:hidden}.section-bento::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(43,111,103,0.04) 0%,transparent 70%);pointer-events:none}.bento-header{text-align:center;margin-bottom:40px}.bento-header h2{color:var(--dark);font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-0.8px}.bento-header p{color:var(--muted);font-size:15px;margin-top:10px;max-width:540px;margin-left:auto;margin-right:auto}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:18px;position:relative}.bento-card{background:linear-gradient(165deg,#fff 0%,#fafffe 100%);border:1px solid rgba(43,111,103,0.06);border-radius:22px;padding:24px;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.4s ease;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.03),0 1px 3px rgba(0,0,0,0.02);display:flex;flex-direction:column}.bento-card::after{content:'';position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(43,111,103,0.04) 0%,transparent 70%);pointer-events:none;transition:all 0.4s ease}.bento-card:hover{border-color:rgba(43,111,103,0.15);transform:translateY(-5px);box-shadow:0 16px 40px rgba(43,111,103,0.08),0 4px 12px rgba(0,0,0,0.04)}.bento-card:hover::after{width:160px;height:160px;background:radial-gradient(circle,rgba(43,111,103,0.06) 0%,transparent 70%)}.bento-card--large{grid-column:span 2}.bento-card--glow{background:linear-gradient(145deg,#f0faf8 0%,#e6f5f2 100%);border-color:rgba(43,111,103,0.12);box-shadow:0 4px 20px rgba(43,111,103,0.06),inset 0 1px 0 rgba(255,255,255,0.8)}.bento-card--glow::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(43,111,103,0.05) 0%,transparent 50%);pointer-events:none;animation:glowShift 8s ease-in-out infinite}@keyframes glowShift{0%,100%{transform:translate(0,0)}50%{transform:translate(10%,10%)}}.bento-card--glow:hover{border-color:rgba(43,111,103,0.25);box-shadow:0 20px 48px rgba(43,111,103,0.12),0 0 0 1px rgba(43,111,103,0.05);transform:translateY(-6px)}.bento-card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--primary)}.bento-card__head>svg{width:32px;height:32px;flex-shrink:0;padding:6px;background:rgba(43,111,103,0.08);border-radius:10px}.bento-card__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);opacity:0.75}.bento-card__stat{font-size:40px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;background:linear-gradient(135deg,var(--primary) 0%,#4db8ac 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.bento-card__stat-label{font-size:13px;font-weight:600;color:var(--dark);margin-bottom:6px}.bento-card__desc{font-size:13px;color:var(--muted);line-height:1.55;margin:0;margin-top:auto}.bento-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.bento-pill{font-size:11px;font-weight:600;padding:5px 14px;border-radius:100px;background:rgba(43,111,103,0.06);color:var(--primary);border:1px solid rgba(43,111,103,0.1);transition:transform 0.25s ease,background 0.25s ease}.bento-pill:hover{background:rgba(43,111,103,0.12);transform:translateY(-1px)}.bento-secure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.bento-secure-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;background:rgba(43,111,103,0.05);border:1px solid rgba(43,111,103,0.1);border-radius:12px;text-align:center;font-size:11.5px;font-weight:600;color:var(--primary);letter-spacing:-0.1px;line-height:1.25;transition:background 0.25s ease,transform 0.25s ease,border-color 0.25s ease}.bento-secure-tile svg{color:var(--primary);opacity:0.9;flex-shrink:0}.bento-secure-tile:hover{background:rgba(43,111,103,0.1);border-color:rgba(43,111,103,0.2);transform:translateY(-2px)}.bento-card--hero{grid-column:span 2;grid-row:span 2;background:linear-gradient(140deg,#0088cc 0%,#229ED9 55%,#37BBFE 100%);border:1px solid rgba(255,255,255,0.15);color:#fff;padding:28px;box-shadow:0 10px 30px rgba(0,136,204,0.25),0 2px 6px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.18);min-height:420px}.bento-card--hero::after{display:none}.bento-card--hero:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,136,204,0.32),0 4px 12px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.28)}.bento-hero__glow{position:absolute;inset:-20% -20% auto auto;width:70%;height:70%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 60%);pointer-events:none;animation:heroGlowShift 10s ease-in-out infinite}@keyframes heroGlowShift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8%,6%) scale(1.08)}}.bento-hero__head{display:flex;align-items:center;gap:14px;margin-bottom:14px;position:relative;z-index:1}.bento-hero__avatar{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,0.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,0.12);flex-shrink:0}.bento-hero__tg-icon{width:40px;height:40px;display:block}.bento-hero__titleblock{display:flex;flex-direction:column;gap:6px;min-width:0}.bento-hero__badge{display:inline-block;width:fit-content;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;background:rgba(255,255,255,0.22);color:#fff;padding:3px 9px;border-radius:100px;border:1px solid rgba(255,255,255,0.3)}.bento-hero__title{font-size:22px;font-weight:800;letter-spacing:-0.4px;color:#fff;line-height:1.15;margin:0}.bento-hero__desc{position:relative;z-index:1;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,0.88);margin:0 0 18px 0;max-width:440px}.tg-chat-mock{position:relative;z-index:1;background:rgba(255,255,255,0.96);border-radius:16px;padding:12px 14px 14px;box-shadow:0 10px 26px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.9);margin-bottom:18px}.tg-chat-mock__header{display:flex;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:10px}.tg-chat-mock__dot{width:8px;height:8px;border-radius:50%;background:#e4e4e7}.tg-chat-mock__dot:nth-child(1){background:#ff5f57}.tg-chat-mock__dot:nth-child(2){background:#febc2e}.tg-chat-mock__dot:nth-child(3){background:#28c840}.tg-chat-mock__name{margin-left:8px;font-size:11.5px;font-weight:700;color:#229ED9;letter-spacing:0.1px}.tg-chat-mock__body{display:flex;flex-direction:column;gap:7px}.tg-msg{display:flex;opacity:0;transform:translateY(8px) scale(0.95)}.tg-msg>span{display:inline-block;font-size:12.5px;line-height:1.45;padding:7px 12px;border-radius:14px;max-width:82%;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,0.04)}.tg-msg--user{justify-content:flex-end}.tg-msg--user>span{background:linear-gradient(135deg,#3ab8ff 0%,#229ED9 100%);color:#fff;border-bottom-right-radius:4px;font-weight:500}.tg-msg--bot{justify-content:flex-start}.tg-msg--bot>span{background:#f0f2f5;color:#0f172a;border-bottom-left-radius:4px;font-weight:500}.tg-msg--user{animation:tgUserMsgLoop 7.5s cubic-bezier(0.34,1.56,0.64,1) infinite}.tg-msg--qr{animation:tgBotMsgLoop 7.5s cubic-bezier(0.34,1.56,0.64,1) infinite}@keyframes tgUserMsgLoop{0%,17%{opacity:0;transform:translateY(8px) scale(0.95)}20%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tgBotMsgLoop{0%,24%{opacity:0;transform:translateY(8px) scale(0.95)}27%,100%{opacity:1;transform:translateY(0) scale(1)}}.tg-msg--qr>span.tg-qr-card{display:block;max-width:92%;padding:10px 12px 8px;background:#fff;border:1px solid rgba(0,136,204,0.18);border-left:3px solid #229ED9;border-radius:12px;border-bottom-left-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.05);position:relative}.tg-qr-card__head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:4px}.tg-qr-card__id{font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;font-size:11px;font-weight:700;color:#229ED9;letter-spacing:-0.2px}.tg-qr-card__title{font-size:12.5px;font-weight:700;color:#0f172a;line-height:1.25}.tg-qr-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:11px;color:#64748b;font-weight:500;margin-bottom:4px}.tg-qr-card__type{font-weight:600;color:#475569}.tg-qr-card__dot{color:#cbd5e1}.tg-qr-card__status{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-weight:600}.tg-qr-card__live{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,0.5);animation:tgQrLive 1.6s infinite}@keyframes tgQrLive{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.tg-qr-card__scans{color:#64748b}.tg-qr-card__link{display:block;font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;font-size:11px;color:#229ED9;text-decoration:underline;text-decoration-color:rgba(34,158,217,0.35);text-underline-offset:2px;word-break:break-all;margin-top:4px}.tg-qr-card__time{display:block;text-align:right;font-size:10px;color:#94a3b8;margin-top:4px;font-weight:500}.tg-chat-mock__keyboard{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.05);opacity:0;transform:translateY(14px);animation:tgKeyboardLoop 7.5s cubic-bezier(0.34,1.56,0.64,1) infinite}.tg-chat-mock__keyboard .tg-kb-btn{opacity:0}.tg-chat-mock__keyboard .tg-kb-btn:nth-child(1){animation:tgKb1Loop 7.5s ease infinite}.tg-chat-mock__keyboard .tg-kb-btn:nth-child(2){animation:tgKb2Loop 7.5s ease infinite}.tg-chat-mock__keyboard .tg-kb-btn:nth-child(3){animation:tgKb3Loop 7.5s ease infinite}.tg-chat-mock__keyboard .tg-kb-btn:nth-child(4){animation:tgKb4Loop 7.5s ease infinite}@keyframes tgKeyboardLoop{0%,28%{opacity:0;transform:translateY(14px)}30%,100%{opacity:1;transform:translateY(0)}}@keyframes tgKb1Loop{0%,29%{opacity:0;transform:translateY(6px) scale(0.96)}31%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tgKb2Loop{0%,29.5%{opacity:0;transform:translateY(6px) scale(0.96)}31.5%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tgKb3Loop{0%,30%{opacity:0;transform:translateY(6px) scale(0.96)}32%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tgKb4Loop{0%,30.5%{opacity:0;transform:translateY(6px) scale(0.96)}32.5%,100%{opacity:1;transform:translateY(0) scale(1)}}.tg-kb-btn{appearance:none;-webkit-appearance:none;cursor:default;font:inherit;font-size:11.5px;font-weight:600;color:#0f172a;background:#f1f3f5;border:1px solid rgba(0,0,0,0.04);border-radius:10px;padding:8px 10px;line-height:1.2;letter-spacing:-0.1px;transition:transform 0.2s ease,background 0.2s ease,box-shadow 0.2s ease,color 0.2s ease;box-shadow:0 1px 0 rgba(0,0,0,0.03);display:inline-flex;align-items:center;justify-content:center;gap:6px}.tg-kb-btn svg{flex-shrink:0;color:#229ED9;transition:color 0.2s ease}.tg-kb-btn:hover{background:#e8edf2;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,136,204,0.1)}.tg-kb-btn--danger svg{color:#ef4444}.tg-kb-btn--danger:hover{background:#fef2f2;color:#b91c1c;box-shadow:0 3px 8px rgba(239,68,68,0.12)}.tg-chat-mock__input{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;background:#f8f9fa;border-radius:20px;border:1px solid rgba(0,0,0,0.04);opacity:0;animation:tgInputLoop 7.5s ease infinite}@keyframes tgInputLoop{0%,2%{opacity:0;transform:translateY(4px)}4%,100%{opacity:1;transform:translateY(0)}}.tg-chat-mock__attach{display:inline-flex;color:#94a3b8;flex-shrink:0}.tg-chat-mock__placeholder{flex:1;position:relative;height:16px;overflow:hidden}.tg-ph-hint{position:absolute;inset:0;display:flex;align-items:center;font-size:11.5px;color:#94a3b8;font-weight:500;animation:tgHintLoop 7.5s ease infinite}@keyframes tgHintLoop{0%,6%{opacity:1}9%,20%{opacity:0}23%,100%{opacity:1}}.tg-ph-typed{position:absolute;inset:0;display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;color:#0f172a;font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;white-space:nowrap;overflow:hidden;width:0;animation:tgTypedLoop 7.5s steps(5,end) infinite}@keyframes tgTypedLoop{0%,7.3%{width:0}17.3%{width:3.5em}18%{width:0}100%{width:0}}.tg-caret{display:inline-block;width:1.5px;height:11px;background:#229ED9;margin-left:2px;flex-shrink:0;animation:tgCaretBlink 0.7s step-end infinite}@keyframes tgCaretBlink{50%{opacity:0}}.tg-chat-mock__send{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%);box-shadow:0 1px 3px rgba(0,0,0,0.08);transform:scale(0.9);animation:tgSendLoop 7.5s ease infinite}@keyframes tgSendLoop{0%,14.4%{background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%);transform:scale(0.9);box-shadow:0 1px 3px rgba(0,0,0,0.08)}16.5%{background:linear-gradient(135deg,#3ab8ff 0%,#229ED9 100%);transform:scale(1);box-shadow:0 2px 5px rgba(34,158,217,0.4)}18.1%{transform:scale(1.25) rotate(-15deg);background:linear-gradient(135deg,#3ab8ff 0%,#229ED9 100%);box-shadow:0 4px 12px rgba(34,158,217,0.6)}20.3%,100%{background:linear-gradient(135deg,#3ab8ff 0%,#229ED9 100%);transform:scale(1);box-shadow:0 2px 5px rgba(34,158,217,0.4)}}.tg-cta-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}.tg-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;background:#fff;color:#0088cc;border-radius:100px;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,0.14),inset 0 1px 0 rgba(255,255,255,0.9);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease}.tg-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.9)}.tg-cta svg{flex-shrink:0}.tg-cta__handle{font-weight:600;color:#5b95b8;padding-left:8px;border-left:1px solid rgba(0,136,204,0.18);font-size:12.5px}.tg-cta-guide{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:100px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;white-space:nowrap}.tg-cta-guide:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.4);transform:translateX(2px);color:#fff}.tg-cta-guide svg{flex-shrink:0;opacity:0.85;transition:transform 0.2s ease}.tg-cta-guide:hover svg{transform:translateX(2px);opacity:1}@media (max-width:560px){.tg-cta-row{flex-direction:column;align-items:stretch}.tg-cta,.tg-cta-guide{justify-content:center}}.bento-dual{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;height:100%;align-items:stretch}.bento-dual__main{display:flex;flex-direction:column;gap:10px;min-width:0}.bento-dual__main .bento-card__desc{margin-top:0}.bento-dual__aside{display:flex;align-items:center;justify-content:center;min-width:0}.bento-dynamic-pulse{display:flex;gap:6px;justify-content:center}.bento-dynamic-pulse span{width:7px;height:7px;border-radius:50%;background:var(--primary);opacity:0.35;animation:dynPulse 1.6s ease-in-out infinite}.bento-dynamic-pulse span:nth-child(2){animation-delay:0.2s}.bento-dynamic-pulse span:nth-child(3){animation-delay:0.4s}@keyframes dynPulse{0%,100%{transform:scale(1);opacity:0.35}50%{transform:scale(1.4);opacity:1}}.bento-stat-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:18px 14px;background:rgba(255,255,255,0.55);border:1px solid rgba(43,111,103,0.12);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 1px 2px rgba(43,111,103,0.04)}.bento-stat-block .bento-card__stat{font-size:56px;margin-bottom:0;line-height:1}.bento-stat-block .bento-card__stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:var(--primary);opacity:0.75;margin-bottom:6px;text-align:center}.bento-card--analytics .bento-card__head{flex-wrap:wrap}.bento-live-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;padding:4px 9px;border-radius:100px;background:rgba(255,59,48,0.08);color:#ff3b30;border:1px solid rgba(255,59,48,0.18)}.bento-live-pill i{width:6px;height:6px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgba(255,59,48,0.55);animation:livePulse 1.6s infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(255,59,48,0.55)}70%{box-shadow:0 0 0 7px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}.bento-spark{width:100%;height:60px;margin:8px 0 12px;display:block}.bento-spark__line{stroke-dasharray:420;stroke-dashoffset:420;animation:sparkDraw 2.4s cubic-bezier(0.4,0,0.2,1) forwards}.bento-spark__area{opacity:0;animation:sparkFadeIn 1s ease 1.4s forwards}.bento-spark__dot{opacity:0;animation:sparkDotIn 0.5s ease 2.2s forwards,sparkDotPulse 1.8s ease-in-out 2.7s infinite}@keyframes sparkDraw{to{stroke-dashoffset:0}}@keyframes sparkFadeIn{to{opacity:1}}@keyframes sparkDotIn{to{opacity:1}}@keyframes sparkDotPulse{0%,100%{r:3.5}50%{r:5}}.bento-api-snippet{font-family:ui-monospace,'SFMono-Regular','Menlo','Monaco','Cascadia Code','Roboto Mono',monospace;font-size:11.5px;line-height:1.65;background:linear-gradient(165deg,#0f172a 0%,#1e293b 100%);color:#cbd5e1;padding:12px 14px;border-radius:12px;margin:4px 0 12px;overflow:hidden;white-space:pre;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.bento-api-snippet .tok-method{color:#4ade80;font-weight:700}.bento-api-snippet .tok-path{color:#60a5fa}.bento-api-snippet .tok-key{color:#f472b6}.bento-api-snippet .tok-str{color:#fcd34d}.bento-api-snippet .tok-comment{color:#64748b;font-style:italic}.bento-bulk-stat{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:8px 14px;align-self:flex-start;background:rgba(43,111,103,0.06);border:1px solid rgba(43,111,103,0.12);border-radius:100px;font-size:13px;font-weight:800;color:var(--primary);letter-spacing:0.4px}.bento-bulk-stat__num{font-family:ui-monospace,'SFMono-Regular','Menlo',monospace}.bento-bulk-stat__sep{opacity:0.7}.bento-bulk-anim{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,auto);grid-template-rows:repeat(3,auto);column-gap:14px;row-gap:10px;align-items:center;padding:14px 16px;width:100%;background:rgba(255,255,255,0.55);border:1px solid rgba(43,111,103,0.08);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6)}.bento-bulk-anim__row{grid-column:1;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(43,111,103,0.22) 0%,rgba(43,111,103,0.06) 100%);animation:bulkRowSlide 3.2s ease-in-out infinite}.bento-bulk-anim__row:nth-of-type(1){grid-row:1;animation-delay:0s;width:92%}.bento-bulk-anim__row:nth-of-type(2){grid-row:2;animation-delay:0.2s;width:78%}.bento-bulk-anim__row:nth-of-type(3){grid-row:3;animation-delay:0.4s;width:86%}@keyframes bulkRowSlide{0%,15%{opacity:0;transform:translateX(-10px)}25%,70%{opacity:1;transform:translateX(0)}90%,100%{opacity:0.35;transform:translateX(0)}}.bento-bulk-anim__arrow{grid-column:2;grid-row:1 / -1;align-self:center;color:var(--primary);font-size:20px;font-weight:700;line-height:1;opacity:0.55;animation:bulkArrowPulse 3.2s ease-in-out infinite}@keyframes bulkArrowPulse{0%,40%{transform:translateX(-3px);opacity:0.25}60%,100%{transform:translateX(0);opacity:0.75}}.bento-bulk-anim__qr{grid-column:3;width:24px;height:24px;border-radius:5px;background:linear-gradient(45deg,transparent 45%,#2B6F67 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#2B6F67 45% 55%,transparent 55%),rgba(43,111,103,0.12);background-size:6px 6px,6px 6px,100% 100%;animation:bulkQrIn 3.2s ease-in-out infinite;opacity:0}.bento-bulk-anim__qr:nth-of-type(1){grid-row:1;animation-delay:1.1s}.bento-bulk-anim__qr:nth-of-type(2){grid-row:2;animation-delay:1.3s}.bento-bulk-anim__qr:nth-of-type(3){grid-row:3;animation-delay:1.5s}@keyframes bulkQrIn{0%,30%{opacity:0;transform:scale(0.5)}50%,85%{opacity:1;transform:scale(1)}100%{opacity:0.4;transform:scale(0.9)}}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:14px}.bento-card--hero{grid-column:span 2;grid-row:auto;min-height:auto}.bento-card--large{grid-column:span 2}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-card,.bento-card--large,.bento-card--hero{grid-column:span 1}.bento-dual{grid-template-columns:1fr;gap:14px}.bento-secure-grid{grid-template-columns:1fr}.bento-secure-tile{flex-direction:row;justify-content:flex-start;text-align:left;padding:10px 14px}.bento-stat-block .bento-card__stat{font-size:44px}.bento-hero__title{font-size:19px}.bento-hero__avatar{width:46px;height:46px}.bento-hero__tg-icon{width:34px;height:34px}.tg-msg>span{font-size:12px;max-width:88%}.tg-cta__handle{display:none}.section-bento{padding:64px 0}.bento-header h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.bento-hero__glow,.bento-dynamic-pulse span,.bento-spark__line,.bento-spark__area,.bento-spark__dot,.bento-bulk-anim__row,.bento-bulk-anim__arrow,.bento-bulk-anim__qr,.bento-live-pill i,.tg-msg,.tg-msg--user,.tg-msg--qr,.tg-chat-mock__keyboard,.tg-chat-mock__keyboard .tg-kb-btn,.tg-chat-mock__input,.tg-ph-hint,.tg-ph-typed,.tg-chat-mock__send,.tg-caret,.tg-qr-card__live,.bento-card--glow::before{animation:none!important}.tg-msg,.tg-chat-mock__keyboard,.tg-chat-mock__keyboard .tg-kb-btn,.tg-chat-mock__input,.tg-ph-hint{opacity:1;transform:none}.tg-ph-typed{display:none}.tg-chat-mock__send{background:linear-gradient(135deg,#3ab8ff 0%,#229ED9 100%);transform:scale(1);box-shadow:0 2px 5px rgba(34,158,217,0.4)}}.qr-types-grid-premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qr-types-expand-bar{display:none;cursor:pointer;position:relative;margin-top:-60px;padding:48px 0 16px;background:linear-gradient(to bottom,transparent 0%,var(--bg) 50%);text-align:center;z-index:2;-webkit-tap-highlight-color:transparent}.qr-types-expand-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0.02em}.qr-types-expand-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:8px auto 0;border-radius:50%;background:var(--card);border:1.5px solid var(--border);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease}.qr-types-expand-bar:hover .qr-types-expand-arrow{border-color:var(--primary);box-shadow:0 4px 16px rgba(43,111,103,0.15);transform:translateY(2px)}.qr-types-expand-arrow svg{transition:transform 0.3s ease}.qr-types-expand-bar.active{margin-top:0;padding:16px 0;background:none}.qr-types-expand-bar.active .qr-types-expand-label{display:none}.qr-types-expand-bar.active .qr-types-expand-arrow svg{transform:rotate(180deg)}.qr-type-card-p{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid rgba(0,0,0,0.04);border-radius:14px;background:#fff;cursor:pointer;text-decoration:none;color:inherit;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.02)}.qr-type-card-p:hover{border-color:rgba(43,111,103,0.15);box-shadow:0 8px 24px rgba(43,111,103,0.1);transform:translateY(-4px)}.qr-type-icon-p{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(43,111,103,0.06);color:var(--primary)}.qr-type-card-p .qr-type-card-text{min-width:0;overflow:hidden}.qr-type-card-p h3{font-size:15px;font-weight:600;margin-bottom:2px;white-space:nowrap}.qr-type-card-p p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:12px}.zigzag-features{display:flex;flex-direction:column;gap:80px}.zigzag-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.zigzag-text{position:sticky;top:100px}.zigzag-row-reverse{direction:rtl}.zigzag-row-reverse>*{direction:ltr}.zigzag-text h3{font-size:30px;font-weight:800;margin-bottom:18px;color:var(--dark);line-height:1.25;letter-spacing:-0.5px}.zigzag-text p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:20px}.zigzag-desc-extra{font-size:14px!important;color:var(--body)!important;line-height:1.6!important;margin-bottom:24px!important}.zigzag-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;padding:5px 14px;border-radius:20px;background:rgba(43,111,103,0.08);color:var(--primary);margin-bottom:14px}.zigzag-badge-blue{background:var(--primary-ghost);color:var(--primary-dark)}.zigzag-badge-purple{background:var(--primary-ghost);color:var(--primary-dark)}.zigzag-highlights{display:flex;gap:24px;margin-bottom:24px;padding:18px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.zigzag-highlight-item{display:flex;flex-direction:column;gap:2px}.zigzag-highlight-num{font-size:34px;font-weight:900;color:var(--primary);line-height:1.1;letter-spacing:-1px}.zigzag-text:has(.zigzag-badge-blue) .zigzag-highlight-num{color:var(--primary-dark)}.zigzag-text:has(.zigzag-badge-purple) .zigzag-highlight-num{color:var(--primary-dark)}.zigzag-highlight-label{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap}@media (max-width:480px){.zigzag-highlights{gap:16px;flex-wrap:wrap}.zigzag-highlight-num{font-size:22px}}.zigzag-checks{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}.zigzag-checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media (max-width:480px){.zigzag-checks-grid{grid-template-columns:1fr}}.zigzag-checks li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--body);font-weight:500}.zigzag-checks li svg{flex-shrink:0;color:var(--primary)}.zigzag-visual{background:linear-gradient(145deg,#f8fffe 0%,#eef8f6 100%);border:1px solid rgba(43,111,103,0.08);border-radius:24px;padding:40px 24px;min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.zigzag-visual::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(43,111,103,0.04);top:-40px;right:-40px}.zigzag-visual-inner{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.zigzag-img{width:100%;max-width:520px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.04)}.zz-mockup{width:100%;max-width:520px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.06);background:#fff;font-size:12px}.zz-mock-body-lg{padding:20px;gap:14px}.zz-mock-toolbar{background:#f8fafc;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0}.zz-mock-dots{display:flex;gap:5px}.zz-mock-dots span{width:8px;height:8px;border-radius:50%}.zz-mock-dots span:nth-child(1){background:#ef4444}.zz-mock-dots span:nth-child(2){background:#f59e0b}.zz-mock-dots span:nth-child(3){background:#22c55e}.zz-mock-url{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 12px;font-size:11px;color:var(--muted);text-align:center}.zz-mock-body{padding:20px;display:flex;flex-direction:column;gap:16px}.zz-stage{width:100%;max-width:400px;margin:0 auto}.zz-stage-dots{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.zz-stage-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:background 0.3s}.zz-stage-dot-1{animation:zzDot1 9s ease infinite}.zz-stage-dot-2{animation:zzDot2 9s ease infinite}.zz-stage-dot-3{animation:zzDot3 9s ease infinite}@keyframes zzDot1{0%,28%{background:var(--primary);box-shadow:0 0 6px rgba(43,111,103,0.3)}33%,100%{background:#e2e8f0;box-shadow:none}}@keyframes zzDot2{0%,32%{background:#e2e8f0;box-shadow:none}37%,61%{background:var(--primary);box-shadow:0 0 6px rgba(43,111,103,0.3)}66%,100%{background:#e2e8f0;box-shadow:none}}@keyframes zzDot3{0%,65%{background:#e2e8f0;box-shadow:none}70%,95%{background:var(--primary);box-shadow:0 0 6px rgba(43,111,103,0.3)}100%{background:#e2e8f0;box-shadow:none}}.zz-stage-labels{position:relative;height:22px;margin-bottom:16px;text-align:center}.zz-stage-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--dark);opacity:0}.zz-stage-label-1{animation:zzLabel1 9s ease infinite}.zz-stage-label-2{animation:zzLabel2 9s ease infinite}.zz-stage-label-3{animation:zzLabel3 9s ease infinite}@keyframes zzLabel1{0%,3%{opacity:0;transform:translateY(8px)}6%,27%{opacity:1;transform:translateY(0)}30%,100%{opacity:0;transform:translateY(-8px)}}@keyframes zzLabel2{0%,32%{opacity:0;transform:translateY(8px)}36%,60%{opacity:1;transform:translateY(0)}63%,100%{opacity:0;transform:translateY(-8px)}}@keyframes zzLabel3{0%,65%{opacity:0;transform:translateY(8px)}69%,93%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-8px)}}.zz-stage-viewport{position:relative;min-height:340px;background:#fff;border:1px solid #e8ecf0;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06);overflow:hidden}.zz-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;opacity:0}.zz-scene-1{animation:zzScene1 9s ease infinite}.zz-scene-2{animation:zzScene2 9s ease infinite}.zz-scene-3{animation:zzScene3 9s ease infinite}@keyframes zzScene1{0%,3%{opacity:0;transform:scale(0.95)}6%,27%{opacity:1;transform:scale(1)}30%,100%{opacity:0;transform:scale(1.03)}}@keyframes zzScene2{0%,32%{opacity:0;transform:scale(0.95)}36%,60%{opacity:1;transform:scale(1)}63%,100%{opacity:0;transform:scale(1.03)}}@keyframes zzScene3{0%,65%{opacity:0;transform:scale(0.95)}69%,93%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1.03)}}.zz-scene-content-types{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;width:100%}.zz-scene-type-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0;transition:all 0.3s}.zz-scene-type-active{background:rgba(43,111,103,0.08);color:var(--primary);border-color:var(--primary)}.zz-scene-gen-btn{background:var(--primary);color:#fff;border:none;padding:5px 14px;border-radius:7px;font-size:11px;font-weight:700;cursor:default;white-space:nowrap}.zz-scene-gen-btn-lg{padding:10px 32px;border-radius:10px;font-size:13px;margin-bottom:18px}.zz-scene-qr-build{animation:zzQrBuild 9s ease infinite}@keyframes zzQrBuild{0%,3%{opacity:0;transform:scale(0.6) rotate(-5deg)}8%,27%{opacity:1;transform:scale(1) rotate(0)}30%{opacity:0;transform:scale(0.9)}31%,100%{opacity:0}}.zz-scene-qr-svg{width:150px;height:150px;filter:drop-shadow(0 4px 12px rgba(43,111,103,0.15))}.zz-scene-ready{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 18px;background:#ecfdf5;border-radius:20px;font-size:12px;font-weight:600;color:#059669;animation:zzReadyFade 9s ease infinite}@keyframes zzReadyFade{0%,10%{opacity:0;transform:translateY(6px)}14%,27%{opacity:1;transform:translateY(0)}30%,100%{opacity:0}}.zz-scene-ready-dot{width:7px;height:7px;border-radius:50%;background:#059669;animation:zzPulse 1.5s ease-in-out infinite}@keyframes zzPulse{0%,100%{opacity:1}50%{opacity:0.4}}.zz-scene-phone{width:140px;height:260px;background:#1a1a2e;border-radius:24px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,0.2)}.zz-scene-phone-notch{width:50px;height:6px;background:#2a2a3e;border-radius:3px;margin:6px auto 0}.zz-scene-phone-cam{background:#0f172a;border-radius:18px;margin-top:6px;height:calc(100% - 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden}.zz-scene-vf{width:80px;height:80px;position:relative}.zz-scene-vf-corner{position:absolute;width:16px;height:16px;border-color:#10b981;border-style:solid;border-width:0}.zz-scene-vf-tl{top:0;left:0;border-top-width:3px;border-left-width:3px;border-radius:5px 0 0 0}.zz-scene-vf-tr{top:0;right:0;border-top-width:3px;border-right-width:3px;border-radius:0 5px 0 0}.zz-scene-vf-bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 5px}.zz-scene-vf-br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 5px 0}.zz-scene-vf-laser{position:absolute;left:4px;right:4px;height:2px;background:linear-gradient(90deg,transparent,#10b981,transparent);border-radius:1px;animation:zzLaser 2s ease-in-out infinite}@keyframes zzLaser{0%{top:6px;opacity:0.4}50%{top:66px;opacity:1}100%{top:6px;opacity:0.4}}.zz-scene-cam-label{font-size:10px;color:rgba(255,255,255,0.5);font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.zz-scene-browser{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.06)}.zz-scene-browser-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.zz-scene-browser-dots{display:flex;gap:4px}.zz-scene-browser-dots i{width:7px;height:7px;border-radius:50%;display:block}.zz-scene-browser-dots i:nth-child(1){background:#ef4444}.zz-scene-browser-dots i:nth-child(2){background:#f59e0b}.zz-scene-browser-dots i:nth-child(3){background:#22c55e}.zz-scene-browser-url{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11px;color:var(--body);font-weight:500;flex:1}.zz-scene-browser-body{padding:20px;background:#fff}.zz-scene-page-hero{height:60px;background:linear-gradient(135deg,rgba(43,111,103,0.08),rgba(14,165,233,0.06));border-radius:8px;margin-bottom:14px}.zz-scene-page-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.zz-scene-line{height:8px;background:#f1f5f9;border-radius:4px}.zz-scene-page-cta{display:inline-block;background:var(--primary);color:#fff;padding:8px 24px;border-radius:8px;font-size:11px;font-weight:700}.zz-scene-success{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:700;color:#059669;animation:zzSuccessBounce 9s ease infinite}@keyframes zzSuccessBounce{0%,72%{opacity:0;transform:translateY(8px)}76%,93%{opacity:1;transform:translateY(0)}97%,100%{opacity:0}}@media (max-width:480px){.zz-stage{max-width:100%}.zz-stage-viewport{min-height:280px}.zz-scene-phone{width:110px;height:210px}.zz-scene-qr-svg{width:110px;height:110px}}.zz-ana-header{display:flex;justify-content:space-between;align-items:center}.zz-ana-page-title{font-size:14px;font-weight:700;color:var(--dark)}.zz-ana-pills{display:flex;gap:2px;background:#f1f5f9;border-radius:6px;padding:2px}.zz-ana-pill{padding:3px 10px;font-size:10px;font-weight:600;border-radius:4px;color:var(--muted);cursor:default}.zz-ana-pill-active{background:#fff;color:var(--dark);box-shadow:0 1px 2px rgba(0,0,0,0.06)}.zz-ana-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zz-ana-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.zz-ana-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zz-ana-icon-scans{background:rgba(43,111,103,0.1);color:var(--primary)}.zz-ana-icon-unique{background:rgba(14,165,233,0.1);color:#0EA5E9}.zz-ana-icon-today{background:rgba(245,158,11,0.1);color:#F59E0B}.zz-ana-stat-info{display:flex;flex-direction:column}.zz-ana-stat-num{font-size:15px;font-weight:700;color:var(--dark);line-height:1.2}.zz-ana-stat-label{font-size:9px;color:var(--muted)}.zz-ana-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.zz-ana-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zz-ana-card-title{font-size:11px;font-weight:700;color:var(--dark)}.zz-ana-card-badge{font-size:9px;color:var(--muted);background:#f1f5f9;padding:2px 8px;border-radius:4px}.zz-ana-chart-row{display:grid;grid-template-columns:1fr 0.45fr;gap:10px}.zz-ana-line-chart{width:100%;height:90px;overflow:hidden;border-radius:6px}.zz-line-svg{width:100%;height:100%;display:block}.zz-ana-hourly-bars{display:flex;align-items:flex-end;gap:2px;height:65px}.zz-hbar{flex:1;border-radius:2px 2px 0 0;background:rgba(43,111,103,0.2);min-height:2px}.zz-hbar-peak{background:var(--primary)}.zz-hbar[data-h="10%"]{height:10%}.zz-hbar[data-h="15%"]{height:15%}.zz-hbar[data-h="18%"]{height:18%}.zz-hbar[data-h="20%"]{height:20%}.zz-hbar[data-h="25%"]{height:25%}.zz-hbar[data-h="35%"]{height:35%}.zz-hbar[data-h="40%"]{height:40%}.zz-hbar[data-h="45%"]{height:45%}.zz-hbar[data-h="50%"]{height:50%}.zz-hbar[data-h="55%"]{height:55%}.zz-hbar[data-h="65%"]{height:65%}.zz-hbar[data-h="70%"]{height:70%}.zz-hbar[data-h="78%"]{height:78%}.zz-hbar[data-h="82%"]{height:82%}.zz-hbar[data-h="85%"]{height:85%}.zz-hbar[data-h="88%"]{height:88%}.zz-hbar[data-h="92%"]{height:92%}.zz-hbar[data-h="95%"]{height:95%}.zz-hbar[data-h="100%"]{height:100%}.zz-ana-hourly-labels{display:flex;justify-content:space-between;margin-top:4px}.zz-ana-hourly-labels span{font-size:8px;color:var(--muted)}.zz-ana-bottom-row{display:grid;grid-template-columns:1fr 0.45fr;gap:10px}.zz-ana-country-list{display:flex;flex-direction:column;gap:6px}.zz-ana-country{display:grid;grid-template-columns:16px 52px 1fr 36px;align-items:center;gap:4px}.zz-ana-country-name{font-size:10px;color:var(--dark);font-weight:500;white-space:nowrap}.zz-ana-country-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.zz-ana-country-fill{height:100%;background:var(--primary);border-radius:3px}.zz-ana-country-fill[data-w="62%"]{width:62%}.zz-ana-country-fill[data-w="28%"]{width:28%}.zz-ana-country-fill[data-w="22%"]{width:22%}.zz-ana-country-fill[data-w="15%"]{width:15%}.zz-ana-country-fill[data-w="12%"]{width:12%}.zz-ana-country-fill[data-w="9%"]{width:9%}.zz-ana-country-pct{font-size:10px;color:var(--muted);text-align:right}.zz-ana-donut-wrap{display:flex;justify-content:center;margin:4px 0}.zz-ana-donut{width:82px;height:82px}.zz-ana-donut-legend{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--body)}.zz-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.zz-dot[data-color="var(--primary)"]{background:var(--primary)}.zz-dot[data-color="#0EA5E9"]{background:#0EA5E9}.zz-dot[data-color="#F59E0B"]{background:#F59E0B}.zz-ana-card-map{flex:1.2}.zz-ana-card-countries{flex:0.8}.zz-ana-map-area{position:relative;padding:4px 0;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-radius:6px;overflow:hidden}.zz-map-container{position:relative;width:100%}.zz-map-img{width:100%;height:auto;display:block;opacity:0.35;filter:grayscale(100%)}.zz-map-pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zz-map-svg{width:100%;height:auto;display:block}.zz-ana-country-flag{font-size:11px;flex-shrink:0}.zz-map-toggles{display:flex;gap:4px}.zz-map-toggle{font-size:8px;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:var(--muted);font-weight:600;cursor:default}.zz-map-toggle-active{background:var(--primary);color:#fff}.zz-ana-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.zz-ana-mini-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:8px 6px;text-align:center}.zz-ana-mini-title{font-size:8px;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:0.3px;display:block;margin-bottom:4px}.zz-ana-mini-donut-wrap{display:flex;justify-content:center;margin:2px 0 4px}.zz-ana-mini-donut{width:44px;height:44px}.zz-ana-mini-legend{display:flex;flex-direction:column;gap:2px;font-size:8px;color:var(--body);align-items:center}.zz-ana-mini-legend span{display:flex;align-items:center;gap:3px;white-space:nowrap}.zz-ana-mini-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.zz-ana-mini-legend i[data-c="var(--primary)"]{background:var(--primary)}.zz-ana-mini-legend i[data-c="#0EA5E9"]{background:#0EA5E9}.zz-ana-mini-legend i[data-c="#22c55e"]{background:#22c55e}.zz-ana-mini-legend i[data-c="#64748b"]{background:#64748b}.zz-ana-mini-legend i[data-c="#F59E0B"]{background:#F59E0B}.zz-ana-mini-legend i[data-c="#8b5cf6"]{background:#8b5cf6}.zz-ana-mini-legend i[data-c="#ef4444"]{background:#ef4444}.zz-ana-mini-legend i[data-c="#06b6d4"]{background:#06b6d4}.zz-ana-ai-card{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(43,111,103,0.06),rgba(14,165,233,0.06));border:1px solid rgba(43,111,103,0.12);border-radius:8px;padding:8px 12px}.zz-ana-ai-icon{font-size:14px;flex-shrink:0}.zz-ana-ai-text{font-size:9px;color:var(--dark);line-height:1.4;font-weight:500}.zz-des-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.zz-des-editor-title{font-size:13px;font-weight:800;color:var(--dark);letter-spacing:-0.3px}.zz-des-editor-tabs{display:flex;gap:2px;background:#f1f5f9;border-radius:8px;padding:2px}.zz-des-tab{font-size:9px;font-weight:600;padding:4px 10px;border-radius:6px;color:var(--muted);cursor:default;white-space:nowrap}.zz-des-tab-active{background:#fff;color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,0.08)}.zz-des-panel{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px;margin-bottom:12px}.zz-des-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.zz-des-panel-group{display:flex;flex-direction:column;gap:6px}.zz-des-label{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.4px}.zz-des-color-picker{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px}.zz-des-swatch{width:22px;height:22px;border-radius:6px;border:2px solid #e2e8f0;flex-shrink:0}.zz-des-swatch[data-bg="#2B6F67"]{background:#2B6F67;border-color:var(--primary)}.zz-des-swatch[data-bg="#FFFFFF"]{background:#fff}.zz-des-hex{font-size:10px;font-weight:600;color:var(--dark);font-family:'SF Mono','Fira Code',monospace;letter-spacing:0.3px}.zz-des-modules{display:flex;flex-direction:column;gap:8px}.zz-des-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zz-des-module-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:default;transition:border-color 0.15s,background 0.15s;color:var(--muted)}.zz-des-module-item span{font-size:8px;font-weight:600;white-space:nowrap}.zz-des-module-active{border-color:var(--primary);background:rgba(43,111,103,0.04);color:var(--primary)}.zz-des-module-active span{color:var(--primary);font-weight:700}.zz-des-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zz-des-feat-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 10px;text-align:center;transition:border-color 0.15s}.zz-des-feat-card:hover{border-color:rgba(43,111,103,0.2)}.zz-des-feat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.zz-des-feat-icon-pattern{background:rgba(43,111,103,0.1);color:var(--primary)}.zz-des-feat-icon-frame{background:rgba(14,165,233,0.1);color:#0EA5E9}.zz-des-feat-icon-logo{background:rgba(139,92,246,0.1);color:#8b5cf6}.zz-des-feat-icon-live{background:rgba(245,158,11,0.1);color:#F59E0B}.zz-des-feat-title{display:block;font-size:10px;font-weight:700;color:var(--dark);margin-bottom:3px}.zz-des-feat-desc{display:block;font-size:8px;color:var(--muted);line-height:1.3}@media (max-width:480px){.zz-des-editor-header{flex-direction:column;gap:8px;align-items:flex-start}.zz-des-features-grid{grid-template-columns:1fr}.zz-des-panel-row{grid-template-columns:1fr}}@media (max-width:480px){.zz-mockup{font-size:11px}.zz-ana-stats{grid-template-columns:1fr 1fr}.zz-ana-stats .zz-ana-stat-card:last-child{grid-column:1 / -1}.zz-ana-chart-row{grid-template-columns:1fr}.zz-ana-bottom-row{grid-template-columns:1fr}.zz-ana-four-grid{grid-template-columns:repeat(2,1fr)}.zz-flow{max-width:100%}.zz-flow-qr{width:80px;height:80px}.zz-ana-stat-num{font-size:14px}}.section-usecases-marquee{background:#0f172a;padding:28px 0;overflow:hidden}.marquee-track{position:relative;width:100%}.marquee-content{display:flex;gap:14px;animation:marquee-scroll 35s linear infinite;width:max-content}.marquee-pill{padding:10px 24px;border:1px solid rgba(255,255,255,0.12);border-radius:100px;font-size:14px;color:rgba(255,255,255,0.65);white-space:nowrap;flex-shrink:0;transition:var(--transition);text-decoration:none}.marquee-pill:hover{border-color:rgba(255,255,255,0.35);color:#fff;text-decoration:none}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.faq-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.faq-tab{padding:8px 20px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition)}.faq-tab:hover{color:var(--dark);border-color:var(--dark)}.faq-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.faq-tab-content{display:none}.faq-tab-content.active{display:block}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:15px}.qr-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qr-type-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;text-decoration:none;color:var(--dark);font-size:14px;font-weight:500;transition:var(--transition)}.qr-type-card:hover{border-color:var(--primary);box-shadow:var(--shadow);color:var(--primary);transform:translateY(-2px)}.qr-type-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.pricing-hero{padding:60px 0 40px;text-align:center}.pricing-hero-content h1{font-size:36px;font-weight:800;margin-bottom:10px;color:var(--dark)}.pricing-hero-content p{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto 32px}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:0}.pricing-label{font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition)}.pricing-label.active{color:var(--dark);font-weight:600}.pricing-save-badge{display:inline-block;background:#dcfce7;color:#16a34a;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-left:6px;vertical-align:middle}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:26px;transition:var(--transition)}.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:var(--transition);box-shadow:var(--shadow-sm)}.toggle-switch input:checked + .toggle-slider{background:var(--primary)}.toggle-switch input:checked + .toggle-slider::before{transform:translateX(22px)}.pricing-cards-section{padding:40px 0 60px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.pricing-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px;position:relative;transition:var(--transition);display:flex;flex-direction:column}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.popular{border:2px solid var(--primary);box-shadow:0 8px 40px rgba(43,111,103,0.12);background:linear-gradient(180deg,#f0faf8 0%,#fff 40%)}.pricing-card.business{background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);border-color:transparent;color:#fff}.pricing-card.business .pricing-plan-desc,.pricing-card.business .pricing-highlights-label,.pricing-card.business .price-period,.pricing-card.business .price-billed-yearly{color:rgba(255,255,255,0.6)}.pricing-card.business .price-amount{color:#fff}.pricing-card.business .pricing-plan-icon{background:rgba(255,255,255,0.1);color:#fff}.pricing-card.business .pricing-plan-name{color:#fff}.pricing-card.business .pricing-highlights ul li{color:rgba(255,255,255,0.85)}.pricing-card.business .pricing-feat-note{color:rgba(255,255,255,0.5)}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:5px 18px;border-radius:var(--radius-full);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:0.3px;text-transform:uppercase}.pricing-plan-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--primary)}.pricing-card.popular .pricing-plan-icon{background:rgba(43,111,103,0.1);color:var(--primary)}.pricing-plan-name{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--dark)}.pricing-plan-desc{font-size:13px;color:var(--muted);line-height:1.4;margin-bottom:0}.pricing-price{margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.pricing-card.business .pricing-price{border-color:rgba(255,255,255,0.1)}.price-amount{font-size:44px;font-weight:800;color:var(--dark);line-height:1;letter-spacing:-1px}.price-period{font-size:14px;color:var(--muted)}.price-billed-yearly{font-size:12px;color:var(--muted);width:100%;margin-top:4px}.pricing-action{margin-bottom:20px}.pricing-action .btn{padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px}.btn-dark{background:#fff;color:#1a1a2e;border:none;font-weight:700}.btn-dark:hover{background:#f0f0f0}.pricing-highlights{flex:1}.pricing-highlights-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;display:block}.pricing-highlights ul{list-style:none;padding:0;margin:0}.pricing-highlights ul li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:var(--body)}.pricing-highlights ul li svg{flex-shrink:0}.pricing-feat-note{font-size:11px;color:var(--muted);margin-left:2px}.pricing-highlights ul li.pricing-feat-highlight{font-weight:600;color:var(--dark)}.pricing-feat-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#229ED9 0%,#1a7eb0 100%);color:#fff;letter-spacing:0.5px;margin-left:6px;box-shadow:0 1px 3px rgba(34,158,217,0.35)}.pricing-card.business .pricing-feat-badge{background:linear-gradient(135deg,#fff 0%,#e0f2ff 100%);color:#1a7eb0}.feat-card-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,#229ED9 0%,#1a7eb0 100%);color:#fff;letter-spacing:0.6px;box-shadow:0 2px 6px rgba(34,158,217,0.35);z-index:1}.feat-diff-section{background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);position:relative}.feat-diff-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:var(--primary-ghost);padding:6px 14px;border-radius:20px;margin-bottom:16px}.feat-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.feat-diff-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px 24px 24px;transition:all 0.25s ease;overflow:hidden}.feat-diff-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--diff-clr,var(--primary))}.feat-diff-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);border-color:var(--diff-clr,var(--primary))}.feat-diff-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;padding:4px 9px;border-radius:6px;background:var(--diff-clr,var(--primary));color:#fff;letter-spacing:0.6px;box-shadow:0 2px 8px color-mix(in srgb,var(--diff-clr,#2B6F67) 35%,transparent)}.feat-diff-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--diff-clr) 12%,transparent);color:var(--diff-clr);margin-bottom:18px}.feat-diff-title{font-size:18px;font-weight:700;color:var(--dark);margin:0 0 8px;letter-spacing:-0.3px}.feat-diff-desc{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 20px}.feat-diff-compare{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:8px}.feat-diff-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.feat-diff-label{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0.4px}.feat-diff-row--us .feat-diff-value{display:inline-flex;align-items:center;gap:6px;color:var(--diff-clr);font-weight:700}.feat-diff-row--them .feat-diff-value{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-weight:500}.feat-diff-row--us .feat-diff-value svg{background:var(--diff-clr);color:#fff;border-radius:50%;padding:3px}.feat-diff-row--them .feat-diff-value svg{background:#f1f5f9;color:#94a3b8;border-radius:50%;padding:3px}@media (max-width:768px){.feat-diff-grid{grid-template-columns:1fr}}.feat-diff-table{max-width:920px;margin:48px auto 0;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.04)}.feat-diff-table-head{display:grid;grid-template-columns:1fr 130px 200px;padding:18px 24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid var(--border);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.6px;color:var(--muted)}.feat-diff-table-col-us{color:var(--primary);text-align:center}.feat-diff-table-col-them{color:#94a3b8;text-align:center}.feat-diff-table-row{display:grid;grid-template-columns:1fr 130px 200px;padding:16px 24px;align-items:center;border-bottom:1px solid #f1f5f9;transition:background 0.15s}.feat-diff-table-row:last-child{border-bottom:0}.feat-diff-table-row:hover{background:#fafbfc}.feat-diff-table-feature{font-size:14px;font-weight:600;color:var(--dark)}.feat-diff-table-cell{display:flex;align-items:center;justify-content:center}.feat-diff-table-cell--us svg{background:var(--primary);color:#fff;border-radius:50%;padding:5px;box-shadow:0 2px 8px var(--primary-ghost)}.feat-diff-table-them-label{font-size:12px;color:#94a3b8;font-style:italic;text-align:center}@media (max-width:768px){.feat-diff-table-head,.feat-diff-table-row{grid-template-columns:1fr 60px 100px;padding:14px 16px;gap:8px}.feat-diff-table-feature{font-size:13px}.feat-diff-table-them-label{font-size:11px}}.pricing-compare-section{padding:60px 0 80px;background:var(--bg-alt)}.pricing-compare-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px}.pricing-compare-subtitle{font-size:15px;color:var(--muted);text-align:center;margin-bottom:40px}.pricing-compare-table{background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border)}.pricing-compare-header,.pricing-compare-row,.pricing-compare-cta{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center}.pricing-compare-header{background:var(--bg-alt);border-bottom:2px solid var(--border);font-weight:700;font-size:14px;padding:16px 0}.pricing-compare-header .pricing-compare-feature{padding-left:24px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:0.5px}.pricing-compare-header .pricing-compare-plan{text-align:center;padding:8px 12px;color:var(--dark);font-size:15px}.pricing-compare-header .pricing-compare-plan.highlight{color:var(--primary)}.pricing-compare-row{padding:0;border-bottom:1px solid rgba(0,0,0,0.04);transition:background 0.15s}.pricing-compare-row:hover{background:rgba(0,0,0,0.01)}.pricing-compare-row:last-child{border-bottom:none}.pricing-compare-feature{padding:13px 24px;font-size:13px;font-weight:500;color:var(--body)}.pricing-compare-cell{text-align:center;padding:13px 12px;font-size:13px}.pricing-compare-cell.highlight{background:rgba(43,111,103,0.03)}.pricing-compare-cell svg{display:inline-block;vertical-align:middle}.pricing-val-text{font-weight:600;color:var(--dark);font-size:13px}.pricing-val-text.unlimited{color:var(--primary);font-weight:700}.pricing-compare-cta{padding:20px 0;border-top:2px solid var(--border)}.pricing-compare-cta .pricing-compare-cell{padding:8px 16px}.pricing-compare-cta .btn{font-size:13px;padding:8px 18px}.btn-sm{font-size:13px;padding:8px 18px}.faq-list{max-width:860px;margin:0 auto}.faq-list{box-shadow:0 2px 16px rgba(0,0,0,0.04);border-radius:16px;overflow:hidden}.faq-item{border:1px solid rgba(0,0,0,0.04);border-bottom:none}.faq-item:first-child{border-radius:16px 16px 0 0}.faq-item:last-child{border-bottom:1px solid rgba(0,0,0,0.04);border-radius:0 0 16px 16px}.faq-item.open{border-left:3px solid var(--primary)}.faq-item.open .faq-question{background:rgba(43,111,103,0.02)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:#fff;border:none;font-size:16px;font-weight:600;color:var(--dark);text-align:left;cursor:pointer;transition:var(--transition)}.faq-question:hover{background:var(--bg-alt)}.faq-question svg{flex-shrink:0;transition:transform 0.3s ease;color:var(--muted)}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;padding:0 20px;transition:max-height 0.35s ease,opacity 0.3s ease,padding 0.3s ease}.faq-item.open .faq-answer{padding:0 20px 18px}.faq-answer p{color:var(--muted);font-size:15px;line-height:1.7}.qrt-hero{padding:100px 0 80px;background:linear-gradient(180deg,var(--qrt-bg) 0%,#fff 100%);position:relative;overflow:hidden}.qrt-hero--bg{background:linear-gradient(160deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.45) 100%),var(--hero-bg-img) center/cover no-repeat;color:#fff}.qrt-hero--bg .qrt-badge{background:rgba(255,255,255,0.2)!important;color:#fff!important;backdrop-filter:blur(4px)}.qrt-hero--bg h1{color:#fff}.qrt-hero--bg .qrt-hero-desc{color:rgba(255,255,255,0.9)}.qrt-hero--bg .qrt-hero-bg-icon{display:none}.qrt-hero--bg .btn-primary{background:#fff!important;color:#1a1a1a!important;font-weight:700}.qrt-hero--bg .btn-primary:hover{background:rgba(255,255,255,0.9)!important;color:#1a1a1a!important}.mega-industries{border-top:1px solid var(--border);margin:0 20px;padding:20px 0}.mega-industries-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mega-industries-header .mega-col-title{margin-bottom:0}.mega-industries-all{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap;padding:6px 14px;border-radius:8px;background:#f0fdf4;transition:background 0.2s,color 0.2s}.mega-industries-all:hover{background:var(--primary);color:#fff;text-decoration:none}.mega-industries-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mega-industry-chip{display:flex;align-items:flex-end;height:80px;border-radius:12px;background-size:cover;background-position:center;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.25s,box-shadow 0.25s}.mega-industry-chip::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.15) 100%)}.mega-industry-chip span{position:relative;z-index:1;color:#fff;font-size:10.5px;font-weight:700;padding:8px 10px;text-transform:uppercase;letter-spacing:0.4px;line-height:1.2}.mega-industry-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}@media (max-width:768px){.mega-industries{margin:0 16px;padding:16px 0}.mega-industries-grid{grid-template-columns:repeat(3,1fr)}.mega-industry-chip{height:64px}}.qr-contrast-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:12px;background:#FEF3C7;border:1px solid #F59E0B;border-radius:10px;font-size:13px;color:#92400E;line-height:1.4;animation:fadeIn 0.3s}.qr-contrast-warning svg{flex-shrink:0;color:#F59E0B}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.qrt-steps-cta{text-align:center;margin-top:32px}.qrt-feat-card--link{text-decoration:none;color:inherit;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}.qrt-feat-card--link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}.qrt-usecase-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;border-radius:16px;padding:28px;background-size:cover;background-position:center;color:#fff;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}.qrt-usecase-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.4) 100%);z-index:1}.qrt-usecase-card>*{position:relative;z-index:2}.qrt-usecase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}.qrt-usecase-card__badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;backdrop-filter:blur(4px);align-self:flex-start}.qrt-usecase-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.qrt-usecase-card p{font-size:13px;color:rgba(255,255,255,0.9);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.qrt-usecase-card__arrow{font-size:20px;font-weight:700;color:#fff;align-self:flex-end;opacity:0;transition:opacity 0.3s,transform 0.3s;transform:translateX(-8px)}.qrt-usecase-card:hover .qrt-usecase-card__arrow{opacity:1;transform:translateX(0)}.qrt-hero-bg-icon{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:420px;height:420px;opacity:0.07;pointer-events:none;z-index:0}.qrt-hero-bg-icon svg{width:100%;height:100%}.qrt-hero .container{position:relative;z-index:1}.qrt-hero-inner{text-align:center;max-width:720px;margin:0 auto}.qrt-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}.qrt-hero h1{font-size:44px;line-height:1.2;margin-bottom:20px}.qrt-hero-desc{font-size:18px;color:var(--body);line-height:1.7;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.qrt-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.qrt-feat-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,0.04);border:1px solid var(--border)}.qrt-feat-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:14px;font-weight:800;margin-bottom:14px}.qrt-feat-card h3{font-size:16px;margin-bottom:8px}.qrt-feat-card p{font-size:14px;color:var(--body);line-height:1.6}.qrt-related-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.qrt-related-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:100px;text-decoration:none;color:var(--text);font-size:14px;font-weight:600;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease}.qrt-related-chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.06);border-color:var(--chip-color,var(--primary));background:#fff;color:var(--chip-color,var(--primary));text-decoration:none}.qrt-related-chip-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--chip-color,var(--primary))}.qrt-related-chip-arrow{opacity:0;transform:translateX(-4px);transition:opacity 0.2s ease,transform 0.2s ease}.qrt-related-chip:hover .qrt-related-chip-arrow{opacity:1;transform:translateX(0)}.qrt-steps{display:flex;align-items:flex-start;justify-content:center;gap:16px}.qrt-step{text-align:center;flex:1;max-width:280px}.qrt-step-num{width:48px;height:48px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin-bottom:16px}.qrt-step h3{font-size:16px;margin-bottom:8px}.qrt-step p{font-size:14px;color:var(--body);line-height:1.6}.qrt-step-arrow{display:flex;align-items:center;padding-top:12px}.qrt-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}.qrt-usecase{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:14px;padding:24px;border:1px solid var(--border)}.qrt-usecase-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qrt-usecase h3{font-size:15px;margin-bottom:6px}.qrt-usecase p{font-size:13px;color:var(--body);line-height:1.6}.qrt-article{max-width:800px;margin:0 auto}.qrt-article h2{font-size:28px;margin-bottom:20px}.qrt-article-body{font-size:15px;color:var(--body);line-height:1.8}.qrt-article-body p{margin-bottom:16px}.qrt-article-body h3{font-size:20px;color:var(--dark);margin:28px 0 12px}.qrt-article-body ul{padding-left:20px;margin-bottom:16px}.qrt-article-body li{margin-bottom:8px}@media (max-width:768px){.qrt-hero{padding:60px 0 50px}.qrt-hero-bg-icon{width:260px;height:260px;right:-30px;opacity:0.05}.qrt-hero h1{font-size:28px}.qrt-hero-desc{font-size:16px}.qrt-features-grid{grid-template-columns:1fr}.qrt-steps{flex-direction:column;align-items:center}.qrt-step-arrow{transform:rotate(90deg)}.qrt-usecases{grid-template-columns:1fr}.mega-dropdown .mega-menu{position:static;min-width:0;width:100%;left:auto;right:auto;transform:none;box-shadow:none;border:1px solid var(--border);border-radius:12px;margin-top:8px;display:none;opacity:1;visibility:visible}.mega-dropdown.open .mega-menu{display:block;transform:none}.mega-menu-inner{grid-template-columns:1fr}.mega-col{padding:12px 16px;border-right:none;border-bottom:1px solid var(--border)}.mega-col:last-child{border-bottom:none}.mega-col-title{font-size:10px;margin-bottom:8px}.mega-item{padding:6px 8px}.mega-icon{width:28px;height:28px;border-radius:6px}.mega-icon svg{width:14px;height:14px}}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);padding:80px 40px;text-align:center;margin:0 24px 80px;color:#fff;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.08) 0%,transparent 40%),radial-gradient(circle at 50% 100%,rgba(0,0,0,0.06) 0%,transparent 50%);pointer-events:none}.cta-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:16px}.cta-section h2{color:#fff;font-size:36px;font-weight:800;margin-bottom:14px;letter-spacing:-0.5px}.cta-section p{color:rgba(255,255,255,0.85);font-size:17px;max-width:520px;margin:0 auto 32px;line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.cta-trust{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:rgba(255,255,255,0.7)}.footer{background:var(--bg-footer);padding:48px 0 28px;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{color:rgba(255,255,255,0.6);font-size:14px;margin-top:12px;max-width:280px}.footer-brand .navbar-brand{color:#fff}.footer-brand .navbar-brand span{background:none;-webkit-text-fill-color:#fff}.footer-socials{display:flex;gap:12px;margin-top:20px}.footer-socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6);transition:var(--transition)}.footer-socials a:hover{background:rgba(255,255,255,0.15);color:#fff;transform:translateY(-2px)}.footer-links .footer-col-title{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:16px}.footer-links a{display:block;color:rgba(255,255,255,0.6);font-size:14px;padding:4px 0;transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;text-align:center}.footer-bottom p{color:rgba(255,255,255,0.6);font-size:14px}.generator-wrapper{display:grid;grid-template-columns:1fr 400px;gap:0}.generator-left{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding-right:32px}.qr-type-tabs-wrap{position:relative;margin-bottom:20px;overflow:hidden}.qr-type-tabs-wrap .tab-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;border-radius:50%;background:rgba(30,30,30,0.85);border:1px solid rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.qr-type-tabs-wrap .tab-scroll-arrow.visible{opacity:1;pointer-events:auto}.qr-type-tabs-wrap .tab-scroll-arrow:hover{background:rgba(0,0,0,0.9);border-color:rgba(255,255,255,0.25)}.qr-type-tabs-wrap .tab-scroll-left{left:-6px}.qr-type-tabs-wrap .tab-scroll-right{right:-6px}.qr-type-tabs{display:flex;flex-wrap:nowrap;gap:6px;padding:4px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.qr-type-tabs::-webkit-scrollbar{display:none}.type-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:68px;height:64px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.08);border-radius:var(--radius);font-size:10.5px;font-weight:500;color:rgba(255,255,255,0.6);cursor:pointer;transition:var(--transition);white-space:nowrap;padding:8px 6px;flex-shrink:0}.type-tab svg{width:20px;height:20px;flex-shrink:0;opacity:0.8}.type-tab:hover{color:#fff;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15)}.type-tab:hover svg{opacity:1}.type-tab.active{color:#fff;background:rgba(43,111,103,0.2);border-color:var(--primary)}.type-tab.active svg{opacity:1}.type-tab.type-tab-dynamic{position:relative}.tab-pro-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:7px;font-weight:800;letter-spacing:0.5px;padding:1px 4px;border-radius:4px;line-height:1.3;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.generator-section-title{font-size:15px;font-weight:500;color:rgba(255,255,255,0.75);margin-bottom:14px}.generator-input-area{margin-bottom:0}.input-pill-wrap{margin-bottom:10px;position:relative}.input-pill{width:100%;padding:14px 50px 14px 20px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.18);font-size:15px;font-family:var(--font);background:rgba(255,255,255,0.92);color:#1e293b;outline:none;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.08);-webkit-appearance:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input-pill::placeholder{color:#94a3b8}.input-pill:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.2),0 2px 8px rgba(0,0,0,0.08);background:#fff}.input-pill:hover:not(:focus){background:rgba(255,255,255,0.96);border-color:rgba(255,255,255,0.3)}.input-pill-textarea{border-radius:var(--radius-md)!important;padding:14px 20px!important;resize:vertical;min-height:60px}select.input-pill{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.input-pill option{background:#fff;color:#1e293b}.input-pill-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.input-pill-icon:hover{background:rgba(43,111,103,0.08);color:var(--primary)}.form-row-dark{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-form{display:none}.qr-form.active{display:block}.qr-input.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,0.2)!important}.qr-input-error{color:#ef4444;font-size:12px;margin-top:4px;padding:0 12px;line-height:1.3}.pdf-upload-area{border:2px dashed rgba(255,255,255,0.2);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;transition:var(--transition);background:rgba(255,255,255,0.03)}.pdf-upload-area:hover,.pdf-upload-area.dragover{border-color:var(--primary);background:rgba(43,111,103,0.08)}.pdf-upload-idle svg{color:rgba(255,255,255,0.4);margin-bottom:8px}.pdf-upload-idle p{color:rgba(255,255,255,0.8);margin:0 0 4px;font-size:14px}.pdf-upload-hint{color:rgba(255,255,255,0.4);font-size:12px}.pdf-progress-bar{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin-bottom:8px}.pdf-progress-fill{height:100%;background:var(--primary);border-radius:3px;width:0%;transition:width 0.3s}.pdf-progress-text{color:rgba(255,255,255,0.6);font-size:12px}.pdf-upload-done{display:flex;align-items:center;gap:8px;justify-content:center}.pdf-file-name{color:rgba(255,255,255,0.9);font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-remove-btn{background:none;border:none;cursor:pointer;color:rgba(255,255,255,0.5);padding:4px;border-radius:50%;transition:var(--transition);display:flex;align-items:center}.pdf-remove-btn:hover{color:#ef4444;background:rgba(239,68,68,0.1)}.pdf-preview-frame{margin-top:12px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:#fff}.pdf-preview-frame iframe{width:100%;height:280px;display:block;border:none}.dashboard-body .pdf-preview-frame{border-color:#E2E5E9;border-radius:12px}.pdf-upload-area.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,0.2)!important}.generator-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.generator-panel{min-width:0}.generator-preview{position:sticky;top:80px}.preview-card{background:#fff;border-radius:14px;border:1px solid var(--border);padding:24px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.preview-card h3{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:20px}.qr-preview-container{display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:16px;background:#fafafa;border-radius:10px;min-height:260px}.qr-preview-container canvas{max-width:100%;height:auto}.preview-actions{display:flex;gap:8px}.preview-actions .btn{flex:1;justify-content:center}.generator-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border)}.gen-tab{flex:1;padding:12px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition)}.gen-tab:hover{color:var(--dark)}.gen-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.type-tabs-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.style-options{display:flex;gap:8px;flex-wrap:wrap}.style-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-alt);border:2px solid transparent;border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition);min-width:72px}.style-option:hover{border-color:var(--border)}.style-option.active{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.style-preview{width:32px;height:32px;border-radius:4px;background:var(--muted)}.style-preview.pattern-square{border-radius:0}.style-preview.pattern-rounded{border-radius:6px}.style-preview.pattern-dots{border-radius:50%}.style-preview.pattern-classy{border-radius:0 8px 0 8px}.style-preview.pattern-sharp{clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}.style-preview.pattern-smooth{border-radius:50% 0 50% 0}.style-preview.corner-square{border-radius:0;border:3px solid var(--muted);background:transparent}.style-preview.corner-square::after{content:'';display:block;width:14px;height:14px;background:var(--muted);margin:6px auto}.style-preview.corner-rounded{border-radius:6px;border:3px solid var(--muted);background:transparent}.style-preview.corner-rounded::after{content:'';display:block;width:14px;height:14px;background:var(--muted);border-radius:3px;margin:6px auto}.style-preview.corner-dot{border-radius:50%;border:3px solid var(--muted);background:transparent}.style-preview.corner-dot::after{content:'';display:block;width:14px;height:14px;background:var(--muted);border-radius:50%;margin:6px auto}.style-preview.corner-sharp{border-radius:2px;border:3px solid var(--muted);background:transparent}.style-preview.corner-sharp::after{content:'';display:block;width:14px;height:14px;background:var(--muted);margin:6px auto}.dynamic-qr-toggle{margin-top:20px;padding:16px;background:var(--bg-alt);border-radius:var(--radius)}.dynamic-qr-toggle small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500}.toggle-switch-sm{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;transition:var(--transition);flex-shrink:0}.toggle-switch-sm::before{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:var(--transition)}input:checked + .toggle-switch-sm{background:var(--primary)}input:checked + .toggle-switch-sm::before{transform:translateX(16px)}.toggle-label input{display:none}.logo-upload-area{margin-bottom:12px}.form-range{width:100%;cursor:pointer}.download-options h3{font-size:16px;font-weight:600;margin-bottom:16px}.download-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.download-buttons .btn{display:flex;align-items:center;gap:8px;justify-content:center}.download-size{margin-bottom:20px}.download-size label{font-size:13px;font-weight:500;color:var(--muted);display:block;margin-bottom:8px}.save-qr-section{margin-top:16px}.gradient-colors{margin-top:12px}.frame-options{margin-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.template-carousel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tpl-card{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all 0.2s ease;position:relative}.tpl-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.tpl-card.active{border-color:var(--primary);background:var(--primary-50)}.tpl-qr-preview{width:100%;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;padding:6px}.tpl-qr-svg{width:100%;height:100%}.tpl-card-name{font-size:11px;font-weight:600;color:var(--dark);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tpl-pro{position:absolute;top:4px;right:4px;font-size:9px;padding:1px 5px}.dashboard-body .qr-type-tabs{flex-wrap:nowrap}.dashboard-body .qr-type-tabs h2{font-size:16px;font-weight:600;color:var(--dark);margin:0;width:100%;margin-bottom:4px}.dashboard-body .type-tab{flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:88px;height:78px;padding:12px 8px;border-radius:12px;border:1.5px solid #E8ECF0;background:#FAFBFC;color:#64748B;font-size:11.5px;font-weight:600;letter-spacing:0.01em;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}.dashboard-body .type-tab:hover{color:#1E293B;background:#fff;border-color:#CBD5E1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.06)}.dashboard-body .type-tab.active{color:var(--primary);background:rgba(43,111,103,0.06);border-color:var(--primary);box-shadow:0 2px 8px rgba(43,111,103,0.12),inset 0 0 0 1px rgba(43,111,103,0.08)}.dashboard-body .type-tab svg{width:22px;height:22px;opacity:0.6;transition:all 0.25s ease}.dashboard-body .type-tab:hover svg{opacity:1;transform:scale(1.1)}.dashboard-body .type-tab.active svg{opacity:1;color:var(--primary)}.dashboard-body .type-tabs-grid{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 0}.dashboard-body .type-tabs-grid::-webkit-scrollbar{display:none}@media (max-width:1024px){.generator-layout{grid-template-columns:1fr}.generator-preview{position:static}.template-carousel-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.template-carousel-grid{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.template-carousel-grid{grid-template-columns:repeat(2,1fr)}}.generator-footer-toggles{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 0 4px;margin-top:20px;border-top:1px solid rgba(255,255,255,0.08)}.gen-premium-toggle{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-full);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:all 0.25s ease;user-select:none}.gen-premium-toggle:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.18)}.gen-premium-toggle-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(43,111,103,0.25);color:#5fd4c4;flex-shrink:0}.gen-premium-toggle-text{font-size:13px;font-weight:600;color:rgba(255,255,255,0.88);letter-spacing:0.01em}.gen-premium-slider{position:relative;width:40px;height:22px;border-radius:22px;background:rgba(255,255,255,0.2);transition:all 0.25s ease;display:inline-block;flex-shrink:0;margin-left:4px}.gen-premium-slider-knob{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all 0.25s ease;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.gen-premium-toggle.active .gen-premium-slider{background:var(--primary)}.gen-premium-toggle.active .gen-premium-slider-knob{transform:translateX(18px)}.gen-premium-toggle.active .gen-premium-toggle-icon{background:rgba(43,111,103,0.5);color:#fff}.gen-premium-toggle.active{border-color:rgba(43,111,103,0.4);background:rgba(43,111,103,0.12)}.track-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:9999;align-items:center;justify-content:center;padding:24px}.track-modal-overlay.active{display:flex}.track-modal{background:#fff;border-radius:var(--radius-xl);max-width:480px;width:100%;padding:40px 36px 32px;position:relative;text-align:center;box-shadow:var(--shadow-lg);animation:trackModalIn 0.3s ease}@keyframes trackModalIn{from{opacity:0;transform:translateY(20px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.track-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:50%;transition:all 0.2s}.track-modal-close:hover{background:var(--bg-alt);color:var(--dark)}.track-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f0f7f6,#dff0ee);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary)}.track-modal-title{font-size:22px;font-weight:700;color:var(--dark);margin-bottom:8px}.track-modal-desc{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:28px}.track-modal-features{text-align:left;display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.track-modal-feature{display:flex;align-items:flex-start;gap:14px}.track-modal-feature-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--primary-ghost);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.track-modal-feature strong{display:block;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}.track-modal-feature span{font-size:13px;color:var(--muted);line-height:1.4}.track-modal-cta{font-size:15px;padding:14px 24px;font-weight:600}.guest-modal-v2{max-width:640px;padding:0;overflow:hidden;text-align:center}.guest-v2-header{padding:28px 28px 20px;background:linear-gradient(135deg,#f0f9f7 0%,#e8f4f1 100%);border-bottom:1px solid rgba(0,0,0,0.06)}.guest-v2-icon{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.guest-v2-title{font-size:20px;font-weight:700;color:var(--dark);margin:0 0 6px}.guest-v2-desc{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.guest-v2-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.guest-v2-plan{border:1.5px solid var(--border);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;text-align:left;position:relative;background:#fff;transition:border-color 0.2s}.guest-v2-plan:hover{border-color:var(--primary)}.guest-v2-plan-pro{border-color:var(--primary);background:linear-gradient(165deg,#f7fcfb 0%,#edf7f5 100%)}.guest-v2-plan-ribbon{position:absolute;top:-1px;right:16px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 10px 5px;border-radius:0 0 6px 6px}.guest-v2-plan-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.guest-v2-plan-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 10px;border-radius:20px;background:var(--bg-alt);color:var(--muted)}.guest-v2-plan-badge.pro{background:var(--primary);color:#fff}.guest-v2-plan-price{font-size:22px;font-weight:800;color:var(--dark)}.guest-v2-plan-price small{font-size:13px;font-weight:400;color:var(--muted)}.guest-v2-features{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:8px}.guest-v2-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text);line-height:1.4}.guest-v2-features li em{font-style:normal;color:var(--muted);font-size:11px}.guest-v2-features li svg{flex-shrink:0;margin-top:1px}.guest-v2-check{stroke:var(--primary)}.guest-v2-x{stroke:#ccc}.guest-v2-features li:has(.guest-v2-x) span{color:var(--muted);text-decoration:line-through;text-decoration-color:#ddd}.guest-v2-btn{display:block;text-align:center;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;margin-top:16px;text-decoration:none;transition:all 0.2s}.guest-v2-btn-outline{border:1.5px solid var(--border);color:var(--text);background:#fff}.guest-v2-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.guest-v2-btn-primary{background:var(--primary);color:#fff;border:1.5px solid var(--primary)}.guest-v2-btn-primary:hover{background:var(--primary-dark,#2d7a6d);border-color:var(--primary-dark,#2d7a6d);color:#fff}.guest-v2-footer{padding:0 24px 20px;text-align:center;font-size:12px;color:var(--muted)}.guest-v2-footer a{color:var(--primary);text-decoration:underline;font-weight:500}@media (max-width:560px){.guest-modal-v2{max-width:400px}.guest-v2-plans{grid-template-columns:1fr;gap:12px;padding:16px}.guest-v2-header{padding:20px 16px 16px}}.generator-right{display:flex;flex-direction:column;align-items:center;padding-left:32px;border-left:1px solid rgba(255,255,255,0.08)}.preview-sticky{position:sticky;top:calc(var(--navbar-h) + 24px);display:flex;flex-direction:column;align-items:center;width:100%}.preview-tracking-note{font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:16px;text-align:center}.preview-tracking-note a{color:var(--primary-light);text-decoration:underline}.preview-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;width:100%;justify-content:center}.qr-preview-card{position:relative;background:#fff;border-radius:var(--radius-md);padding:16px;display:flex;justify-content:center;align-items:center;width:250px;max-width:100%;flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,0.15)}.qr-preview-card canvas{max-width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto}.qr-preview-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.7);border-radius:inherit;z-index:10;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.qr-preview-loader.active{opacity:1}.qr-preview-loader-spinner{width:32px;height:32px;border:3px solid rgba(43,111,103,0.15);border-top-color:var(--primary);border-radius:50%;animation:qrSpin 0.6s linear infinite}@keyframes qrSpin{to{transform:rotate(360deg)}}.template-carousel{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;max-height:276px}.carousel-arrow{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.carousel-arrow svg{width:12px;height:12px}.carousel-arrow:hover{border-color:rgba(255,255,255,0.4);color:#fff;background:rgba(255,255,255,0.1)}.carousel-track{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-thumb{width:68px;height:68px;border-radius:var(--radius);border:1.5px solid transparent;background:rgba(255,255,255,0.06);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;overflow:hidden;padding:3px}.carousel-thumb svg,.carousel-thumb canvas{width:60px;height:60px;border-radius:5px}.carousel-thumb:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.1)}.carousel-thumb.active{border-color:var(--primary);background:rgba(255,255,255,0.12)}.qr-logo-banner{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.82);color:#fff;font-size:13px;font-weight:600;padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:0 0 var(--radius) var(--radius);line-height:1.4;backdrop-filter:blur(4px)}.qr-logo-banner svg{flex-shrink:0;stroke:#fbbf24;width:18px;height:18px}.qr-logo-banner a{color:#fbbf24;text-decoration:underline;font-weight:700}.qr-logo-banner a:hover{color:#fde68a}.qr-preview-card{position:relative;overflow:visible}.qr-preview-card.has-logo::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.55);z-index:2;border-radius:inherit}.qr-preview-card.has-logo .qr-logo-banner{z-index:3}.logo-locked-notice{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:8px;background:#fef3c7;border:1px solid #fde68a;font-size:13px;color:#92400e;line-height:1.4}.logo-locked-notice svg{flex-shrink:0}.logo-locked-notice .btn{margin-left:auto;white-space:nowrap;flex-shrink:0}.logo-locked-highdata{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #fde68a;font-size:13px;color:#92400e;line-height:1.5;flex-wrap:wrap}.logo-locked-highdata>svg{flex-shrink:0}.logo-locked-highdata>div{flex:1;min-width:160px}.logo-locked-highdata strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px}.logo-locked-highdata p{margin:0;font-size:12px;color:#a16207}.logo-locked-highdata>label.logo-locked-toggle{display:inline-flex!important;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600;color:#78350f;padding:8px 14px;border-radius:20px;background:#fff;border:1.5px solid #fbbf24;box-shadow:0 1px 4px rgba(251,191,36,.2);transition:all .2s;margin-left:auto}.logo-locked-highdata>label.logo-locked-toggle:hover{background:#fffbeb;border-color:#f59e0b;box-shadow:0 2px 8px rgba(251,191,36,.3)}.logo-locked-highdata>label.logo-locked-toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ll-toggle-track{display:inline-block!important;position:relative!important;inset:auto!important;width:40px!important;height:22px!important;border-radius:11px!important;background:#d1d5db!important;transition:background .2s!important;vertical-align:middle;flex-shrink:0}.ll-toggle-track::before,.ll-toggle-track::after{position:absolute!important}.ll-toggle-track::after{content:''!important;top:2px!important;left:2px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;transition:transform .2s!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}.ll-toggle-track::before{display:none!important}.logo-locked-toggle input:checked + .ll-toggle-track{background:var(--primary,#22c55e)!important}.logo-locked-toggle input:checked + .ll-toggle-track::after{transform:translateX(18px)!important}.qr-actions-row{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn-save-qr{flex:1;max-width:200px;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--transition);letter-spacing:0.2px}.btn-save-qr:hover{background:var(--primary-dark)}.btn-save-qr{display:inline-flex;align-items:center;gap:6px;justify-content:center;position:relative}.btn-save-qr .save-bulb-icon{animation:bulbPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes bulbPulse{0%,100%{opacity:1}50%{opacity:0.5}}.qr-action-icons{display:flex;gap:6px}.qr-action-btn{width:40px;height:40px;border-radius:var(--radius);border:1px solid rgba(255,255,255,0.15);background:transparent;color:rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.qr-action-btn:hover{border-color:rgba(255,255,255,0.15);color:var(--primary);background:transparent}.qr-action-btn:hover svg{stroke:var(--primary);stroke-width:2.5}.qr-action-btn[data-tooltip]{position:relative}.qr-action-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;font-size:11px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s;z-index:10}.qr-action-btn[data-tooltip]::before{content:'';position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#1a1a2e;opacity:0;pointer-events:none;transition:opacity 0.15s;z-index:10}.qr-action-btn[data-tooltip]:hover::after,.qr-action-btn[data-tooltip]:hover::before{opacity:1}.settings-btn-wrap{position:relative}.settings-tooltip{position:absolute;top:calc(100% + 10px);right:-10px;transform:translateY(6px);white-space:nowrap;background:#fff;color:var(--text);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;pointer-events:none;z-index:10}.settings-tooltip::after{content:'';position:absolute;bottom:100%;right:20px;border:5px solid transparent;border-bottom-color:#fff}.settings-tooltip.show{animation:tooltipIn 0.3s ease forwards}@keyframes tooltipIn{to{opacity:1;transform:translateY(0)}}.customize-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;padding:24px}.customize-modal-overlay.active{display:flex}.customize-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);width:100%;max-width:1060px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(16px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.customize-modal-content{display:grid;grid-template-columns:1fr 320px;gap:0;flex:1;overflow:hidden}.customize-left{padding:28px 32px;overflow-y:auto;border-right:1px solid var(--border)}.customize-title{font-size:22px;font-weight:700;color:var(--dark);margin-bottom:24px}.customize-section{border-bottom:1px solid var(--border)}.customize-section:last-child{border-bottom:none}.customize-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;font-size:15px;font-weight:600;color:var(--dark);cursor:pointer}.customize-section-header .chevron-icon{transition:transform 0.3s ease}.customize-section-header.open .chevron-icon{transform:rotate(180deg)}.customize-section-panel{padding-bottom:20px}.customize-right{padding:28px 24px;display:flex;flex-direction:column;align-items:center;background:var(--bg-alt);min-width:0;overflow:hidden}.customize-preview-title{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:20px;align-self:flex-start}.customize-preview-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1}.customize-preview-card canvas{max-width:100%;max-height:100%}.customize-margin-slider{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:var(--bg-light,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.modal-owl-wrap{margin-top:auto;display:flex;justify-content:center;padding-top:16px}.owl-home-wrap.owl-in-modal{position:static;display:flex;flex-direction:column;align-items:center}.owl-home-wrap.owl-in-modal .owl-home-speech{position:static;margin-bottom:6px}.customize-margin-slider label{font-size:11px;font-weight:600;color:var(--muted,#64748b);white-space:nowrap;text-transform:uppercase;letter-spacing:0.3px}.customize-margin-slider input[type="range"]{flex:1;accent-color:var(--primary,#2B6F67);height:4px;cursor:pointer}.customize-margin-slider .margin-slider-val{font-size:12px;font-weight:700;color:var(--primary,#2B6F67);min-width:20px;text-align:right}.customize-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid var(--border);background:#fff}.customize-modal-footer .btn-danger{background:#E74C3C;color:#fff;border:none;padding:10px 32px;border-radius:var(--radius);font-weight:600;cursor:pointer}.customize-modal-footer .btn-danger:hover{background:#c0392b}.customize-modal-footer .btn-outline{background:#fff;color:var(--dark);border:1px solid var(--border);padding:10px 24px;border-radius:var(--radius);font-weight:500;cursor:pointer}.customize-modal-footer .btn-outline:hover{background:var(--bg-alt)}.design-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.design-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.design-section h3,.design-section h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--dark);display:flex;align-items:center;gap:8px}.badge-new{display:inline-block;padding:2px 8px;background:#DCFCE7;color:#16A34A;font-size:11px;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase}.color-controls-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.color-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-control label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:6px}.modal-color-grid{display:flex;gap:12px;flex-wrap:wrap}.modal-color-item{flex:1;min-width:0}.modal-color-item label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.3px}.modal-color-input{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;transition:border-color 0.15s}.modal-color-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(43,111,103,0.08)}.modal-color-input input[type="color"]{width:32px;height:32px;border:none;padding:2px;cursor:pointer;flex-shrink:0;border-radius:6px 0 0 6px}.modal-color-input .color-hex{border:none!important;box-shadow:none!important;font-size:12px;font-weight:600;font-family:'SF Mono','Fira Code',monospace;padding:6px 8px;min-width:0;flex:1;text-transform:uppercase;background:transparent}.modal-color-input .color-hex:focus{outline:none}.modal-gradient-item .modal-color-input{opacity:0.35;pointer-events:none;transition:opacity 0.2s}.modal-gradient-item.active .modal-color-input{opacity:1;pointer-events:auto}.modal-grad-toggle-inline{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px}.modal-grad-toggle-inline input{display:none}.toggle-switch-xs{position:relative;width:28px;height:16px;background:#ccc;border-radius:8px;transition:0.2s;display:inline-block;cursor:pointer}.toggle-switch-xs::before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:0.2s}input:checked + .toggle-switch-xs{background:var(--primary)}input:checked + .toggle-switch-xs::before{transform:translateX(12px)}.color-picker-row{display:flex;align-items:center;gap:10px}.dl-transparent-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);user-select:none;margin-top:8px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-secondary,#f8f9fa);transition:all 0.2s;width:100%}.dl-transparent-check:hover{border-color:var(--primary);color:var(--text-primary);background:rgba(var(--primary-rgb,99,102,241),0.04)}.dl-transparent-check.active{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb,99,102,241),0.06)}.dl-transparent-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--border);border-radius:4px;background:repeating-conic-gradient(#d5d5d5 0% 25%,#f0f0f0 0% 50%) 50%/8px 8px;flex-shrink:0;transition:all 0.2s;opacity:0.5}.dl-transparent-check:hover .dl-transparent-box{opacity:0.8}.dl-transparent-check.active .dl-transparent-box{opacity:1}.dl-transparent-box svg{opacity:0;transition:opacity 0.15s}.dl-transparent-check.active .dl-transparent-box{border-color:var(--primary);background:var(--primary)}.dl-transparent-check.active .dl-transparent-box svg{opacity:1;stroke:#fff}.dl-transparent-check.locked{opacity:0.45;cursor:not-allowed;border-color:var(--border);background:var(--bg-secondary,#f8f9fa)}.dl-transparent-check.locked:hover{border-color:var(--border);color:var(--text-secondary);background:var(--bg-secondary,#f8f9fa)}.dl-transparent-check .lock-icon{margin-left:auto;opacity:0.6}.color-picker{width:40px;height:40px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:#fff}.color-hex{width:90px}.logo-options-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.logo-option-btn{display:flex;flex-direction:column;align-items:center;min-width:70px;justify-content:center;gap:4px;width:72px;height:68px;background:var(--bg-alt);border:2px solid transparent;border-radius:var(--radius);font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition)}.logo-option-btn:hover{border-color:var(--border);background:var(--bg-card)}.logo-option-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.user-saved-logo-btn{position:relative;overflow:visible}.user-saved-logo-btn img{pointer-events:none}.user-logo-delete{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--danger,#ef4444);color:#fff;border:2px solid var(--bg-card,#fff);font-size:12px;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2;pointer-events:auto}.user-saved-logo-btn:hover .user-logo-delete{display:flex}.user-logo-delete:hover{background:#dc2626;transform:scale(1.1)}.scanme-logo-text{font-size:10px;font-weight:800;line-height:1.1;letter-spacing:0.5px;color:#333;text-align:center}.scanme-logo-text.scanme-bordered{border:2px solid #333;padding:2px 4px;border-radius:3px;font-size:9px}.letter-logo-thumb{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1e293b;color:#fff;font-size:18px;font-weight:900;border-radius:8px;font-family:'Arial Black',Arial,sans-serif}.letter-logo-modal-overlay{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center}.letter-logo-modal-overlay.active{display:flex}.letter-logo-modal{background:var(--bg-card,#fff);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.15);width:100%;max-width:400px;margin:16px;overflow:hidden}.letter-logo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border,#e2e8f0)}.letter-logo-modal-header h3{font-size:16px;font-weight:700;margin:0}.letter-logo-modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--muted,#94a3b8);line-height:1;padding:4px;border-radius:6px;transition:all 0.15s}.letter-logo-modal-close:hover{background:rgba(0,0,0,0.06);color:var(--dark,#1e293b)}.letter-logo-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.letter-logo-preview-wrap{display:flex;justify-content:center;padding:12px 0}.letter-logo-preview{width:96px;height:96px;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.letter-logo-preview svg{width:100%;height:100%;display:block}.letter-logo-fields{display:flex;flex-direction:column;gap:12px}.letter-logo-field label{display:block;font-size:12px;font-weight:600;color:var(--muted,#64748b);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}.letter-logo-field input,.letter-logo-field select{width:100%;padding:10px 12px;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-card,#fff);transition:border-color 0.15s}.letter-logo-field input:focus,.letter-logo-field select:focus{outline:none;border-color:var(--primary,#2B6F67);box-shadow:0 0 0 3px rgba(43,111,103,0.08)}.letter-logo-field input[type="text"]{font-size:20px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:4px}.letter-logo-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.letter-logo-color-field label{display:block;font-size:12px;font-weight:600;color:var(--muted,#64748b);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}.letter-logo-color-field input[type="color"]{width:100%;height:40px;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;cursor:pointer;padding:3px;background:var(--bg-card,#fff)}.letter-logo-modal-footer{padding:0 20px 20px}.letter-logo-modal-footer .btn{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:10px}@media (max-width:480px){.letter-logo-modal{max-width:100%;margin:12px}.letter-logo-preview{width:80px;height:80px}}.modal-tpl-thumb-canvas{width:48px;height:48px;border-radius:4px}.scanme-text{font-size:9px;font-weight:800;letter-spacing:0.5px;color:var(--dark)}.scanme-bordered{border:2px solid var(--dark);padding:2px 6px;border-radius:3px}.logo-preview{position:relative;display:none}.logo-options-row .logo-preview{display:none}.logo-options-row .logo-preview[style*="display: block"],.logo-options-row .logo-preview[style*="display:block"]{display:inline-flex!important;align-items:center;justify-content:center}.logo-preview img{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm);border:2px solid var(--primary);background:#fff}.btn-remove-logo{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;border:2px solid var(--bg-card,#fff);font-size:12px;line-height:1;display:flex;align-items:center;cursor:pointer;z-index:2;justify-content:center;cursor:pointer}.logo-info-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:var(--radius);font-size:13px;color:#1D4ED8;margin-bottom:12px}.convert-dynamic-btn{margin-top:4px}.frames-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.frame-option{display:flex;flex-direction:column;align-items:center;padding:6px;background:transparent;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:var(--transition);min-width:72px;overflow:visible;position:relative;flex-shrink:0}.frame-option:hover{border-color:var(--primary-200,#93c5c0);background:rgba(43,111,103,0.03)}.frame-option.active{border-color:var(--primary);background:var(--primary-50,rgba(43,111,103,0.06))}.frame-thumb{width:60px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.frame-thumb svg{width:100%;height:100%}.frame-mini-qr{width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M0 0h1v1h-1zM1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM8 0h1v1h-1zM10 0h1v1h-1zM12 0h1v1h-1zM15 0h1v1h-1zM18 0h1v1h-1zM19 0h1v1h-1zM20 0h1v1h-1zM21 0h1v1h-1zM22 0h1v1h-1zM23 0h1v1h-1zM24 0h1v1h-1zM0 1h1v1h-1zM6 1h1v1h-1zM9 1h1v1h-1zM11 1h1v1h-1zM14 1h1v1h-1zM16 1h1v1h-1zM18 1h1v1h-1zM24 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM6 2h1v1h-1zM8 2h1v1h-1zM10 2h1v1h-1zM13 2h1v1h-1zM15 2h1v1h-1zM17 2h1v1h-1zM18 2h1v1h-1zM20 2h1v1h-1zM21 2h1v1h-1zM22 2h1v1h-1zM24 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM6 3h1v1h-1zM9 3h1v1h-1zM12 3h1v1h-1zM14 3h1v1h-1zM16 3h1v1h-1zM18 3h1v1h-1zM20 3h1v1h-1zM21 3h1v1h-1zM22 3h1v1h-1zM24 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM6 4h1v1h-1zM8 4h1v1h-1zM11 4h1v1h-1zM13 4h1v1h-1zM15 4h1v1h-1zM18 4h1v1h-1zM20 4h1v1h-1zM21 4h1v1h-1zM22 4h1v1h-1zM24 4h1v1h-1zM0 5h1v1h-1zM6 5h1v1h-1zM9 5h1v1h-1zM10 5h1v1h-1zM12 5h1v1h-1zM14 5h1v1h-1zM17 5h1v1h-1zM18 5h1v1h-1zM24 5h1v1h-1zM0 6h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1zM8 6h1v1h-1zM10 6h1v1h-1zM12 6h1v1h-1zM14 6h1v1h-1zM16 6h1v1h-1zM18 6h1v1h-1zM19 6h1v1h-1zM20 6h1v1h-1zM21 6h1v1h-1zM22 6h1v1h-1zM23 6h1v1h-1zM24 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM5 7h1v1h-1zM8 7h1v1h-1zM10 7h1v1h-1zM13 7h1v1h-1zM15 7h1v1h-1zM17 7h1v1h-1zM19 7h1v1h-1zM21 7h1v1h-1zM23 7h1v1h-1zM0 8h1v1h-1zM2 8h1v1h-1zM4 8h1v1h-1zM6 8h1v1h-1zM9 8h1v1h-1zM11 8h1v1h-1zM14 8h1v1h-1zM16 8h1v1h-1zM18 8h1v1h-1zM20 8h1v1h-1zM22 8h1v1h-1zM24 8h1v1h-1zM1 9h1v1h-1zM3 9h1v1h-1zM5 9h1v1h-1zM8 9h1v1h-1zM10 9h1v1h-1zM12 9h1v1h-1zM15 9h1v1h-1zM17 9h1v1h-1zM19 9h1v1h-1zM21 9h1v1h-1zM24 9h1v1h-1zM0 10h1v1h-1zM2 10h1v1h-1zM4 10h1v1h-1zM6 10h1v1h-1zM9 10h1v1h-1zM11 10h1v1h-1zM13 10h1v1h-1zM16 10h1v1h-1zM18 10h1v1h-1zM20 10h1v1h-1zM23 10h1v1h-1zM1 11h1v1h-1zM3 11h1v1h-1zM5 11h1v1h-1zM8 11h1v1h-1zM10 11h1v1h-1zM14 11h1v1h-1zM17 11h1v1h-1zM19 11h1v1h-1zM22 11h1v1h-1zM24 11h1v1h-1zM0 12h1v1h-1zM2 12h1v1h-1zM4 12h1v1h-1zM6 12h1v1h-1zM9 12h1v1h-1zM11 12h1v1h-1zM13 12h1v1h-1zM15 12h1v1h-1zM18 12h1v1h-1zM20 12h1v1h-1zM23 12h1v1h-1zM1 13h1v1h-1zM3 13h1v1h-1zM5 13h1v1h-1zM8 13h1v1h-1zM10 13h1v1h-1zM12 13h1v1h-1zM16 13h1v1h-1zM19 13h1v1h-1zM21 13h1v1h-1zM24 13h1v1h-1zM0 14h1v1h-1zM2 14h1v1h-1zM4 14h1v1h-1zM6 14h1v1h-1zM9 14h1v1h-1zM11 14h1v1h-1zM14 14h1v1h-1zM17 14h1v1h-1zM18 14h1v1h-1zM22 14h1v1h-1zM23 14h1v1h-1zM1 15h1v1h-1zM3 15h1v1h-1zM5 15h1v1h-1zM8 15h1v1h-1zM10 15h1v1h-1zM13 15h1v1h-1zM15 15h1v1h-1zM19 15h1v1h-1zM20 15h1v1h-1zM24 15h1v1h-1zM0 16h1v1h-1zM2 16h1v1h-1zM4 16h1v1h-1zM6 16h1v1h-1zM9 16h1v1h-1zM11 16h1v1h-1zM12 16h1v1h-1zM16 16h1v1h-1zM18 16h1v1h-1zM21 16h1v1h-1zM23 16h1v1h-1zM1 17h1v1h-1zM3 17h1v1h-1zM5 17h1v1h-1zM8 17h1v1h-1zM10 17h1v1h-1zM14 17h1v1h-1zM17 17h1v1h-1zM19 17h1v1h-1zM22 17h1v1h-1zM24 17h1v1h-1zM0 18h1v1h-1zM1 18h1v1h-1zM2 18h1v1h-1zM3 18h1v1h-1zM4 18h1v1h-1zM5 18h1v1h-1zM6 18h1v1h-1zM8 18h1v1h-1zM10 18h1v1h-1zM13 18h1v1h-1zM16 18h1v1h-1zM19 18h1v1h-1zM22 18h1v1h-1zM24 18h1v1h-1zM0 19h1v1h-1zM6 19h1v1h-1zM9 19h1v1h-1zM11 19h1v1h-1zM14 19h1v1h-1zM17 19h1v1h-1zM20 19h1v1h-1zM23 19h1v1h-1zM0 20h1v1h-1zM2 20h1v1h-1zM3 20h1v1h-1zM4 20h1v1h-1zM6 20h1v1h-1zM8 20h1v1h-1zM12 20h1v1h-1zM15 20h1v1h-1zM18 20h1v1h-1zM21 20h1v1h-1zM24 20h1v1h-1zM0 21h1v1h-1zM2 21h1v1h-1zM3 21h1v1h-1zM4 21h1v1h-1zM6 21h1v1h-1zM10 21h1v1h-1zM13 21h1v1h-1zM16 21h1v1h-1zM19 21h1v1h-1zM22 21h1v1h-1zM0 22h1v1h-1zM2 22h1v1h-1zM3 22h1v1h-1zM4 22h1v1h-1zM6 22h1v1h-1zM8 22h1v1h-1zM11 22h1v1h-1zM14 22h1v1h-1zM17 22h1v1h-1zM20 22h1v1h-1zM23 22h1v1h-1zM0 23h1v1h-1zM6 23h1v1h-1zM9 23h1v1h-1zM12 23h1v1h-1zM15 23h1v1h-1zM18 23h1v1h-1zM21 23h1v1h-1zM24 23h1v1h-1zM0 24h1v1h-1zM1 24h1v1h-1zM2 24h1v1h-1zM3 24h1v1h-1zM4 24h1v1h-1zM5 24h1v1h-1zM6 24h1v1h-1zM8 24h1v1h-1zM10 24h1v1h-1zM13 24h1v1h-1zM16 24h1v1h-1zM19 24h1v1h-1zM22 24h1v1h-1z' fill='%23d4d4d4'/%3E%3C/svg%3E") center/contain no-repeat;border-radius:2px}.frame-label-mini{font-size:7px;font-weight:700;color:var(--muted);text-transform:uppercase}.new-feature-badge{position:absolute;top:-7px;right:-7px;z-index:2;font-size:7px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);padding:2px 4px;border-radius:4px;line-height:1.2;box-shadow:0 2px 6px rgba(239,68,68,0.3);white-space:nowrap;pointer-events:none}.frame-option{overflow:visible}.logo-option-btn{overflow:visible;position:relative}.frame-options-panel{display:none;margin-top:10px}.frame-options-panel.active{display:block}.frame-options-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.frame-options-grid .form-group-text{flex:1;min-width:150px}.frame-options-grid .form-group-colors{display:flex;gap:12px}@media (max-width:600px){.frame-options-grid .form-group-text{width:100%;flex:unset}.frame-options-grid .form-group-colors{width:100%}.frame-options-grid .form-group-colors>div{flex:1}}.frame-options-grid .form-group{margin:0}.frame-options-grid label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px;display:block}.frame-options-grid input[type="text"]{width:100%;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.frame-color-input{display:flex;align-items:center;gap:8px}.frame-color-input input[type="color"]{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;padding:2px;cursor:pointer}.frame-color-input input[type="text"]{width:80px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:monospace}.frames-carousel-wrap{display:flex;align-items:center;gap:4px}.frames-scroll-arrow{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:50%;cursor:pointer;color:var(--muted)}.frames-scroll-arrow:hover{background:var(--border)}.logo-sliders-row{display:flex;gap:20px;margin-top:12px}.logo-slider-group{flex:1}.logo-slider-group label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:4px}.logo-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:12px}.logo-settings-inline{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 16px;margin-top:12px}.logo-settings-inline .logo-slider-group{flex:1;min-width:0}.logo-settings-inline .logo-shape-row{flex:0 0 auto}.logo-mode-row{grid-column:1 / -1;margin-bottom:8px}.logo-mode-row label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.logo-mode-btns{display:flex;gap:6px}.logo-mode-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:600;font-family:inherit;border:1.5px solid var(--border);border-radius:8px;background:var(--card);color:var(--text-secondary);cursor:pointer;transition:all 0.15s}.logo-mode-btn:hover{border-color:var(--primary);color:var(--primary)}.logo-mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}#logoCenterControls{display:contents}#logoBgControls{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.logo-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:end;margin-top:12px}.logo-controls-grid .logo-slider-group{min-width:0}.logo-controls-grid .logo-shape-row{min-width:0}.logo-controls-grid .logo-color-row{min-width:0}.logo-shape-row label,.logo-color-row label{font-size:12px;font-weight:600;color:#64748b;margin:0 0 8px;display:block;letter-spacing:0.02em}.logo-shape-options{display:flex;gap:8px}.logo-shape-btn{width:38px;height:38px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;padding:0}.logo-shape-btn:hover{border-color:var(--primary);color:var(--primary);background:#f1f5f9}.logo-shape-btn.active{border-color:var(--primary);background:var(--primary-light,#EEF2FF);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.logo-color-row label{}.logo-color-row .color-picker-row{flex:1;max-width:200px}.logo-color-pickers{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.logo-color-pickers .color-picker-row{max-width:none}.modal-tpl-track::-webkit-scrollbar{display:none}.templates-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.template-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--bg-alt);border:2px solid transparent;border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition)}.template-option:hover{border-color:var(--border)}.template-option.active{border-color:var(--primary);color:var(--primary)}.template-qr-thumb{width:48px;height:48px;background:repeating-conic-gradient(#888 0% 25%,transparent 0% 50%) 50% / 8px 8px;border-radius:var(--radius-sm)}.tpl-modern{background:repeating-conic-gradient(#444 0% 25%,#f0f0f0 0% 50%) 50% / 8px 8px;border-radius:6px}.tpl-rounded{border-radius:50%}.tpl-gradient{background:repeating-conic-gradient(var(--primary) 0% 25%,#f0f7f6 0% 50%) 50% / 8px 8px}.tpl-bold{background:repeating-conic-gradient(#222 0% 25%,#fff 0% 50%) 50% / 10px 10px}.pattern-style-grid-wrap{position:relative}.pattern-style-grid-wrap .scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:var(--text);font-size:16px;font-weight:700;line-height:1;transition:var(--transition);opacity:0;pointer-events:none}.pattern-style-grid-wrap .scroll-arrow.visible{opacity:1;pointer-events:auto}.pattern-style-grid-wrap .scroll-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 12px rgba(0,0,0,0.18)}.pattern-style-grid-wrap .scroll-arrow-left{left:-12px}.pattern-style-grid-wrap .scroll-arrow-right{right:-12px}.pattern-style-grid{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pattern-style-grid::-webkit-scrollbar{display:none}.pattern-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--bg-alt);border:2px solid var(--border);border-radius:10px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;transition:var(--transition);min-width:72px;flex:0 0 auto}.pattern-option:hover{border-color:var(--primary-200);background:var(--bg)}.pattern-option.active{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.pattern-qr-thumb{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.corner-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--bg-alt);border:2px solid var(--border);border-radius:10px;font-size:11px;font-weight:600;color:var(--muted);min-width:72px;flex:0 0 auto;cursor:pointer;transition:var(--transition)}.corner-option:hover{border-color:var(--primary-200);background:var(--bg)}.corner-option.active{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.corner-thumb{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.corner-thumb svg{width:36px;height:36px}.pattern-option.qr-incompatible,.corner-option.qr-incompatible{opacity:0.28!important;filter:grayscale(1)!important;cursor:not-allowed!important}.pattern-option.qr-incompatible:hover,.corner-option.qr-incompatible:hover{border-color:var(--border);background:transparent}.advanced-settings{border-top:1px solid var(--border);margin-top:4px}.advanced-settings-toggle{display:flex;align-items:center;width:100%;padding:16px 0;background:none;border:none;font-size:15px;font-weight:600;color:var(--dark);cursor:pointer;transition:var(--transition)}.advanced-settings-toggle .chevron-icon{margin-left:auto;transition:transform 0.3s ease}.advanced-settings-toggle.open .chevron-icon{transform:rotate(180deg)}.advanced-settings-panel{padding-bottom:8px}.advanced-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.advanced-row:last-child{border-bottom:none}.advanced-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--dark)}.gen-toggle-label-sm{display:flex;align-items:center;gap:8px;cursor:pointer}.gen-toggle-text-sm{font-size:13px;font-weight:500;color:var(--primary)}.gen-toggle-switch-sm{position:relative;width:36px;height:20px;border-radius:20px;background:var(--border);transition:var(--transition);display:inline-block;flex-shrink:0}.gen-toggle-switch-sm::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:var(--transition)}input:checked + .gen-toggle-switch-sm{background:var(--primary)}input:checked + .gen-toggle-switch-sm::before{transform:translateX(16px)}.margin-slider-wrap{display:flex;align-items:center;gap:12px}.margin-slider{width:180px;accent-color:var(--primary)}.margin-value{font-size:14px;font-weight:600;color:var(--dark);min-width:24px;text-align:center}.auth-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);padding:60px 20px 40px;background:linear-gradient(180deg,#F8FAFB 0%,#EEF2F4 100%)}.auth-card{background:#fff;border-radius:16px;padding:40px 36px;max-width:440px;width:100%;overflow:visible;box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);border:1px solid #F0F0F0;transition:border-color 0.4s,box-shadow 0.4s}.auth-card.auth-card-success{border-color:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,0.12),0 8px 32px rgba(16,185,129,0.10);animation:authSuccessEntry 0.6s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.auth-success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 44px;gap:20px;position:relative}.auth-success-ring{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.auth-success-ring-bg{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,0.10) 0%,rgba(59,130,246,0.06) 100%);animation:authRingPulse 1.5s ease infinite}.auth-success-check{position:relative;z-index:1}.auth-success-circle{stroke-dasharray:176;stroke-dashoffset:176;animation:authCircleDraw 0.6s 0.1s ease forwards}.auth-success-tick{stroke-dasharray:40;stroke-dashoffset:40;animation:authTickDraw 0.35s 0.55s ease forwards}.auth-success-title{font-size:24px;font-weight:800;color:#111827;margin:0;letter-spacing:-0.02em;animation:authFadeUp 0.4s 0.3s ease both}.auth-success-subtitle{animation:authFadeUp 0.4s 0.5s ease both}.auth-success-dots{display:flex;gap:6px;align-items:center}.auth-success-dots span{width:6px;height:6px;border-radius:50%;background:#10B981;animation:authDotBounce 1.2s ease infinite}.auth-success-dots span:nth-child(2){animation-delay:0.15s}.auth-success-dots span:nth-child(3){animation-delay:0.3s}.auth-success-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.auth-success-confetti span{position:absolute;top:-10px;display:block;opacity:0;animation:authConfettiFall 1s ease forwards}@keyframes authSuccessEntry{0%{transform:scale(0.95);opacity:0.5}100%{transform:scale(1);opacity:1}}@keyframes authRingPulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.12);opacity:0.25}}@keyframes authCircleDraw{to{stroke-dashoffset:0}}@keyframes authTickDraw{to{stroke-dashoffset:0}}@keyframes authFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes authDotBounce{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-6px);opacity:1}}@keyframes authConfettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(180px) rotate(360deg);opacity:0}}.auth-card.auth-card-success:has(.auth-success-content--premium){padding:0;border-color:transparent;box-shadow:0 24px 60px -20px rgba(18,56,51,0.5);background:#0f2c27}.auth-success-content--premium{padding:44px 32px 36px;gap:14px;color:#fff;background:radial-gradient(120% 140% at 85% -10%,rgba(94,234,212,0.25) 0%,rgba(43,111,103,0) 55%),radial-gradient(90% 120% at 10% 110%,rgba(52,211,153,0.18) 0%,rgba(43,111,103,0) 60%),linear-gradient(160deg,#153f38 0%,#1d544d 55%,#2B6F67 100%);border-radius:16px;position:relative;overflow:hidden;isolation:isolate}.auth-success-aurora{position:absolute;inset:0;pointer-events:none;z-index:0}.auth-success-aurora .auth-success-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.55}.auth-success-aurora .auth-success-glow--a{width:260px;height:260px;top:-90px;right:-60px;background:radial-gradient(circle,rgba(94,234,212,0.75) 0%,rgba(94,234,212,0) 70%);animation:authAuroraA 6s ease-in-out infinite alternate}.auth-success-aurora .auth-success-glow--b{width:220px;height:220px;bottom:-80px;left:-40px;background:radial-gradient(circle,rgba(16,185,129,0.6) 0%,rgba(16,185,129,0) 70%);animation:authAuroraB 7s ease-in-out infinite alternate}.auth-success-aurora .auth-success-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.06) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%)}@keyframes authAuroraA{from{transform:translate(0,0) scale(1);opacity:0.45}to{transform:translate(-18px,12px) scale(1.08);opacity:0.7}}@keyframes authAuroraB{from{transform:translate(0,0) scale(1);opacity:0.35}to{transform:translate(14px,-10px) scale(1.1);opacity:0.55}}.auth-success-mascot{position:relative;z-index:2;width:130px;height:130px;display:flex;align-items:center;justify-content:center;animation:authMascotPop 0.6s 0.1s cubic-bezier(0.34,1.56,0.64,1) both,authMascotFloat 4.5s 0.7s ease-in-out infinite}.auth-success-mascot-halo{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0) 65%);filter:blur(6px);animation:authMascotHalo 2.4s ease-in-out infinite alternate}.auth-success-owl-svg{position:relative;z-index:1;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.28))}.auth-success-mascot .owl-wing-l,.auth-success-mascot .owl-wing-r{transform-origin:100px 120px;animation:authOwlWing 2.2s 0.7s ease-in-out infinite}.auth-success-mascot .owl-wing-r{animation-delay:1.3s}.auth-success-mascot-badge{position:absolute;bottom:2px;right:6px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10B981 0%,#059669 100%);box-shadow:0 4px 14px -4px rgba(16,185,129,0.7),0 0 0 3px rgba(15,44,39,0.9);display:flex;align-items:center;justify-content:center;z-index:2;animation:authBadgePop 0.4s 0.55s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes authMascotPop{from{transform:scale(0.4) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes authMascotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes authMascotHalo{from{opacity:0.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes authOwlWing{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-14deg)}}@keyframes authBadgePop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.auth-success-title--premium{position:relative;z-index:2;color:#fff;font-size:24px;font-weight:800;letter-spacing:-0.02em;margin:8px 0 0;text-align:center;animation:authFadeUp 0.5s 0.35s ease both}.auth-success-name{background:linear-gradient(90deg,#a7f3d0 0%,#5eead4 50%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-success-redirecting{position:relative;z-index:2;color:rgba(255,255,255,0.72);font-size:13.5px;font-weight:500;margin:0;text-align:center;letter-spacing:0.2px;animation:authFadeUp 0.5s 0.55s ease both}.auth-success-progress{position:relative;z-index:2;width:220px;height:4px;border-radius:4px;background:rgba(255,255,255,0.14);overflow:hidden;margin-top:6px;animation:authFadeUp 0.4s 0.65s ease both}.auth-success-progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#5eead4,#34d399);border-radius:inherit;animation:authProgressFill 1.6s 0.4s cubic-bezier(0.4,0,0.2,1) forwards;box-shadow:0 0 8px rgba(94,234,212,0.5)}@keyframes authProgressFill{from{width:0%}to{width:100%}}.auth-card-header{text-align:center;margin-bottom:28px}.auth-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(43,111,103,0.08),rgba(43,111,103,0.15));border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--primary)}.auth-card-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-0.02em}.auth-card-header p{color:#6B7280;font-size:14px;margin:0}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1.5px solid #E5E7EB;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.auth-google-btn:hover{background:#F9FAFB;border-color:#D1D5DB;box-shadow:0 1px 3px rgba(0,0,0,0.06)}.auth-google-btn:active{transform:scale(0.99)}.auth-google-btn:disabled{opacity:0.5;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#9CA3AF;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#F3F4F6}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .form-group{margin-bottom:0}.auth-form .form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.form-label-row .form-label{margin-bottom:0}.form-link-sm{font-size:12px;color:var(--primary);font-weight:500;text-decoration:none}.form-link-sm:hover{text-decoration:underline}.auth-form .form-control{width:100%;padding:10px 14px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;background:#FAFAFA;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease;outline:none;font-family:inherit}.auth-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.08);background:#fff}.auth-form .form-control::placeholder{color:#C9CDD3}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-submit-btn{width:100%;padding:12px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.15s ease;font-family:inherit;margin-top:4px}.auth-submit-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(43,111,103,0.25)}.auth-submit-btn:active{transform:scale(0.99)}.auth-submit-btn:disabled{opacity:0.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:#6B7280}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.verify-email-display{text-align:center;padding:14px 20px;background:rgba(43,111,103,0.06);border-radius:10px;margin-bottom:20px;font-size:15px;color:#111827;word-break:break-all}.verify-actions{margin-top:8px}.pw-strength{display:flex;align-items:center;gap:8px;margin-top:6px;opacity:0;max-height:0;overflow:hidden;transition:opacity 0.3s ease,max-height 0.3s ease,margin 0.3s ease}.pw-strength.pw-strength-show{opacity:1;max-height:20px;margin-top:8px}.pw-strength-track{flex:1;height:4px;background:#E5E7EB;border-radius:4px;overflow:hidden}.pw-strength-bar{height:100%;width:0;border-radius:4px;transition:width 0.35s cubic-bezier(0.34,1.56,0.64,1),background 0.3s ease}.pw-strength-label{font-size:11px;font-weight:600;white-space:nowrap;min-width:48px;text-align:right}.pw-str-weak .pw-strength-bar{width:25%;background:#EF4444}.pw-str-weak .pw-strength-label{color:#EF4444}.pw-str-fair .pw-strength-bar{width:50%;background:#F59E0B}.pw-str-fair .pw-strength-label{color:#F59E0B}.pw-str-good .pw-strength-bar{width:75%;background:#3B82F6}.pw-str-good .pw-strength-label{color:#3B82F6}.pw-str-strong .pw-strength-bar{width:100%;background:#10B981}.pw-str-strong .pw-strength-label{color:#10B981}.pw-match{font-size:11px;font-weight:500;margin-top:6px;opacity:0;max-height:0;overflow:hidden;transition:opacity 0.3s ease,max-height 0.3s ease}.pw-match-show{opacity:1;max-height:20px}.pw-match-ok{color:#10B981}.pw-match-no{color:#EF4444}.form-control.input-match{border-color:#86EFAC!important;background:#FAFFFE!important;transition:border-color 0.3s ease,background 0.3s ease}.form-control.input-mismatch{border-color:#FCA5A5!important;background:#FFFAFA!important;transition:border-color 0.3s ease,background 0.3s ease}@media (max-width:480px){.auth-section{padding:24px 16px}.auth-card{padding:28px 22px}.auth-card-header h1{font-size:21px}.auth-form-row{grid-template-columns:1fr}.auth-icon{width:44px;height:44px}.auth-icon svg{width:22px;height:22px}}.dashboard-body{margin:0;padding-top:0;display:flex;min-height:100vh;background:#F5F6F8;font-family:var(--font);color:#3C4043;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-body h1,.dashboard-body h2,.dashboard-body h3,.dashboard-body h4,.dashboard-body h5,.dashboard-body h6{color:#1A1D1F}.dashboard-body a:not(.btn):not(.sidebar-link):not(.sidebar-sublink):not(.sidebar-upgrade-btn):not(.sidebar-group-toggle){color:var(--primary);text-decoration:none}.dashboard-body a:not(.btn):not(.sidebar-link):not(.sidebar-sublink):not(.sidebar-upgrade-btn):not(.sidebar-group-toggle):hover{color:var(--primary-dark)}.sidebar{width:280px;height:100vh;background:#FAFBFC;border-right:none;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow:hidden;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),width 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:1px 0 20px rgba(0,0,0,0.04)}.sidebar-collapse-btn{position:fixed;top:50%;left:280px;transform:translateY(-50%);width:20px;height:56px;border-radius:0 10px 10px 0;background:#E2E5E9;border:none;display:flex;align-items:center;justify-content:center;color:#6F767E;cursor:pointer;z-index:110;box-shadow:2px 2px 8px rgba(0,0,0,0.06);transition:background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease,left 0.3s cubic-bezier(0.4,0,0.2,1),width 0.2s ease;padding:0}.dashboard-body--sidebar-collapsed .sidebar-collapse-btn{left:72px}.sidebar-collapse-btn:hover{background:#CBD0D7;color:#1A1D1F;width:24px}.sidebar-collapse-btn svg{transition:transform 0.3s ease}.dashboard-body--sidebar-collapsed .sidebar{width:72px}.dashboard-body--sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.dashboard-body--sidebar-collapsed .sidebar-brand span,.dashboard-body--sidebar-collapsed .sidebar-section-label,.dashboard-body--sidebar-collapsed .sidebar-link>span,.dashboard-body--sidebar-collapsed .sidebar-sublink>span,.dashboard-body--sidebar-collapsed .sidebar-count,.dashboard-body--sidebar-collapsed .sidebar-chevron,.dashboard-body--sidebar-collapsed .sidebar-group-items,.dashboard-body--sidebar-collapsed .owl-sidebar,.dashboard-body--sidebar-collapsed .sidebar-plan-box,.dashboard-body--sidebar-collapsed .sidebar-upgrade-btn span,.dashboard-body--sidebar-collapsed .sidebar-footer-text{display:none!important}.dashboard-body--sidebar-collapsed .sidebar-link,.dashboard-body--sidebar-collapsed .sidebar-group-toggle{justify-content:center;padding:10px}.dashboard-body--sidebar-collapsed .sidebar-header{padding:18px 10px 12px;display:flex;justify-content:center}.dashboard-body--sidebar-collapsed .sidebar-brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,#34897E 100%);box-shadow:0 4px 12px rgba(43,111,103,0.25)}.dashboard-body--sidebar-collapsed .sidebar-brand-icon img{width:22px;height:22px}.dashboard-body--sidebar-collapsed .sidebar-brand-icon .brand-logo-light{filter:brightness(0) invert(1)}.dashboard-body--sidebar-collapsed .sidebar-nav{padding:4px 10px}.dashboard-body--sidebar-collapsed .sidebar-bottom{padding:8px}.dashboard-body--sidebar-collapsed .dashboard-main{margin-left:72px}.dashboard-body--sidebar-collapsed .sidebar-link:hover::after{content:attr(data-tip);position:absolute;left:72px;top:50%;transform:translateY(-50%);background:#1A1D1F;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:120;margin-left:8px}.dashboard-body--sidebar-collapsed .sidebar-link{position:relative}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#D8DDE3;border-radius:3px}.sidebar-header{height:60px;padding:0 16px;display:flex;align-items:center;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#111827;text-decoration:none;letter-spacing:-0.5px}.sidebar-brand-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--primary) 0%,#34897E 100%);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(43,111,103,0.25)}.sidebar-brand-icon img{width:18px;height:18px}.sidebar-brand-icon .brand-logo-light{filter:brightness(0) invert(1)}.sidebar-nav{flex:1;min-height:0;padding:4px 16px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#D8DDE3;border-radius:3px}.sidebar-section-label{font-size:10.5px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:1.5px;padding:10px 12px 4px}.sidebar-bottom{flex-shrink:0;padding:8px 16px 14px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:8px 14px;color:#64748B;font-size:14px;font-weight:500;border-radius:11px;transition:all 0.2s ease;text-decoration:none;position:relative}.sidebar-link svg{opacity:0.55;transition:all 0.2s;flex-shrink:0;stroke:#64748B;width:20px;height:20px}.sidebar-link:hover{background:#F1F5F9;color:#334155}.sidebar-link:hover svg{opacity:0.8;stroke:#334155}.sidebar-link.active{background:linear-gradient(135deg,var(--primary) 0%,#34897E 100%);color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(43,111,103,0.25),0 1px 3px rgba(43,111,103,0.1)}.sidebar-link.active:hover{background:linear-gradient(135deg,#236B62 0%,var(--primary) 100%);color:#fff}.sidebar-link.active:hover svg{opacity:1;stroke:#fff}.sidebar-link.active svg{opacity:1;stroke:#fff}.sidebar-group-toggle{border:none;background:none;width:100%;cursor:pointer;text-align:left}.sidebar-group-toggle .sidebar-chevron{margin-left:auto;opacity:0.35;transition:transform 0.2s ease;stroke:#94A3B8}.sidebar-group.open .sidebar-group-toggle .sidebar-chevron{transform:rotate(180deg);opacity:0.6}.sidebar-group-items{display:none;padding-left:18px}.sidebar-group.open .sidebar-group-items{display:block}.sidebar-sublink{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 26px;font-size:13.5px;font-weight:500;color:#64748B;border-radius:9px;text-decoration:none;transition:all 0.15s ease}.sidebar-sublink:hover{background:#F1F5F9;color:#334155}.sidebar-sublink.active{color:var(--primary);font-weight:600;background:rgba(43,111,103,0.06)}.sidebar-count{font-size:11px;font-weight:700;color:#94A3B8;background:#F1F5F9;padding:2px 9px;border-radius:20px;min-width:24px;text-align:center}.sidebar-sublink.active .sidebar-count{background:rgba(43,111,103,0.1);color:var(--primary)}.sidebar-plan-box{padding:16px;background:linear-gradient(135deg,#F0FDFA 0%,#F0F9FF 100%);border:1px solid #D1FAE5;border-radius:14px}.sidebar-plan-info{margin-bottom:0}.sidebar-plan-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sidebar-plan-label{font-size:12px;font-weight:500;color:#64748B}.sidebar-plan-value{font-size:12px;font-weight:700;color:#111827}.sidebar-plan-bar{height:5px;background:#E2E8F0;border-radius:3px;overflow:hidden}.sidebar-plan-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#34897E);border-radius:3px;transition:width 0.3s ease}.sidebar-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:11px 16px;font-size:13.5px;font-weight:600;color:#fff!important;background:linear-gradient(135deg,var(--primary),#34897E);border:none;border-radius:11px;text-decoration:none!important;transition:all 0.25s ease;box-shadow:0 4px 14px rgba(43,111,103,0.3),inset 0 1px 0 rgba(255,255,255,0.15);line-height:1.4;cursor:pointer}.sidebar-upgrade-btn:hover{background:linear-gradient(135deg,#236B62,var(--primary));color:#fff!important;box-shadow:0 6px 20px rgba(43,111,103,0.4);transform:translateY(-2px)}.sidebar-plan-expired{background:linear-gradient(135deg,#FFF7ED 0%,#FEF2F2 100%);border-color:#FED7AA}.sidebar-plan-value-expired{color:#DC2626;font-weight:700}.sidebar-plan-bar-expired{background:linear-gradient(90deg,#F97316,#DC2626)}.sidebar-trial-badge{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:600;color:#0369A1;background:#E0F2FE;padding:5px 10px;border-radius:8px}.sidebar-upgrade-btn svg{stroke:#fff;width:15px;height:15px;flex-shrink:0}.topbar-lang-menu{position:relative}.topbar-lang-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E8EAED;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:4px;z-index:120;min-width:140px}.topbar-lang-dropdown.open{display:block}.topbar-lang-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:#3C4043;text-decoration:none;border-radius:6px;transition:background 0.15s;white-space:nowrap}.topbar-lang-option:hover{background:#F5F6F8;color:#1A1D1F}.topbar-lang-option.active{color:var(--primary);font-weight:600;background:var(--primary-ghost)}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:#6F767E;transition:all 0.15s}.topbar-icon-btn:hover{background:#F5F6F8;color:#1A1D1F}.topbar-icon-btn svg{stroke:currentColor}.topbar-lang-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid #E8EAED;background:#fff;border-radius:10px;cursor:pointer;color:#6F767E;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;font-family:inherit}.topbar-lang-btn:hover{background:#F5F6F8;border-color:#D8DDE3;color:#1A1D1F}.topbar-lang-btn svg{stroke:currentColor;flex-shrink:0}.topbar-lang-code{font-size:12px;font-weight:700;letter-spacing:0.04em;line-height:1;color:#1A1D1F}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative}.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #fff;animation:notifBadgePop 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes notifBadgePop{0%{transform:scale(0)}100%{transform:scale(1)}}.notif-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:440px;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04);z-index:1000;overflow:hidden;animation:notifDropIn 0.2s ease}.notif-dropdown.open{display:block}@keyframes notifDropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}.notif-header h4{margin:0;font-size:15px;font-weight:700;color:#1e293b}.notif-mark-all{background:none;border:none;font-size:12px;color:var(--primary);cursor:pointer;font-weight:500;padding:4px 8px;border-radius:6px;transition:background 0.15s}.notif-mark-all:hover{background:var(--primary-ghost)}.notif-list{max-height:360px;overflow-y:auto;padding:4px 0}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background 0.15s;border-left:3px solid transparent}.notif-item:hover{background:#f8fafc}.notif-item--unread{background:#f0f9f7;border-left-color:var(--primary)}.notif-item--unread:hover{background:#e6f4f1}.notif-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.notif-icon-scan{background:#dbeafe;color:#2563eb}.notif-icon-plan{background:#fef3c7;color:#d97706}.notif-icon-milestone{background:#d1fae5;color:#059669}.notif-icon-system{background:#f3e8ff;color:#7c3aed}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.4}.notif-item-body{font-size:12px;color:#64748b;line-height:1.4;margin-top:2px}.notif-item-time{font-size:11px;color:#94a3b8;margin-top:4px}.notif-item--unread .notif-item-title{color:var(--primary)}.notif-empty{padding:40px 20px;text-align:center;color:#94a3b8;font-size:13px}@media (max-width:480px){.notif-dropdown{width:300px;right:-40px}}.dashboard-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left 0.3s cubic-bezier(0.4,0,0.2,1)}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;background:#fff;border-bottom:1px solid #EFEFEF;position:sticky;top:0;z-index:50}.topnotif-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 28px;font-size:13px;font-weight:500;letter-spacing:-0.005em;position:fixed;top:0;left:0;right:0;width:100%;z-index:210;line-height:1.4;height:36px;box-sizing:border-box}.dashboard-body--has-topnotif .sidebar{top:36px}.dashboard-body--has-topnotif .dashboard-main{padding-top:36px}.dashboard-body--has-topnotif .dashboard-topbar{top:36px}.dashboard-body--has-topnotif .sidebar-toggle{top:48px}@media (max-width:768px){.topnotif-bar{padding:8px 12px 8px 60px;font-size:12px;gap:8px;justify-content:flex-start}.topnotif-bar span{flex:1;min-width:0;font-size:11.5px}.topnotif-bar strong{display:none}.topnotif-bar__cta{font-size:11px;padding:3px 8px}.topnotif-bar__cta svg{display:none}}.topnotif-bar svg{flex-shrink:0}.topnotif-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topnotif-bar strong{font-weight:700}.topnotif-bar__cta{display:inline-flex;align-items:center;gap:4px;font-weight:700;text-decoration:none;padding:3px 10px;border-radius:999px;transition:background 0.2s ease;flex-shrink:0}.topnotif-bar--info{background:linear-gradient(90deg,#7f1d1d 0%,#991b1b 50%,#7f1d1d 100%);color:#fff}.topnotif-bar--info .topnotif-bar__cta,.topnotif-bar--info .topnotif-bar__cta:visited,.topnotif-bar--info .topnotif-bar__cta:hover,.topnotif-bar--info .topnotif-bar__cta:focus,.topnotif-bar--info .topnotif-bar__cta:active{background:rgba(255,255,255,0.18);color:#fff!important}.topnotif-bar--info .topnotif-bar__cta:hover{background:rgba(255,255,255,0.28)}.topnotif-bar--warning{background:linear-gradient(90deg,#b45309 0%,#d97706 50%,#b45309 100%);color:#fff}.topnotif-bar--warning .topnotif-bar__cta,.topnotif-bar--warning .topnotif-bar__cta:visited,.topnotif-bar--warning .topnotif-bar__cta:hover,.topnotif-bar--warning .topnotif-bar__cta:focus,.topnotif-bar--warning .topnotif-bar__cta:active{background:rgba(255,255,255,0.18);color:#fff!important}.topnotif-bar--warning .topnotif-bar__cta:hover{background:rgba(255,255,255,0.28)}.topnotif-bar--impersonate{background:linear-gradient(90deg,#991b1b 0%,#dc2626 50%,#991b1b 100%)}.topnotif-bar__inline-form{display:inline-flex;margin:0}.topnotif-bar__inline-form .topnotif-bar__cta{border:none;cursor:pointer;font:inherit}.admin-actions-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-inline-form{display:inline-flex;margin:0}.admin-inline-form .btn{display:inline-flex;align-items:center;gap:4px}.topnotif-bar--success{background:linear-gradient(90deg,#1a4a44 0%,#2B6F67 50%,#1a4a44 100%);color:#fff}.topnotif-bar--success .topnotif-bar__cta,.topnotif-bar--success .topnotif-bar__cta:visited,.topnotif-bar--success .topnotif-bar__cta:hover,.topnotif-bar--success .topnotif-bar__cta:focus,.topnotif-bar--success .topnotif-bar__cta:active{background:rgba(255,255,255,0.18);color:#fff!important}.topnotif-bar--success .topnotif-bar__cta:hover{background:rgba(255,255,255,0.28)}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0}.topbar-right{display:flex;align-items:center;gap:12px}a.topbar-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;font-size:12.5px;font-weight:600;letter-spacing:-0.1px;line-height:1.4;text-decoration:none;white-space:nowrap;max-width:220px;border:1px solid transparent;background:transparent;transition:transform 0.2s ease,box-shadow 0.25s ease,background 0.25s ease,border-color 0.25s ease;position:relative;isolation:isolate}a.topbar-chip:hover{transform:translateY(-1px)}a.topbar-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-chip__icon,.topbar-chip__text,.topbar-chip__dot,.topbar-chip__plus{position:relative;z-index:1}.topbar-chip__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.topbar-chip__text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit}.topbar-chip__dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 0 rgba(34,197,94,0.55);animation:topbarChipDotPulse 1.8s ease-in-out infinite}@keyframes topbarChipDotPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.55)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.topbar-chip__plus{flex-shrink:0;opacity:0.75}a.topbar-chip--connected,a.topbar-chip--connected:visited{color:#15803d;background:rgba(34,197,94,0.09);border-color:rgba(34,197,94,0.2)}a.topbar-chip--connected .topbar-chip__icon{color:#16a34a}a.topbar-chip--connected:hover{background:rgba(34,197,94,0.14);border-color:rgba(34,197,94,0.3);box-shadow:0 4px 10px rgba(34,197,94,0.14)}a.topbar-chip--pending,a.topbar-chip--pending:visited{color:var(--primary);background:var(--primary-ghost);border-color:rgba(43,111,103,0.16)}a.topbar-chip--pending .topbar-chip__icon{color:var(--primary)}a.topbar-chip--pending:hover{background:rgba(43,111,103,0.14);border-color:rgba(43,111,103,0.26);box-shadow:0 4px 10px rgba(43,111,103,0.12)}a.topbar-chip--locked,a.topbar-chip--locked:visited{color:#ffffff;border-color:transparent;padding-right:26px;box-shadow:0 1px 2px rgba(0,0,0,0.06)}a.topbar-chip--locked .topbar-chip__text{color:#ffffff;font-weight:700}a.topbar-chip--locked .topbar-chip__icon{color:#ffffff}a.topbar-chip--locked[data-feat="telegram"]{background:#229ED9}a.topbar-chip--locked[data-feat="telegram"]:hover{background:#1d8dc2;box-shadow:0 4px 12px rgba(34,158,217,0.28)}a.topbar-chip--locked[data-feat="domain"]{background:var(--primary)}a.topbar-chip--locked[data-feat="domain"]:hover{background:var(--primary-dark,#245e57);box-shadow:0 4px 12px rgba(43,111,103,0.28)}.topbar-chip__crown{position:absolute;top:3px;right:5px;z-index:2;display:inline-flex;align-items:center;justify-content:center;color:#fde68a;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.25));pointer-events:none}@media (max-width:1100px){a.topbar-chip{padding:0 10px;gap:6px;max-width:160px}.topbar-chip__text{display:none}}@media (max-width:768px){.topbar-left{gap:6px}a.topbar-chip{width:32px;height:32px;padding:0;border-radius:50%;justify-content:center;max-width:32px}a.topbar-chip .topbar-chip__icon{width:32px;height:32px;border-radius:50%}a.topbar-chip .topbar-chip__dot{display:none}a.topbar-chip .topbar-chip__plus{display:none}a.topbar-chip .topbar-chip__crown{top:-2px;right:-2px;width:12px;height:12px}a.topbar-chip .topbar-chip__crown svg{width:8px;height:8px}}@media (prefers-reduced-motion:reduce){.topbar-chip__dot{animation:none!important}}.topbar-stat{display:inline-flex;align-items:baseline;gap:8px;height:36px;padding:0 14px;border-radius:10px;font-size:12.5px;font-weight:600;letter-spacing:-0.1px;white-space:nowrap;border:1px solid transparent;transition:transform 0.2s ease,background 0.25s ease,border-color 0.25s ease;cursor:default}.topbar-stat:hover{transform:translateY(-1px)}.topbar-stat__dot,.topbar-stat__icon{align-self:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:0}.topbar-stat__dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,0.55);animation:topbarChipDotPulse 1.8s ease-in-out infinite}.topbar-stat__value{font-size:14px;font-weight:800;letter-spacing:-0.2px;font-variant-numeric:tabular-nums}.topbar-stat__label{font-weight:500;opacity:0.85}.topbar-stat--online{color:#15803d;background:rgba(34,197,94,0.09);border-color:rgba(34,197,94,0.25)}.topbar-stat--online:hover{background:rgba(34,197,94,0.14);border-color:rgba(34,197,94,0.38)}.topbar-stat--recent{color:#b45309;background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25)}.topbar-stat--recent:hover{background:rgba(245,158,11,0.16);border-color:rgba(245,158,11,0.4)}.topbar-stat--recent .topbar-stat__icon{color:#d97706}@media (max-width:1024px){.topbar-stat{padding:0 10px;gap:6px}.topbar-stat__label{display:none}}@media (max-width:768px){.topbar-stat{height:32px;padding:0 10px;font-size:11.5px}.topbar-stat__value{font-size:13px}}@media (prefers-reduced-motion:reduce){.topbar-stat__dot{animation:none!important}}.topbar-pulse{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:var(--primary-ghost);border:1px solid rgba(43,111,103,0.15);border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:background 0.2s ease,border-color 0.2s ease;position:relative}.topbar-pulse:hover{background:rgba(43,111,103,0.12);border-color:rgba(43,111,103,0.25)}.topbar-pulse-icon{width:26px;height:26px;background:rgba(43,111,103,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.topbar-pulse-info{display:flex;flex-direction:column;gap:1px;position:relative}.topbar-pulse-top{display:flex;align-items:center;gap:6px}.topbar-pulse-count{font-size:15px;font-weight:800;color:var(--primary-dark);letter-spacing:-0.4px;line-height:1}.topbar-pulse-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;padding:1px 5px;border-radius:6px;line-height:1.2}.topbar-pulse-badge.up{background:rgba(43,111,103,0.15);color:var(--primary-dark)}.topbar-pulse-badge.down{background:rgba(239,68,68,0.15);color:#991b1b}.topbar-pulse-label{font-size:10.5px;color:rgba(43,111,103,0.7);white-space:nowrap;line-height:1;letter-spacing:0.2px}.topbar-pulse-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0;animation:topbarDotBlink 2s ease-in-out infinite;margin-left:2px}@keyframes topbarDotBlink{0%,100%{opacity:1}50%{opacity:0.3}}.topbar-user-menu{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background 0.15s}.topbar-user-btn:hover{background:#F5F6F8}.topbar-user-name{font-size:13px;font-weight:600;color:#1A1D1F}.topbar-user-chevron{opacity:0.4;stroke:#6F767E}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;overflow:hidden}.topbar-avatar img{width:100%;height:100%;object-fit:cover;display:block}.topbar-avatar-lg{width:40px;height:40px;font-size:16px}.topbar-user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E8EAED;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12);min-width:220px;padding:0;z-index:60;overflow:hidden}.topbar-user-dropdown.open{display:block}.topbar-user-dropdown-header{display:flex;align-items:center;gap:10px;padding:16px}.topbar-dropdown-name{font-size:13px;font-weight:600;color:#1A1D1F}.topbar-dropdown-email{font-size:12px;color:#9AA0A6}.topbar-dropdown-divider{height:1px;background:#F1F3F4}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:#3C4043;text-decoration:none;transition:background 0.15s}.topbar-dropdown-item:hover{background:#F5F6F8}.topbar-dropdown-item svg{stroke:#6F767E;opacity:0.7;flex-shrink:0}.topbar-dropdown-danger{color:#D93025}.topbar-dropdown-danger svg{stroke:#D93025}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:200;background:#fff;border:1px solid #E8EAED;border-radius:10px;padding:8px;cursor:pointer;color:#1A1D1F;box-shadow:0 2px 8px rgba(0,0,0,0.1);align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(17,19,21,0.5);backdrop-filter:blur(4px);z-index:90}.dashboard-content{padding:28px 32px;background:#F5F6F8;flex:1 0 auto;width:100%}@media (min-width:1600px){.dashboard-content{padding:32px 56px}}@media (min-width:2000px){.dashboard-content{padding:36px 80px}}.dash-alert{margin:12px 28px 0;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500}.dash-alert .alert-icon{flex-shrink:0}.dash-welcome{background:linear-gradient(135deg,var(--primary) 0%,#358a80 50%,#245e57 100%);border-radius:16px;padding:28px 32px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.dash-welcome--premium{padding:32px 36px;border-radius:22px;background:radial-gradient(120% 160% at 100% 0%,rgba(94,234,212,0.28) 0%,rgba(43,111,103,0) 55%),radial-gradient(90% 140% at 0% 100%,rgba(52,211,153,0.18) 0%,rgba(43,111,103,0) 60%),linear-gradient(160deg,#153f38 0%,#1d544d 45%,#2B6F67 100%);isolation:isolate;overflow:hidden;box-shadow:0 18px 40px -18px rgba(18,56,51,0.5),inset 0 1px 0 rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;gap:32px}.dash-welcome--premium::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.07);pointer-events:none}.dash-welcome-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}.dash-welcome-glow--a{width:320px;height:320px;top:-110px;right:-80px;background:radial-gradient(circle,rgba(94,234,212,0.55) 0%,rgba(94,234,212,0) 70%);animation:dashWelcomeGlowA 11s ease-in-out infinite alternate}.dash-welcome-glow--b{width:260px;height:260px;bottom:-100px;left:15%;background:radial-gradient(circle,rgba(134,239,172,0.35) 0%,rgba(134,239,172,0) 70%);animation:dashWelcomeGlowB 14s ease-in-out infinite alternate}@keyframes dashWelcomeGlowA{from{transform:translate(0,0) scale(1);opacity:0.5}to{transform:translate(-25px,15px) scale(1.08);opacity:0.75}}@keyframes dashWelcomeGlowB{from{transform:translate(0,0) scale(1);opacity:0.3}to{transform:translate(20px,-12px) scale(1.1);opacity:0.55}}.dash-welcome-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 80% 40%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 80% 40%,#000 10%,transparent 70%);z-index:0;pointer-events:none}.dash-welcome--premium .dash-welcome-content{position:relative;z-index:2;flex:1;min-width:0}.dash-welcome--premium .dash-welcome-title,.dash-welcome--premium .dash-welcome-greet,.dash-welcome--premium h1{color:#fff!important}.dash-welcome-title{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-0.02em;margin:0 0 8px;color:#fff}.dash-welcome-name{background:linear-gradient(90deg,#a7f3d0 0%,#5eead4 55%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.dash-welcome-tip{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.78);margin:0 0 18px;max-width:640px}.dash-welcome-side{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;padding:18px 22px;min-width:180px;border-radius:16px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0}.dash-welcome-side .dash-welcome-stat{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:26px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat{padding-top:12px;margin-top:2px;border-top:1px solid rgba(255,255,255,0.12)}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat .dash-welcome-stat-icon{top:14px}.dash-welcome-stat-icon{position:absolute;left:0;top:1px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:rgba(167,243,208,0.85)}.dash-welcome-stat-value{font-size:26px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-0.02em;line-height:1.05}.dash-welcome-stat-value--hour{font-size:18px;letter-spacing:-0.01em}.dash-welcome-stat-label{font-size:10.5px;font-weight:600;letter-spacing:0.3px;text-transform:uppercase;color:rgba(255,255,255,0.62)}.dash-welcome--premium .dash-welcome-tip{color:rgba(255,255,255,0.8)!important}.dash-welcome--premium .dash-welcome-actions{margin-top:18px}@media (max-width:900px){.dash-welcome--premium{flex-direction:column;align-items:flex-start;padding:28px 26px;gap:20px}.dash-welcome-side{width:100%;flex-direction:row;padding:14px 18px;gap:14px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat{padding-top:0;padding-left:36px;margin-top:0;border-top:none;border-left:1px solid rgba(255,255,255,0.12)}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat .dash-welcome-stat-icon{top:1px;left:14px}.dash-welcome-side .dash-welcome-stat{flex:1;min-width:0}}@media (max-width:640px){.dash-welcome--premium{padding:22px 18px;border-radius:18px;gap:16px}.dash-welcome-title{font-size:20px}.dash-welcome-tip{font-size:13px}.dash-welcome-side{padding:12px 14px;gap:10px}.dash-welcome-side .dash-welcome-stat{padding-left:22px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat{padding-left:30px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat .dash-welcome-stat-icon{left:10px}.dash-welcome-stat-icon{width:14px;height:14px}.dash-welcome-stat-icon svg{width:14px;height:14px}.dash-welcome-stat-value{font-size:20px}.dash-welcome-stat-value--hour{font-size:14px;letter-spacing:0;white-space:nowrap}.dash-welcome-stat-label{font-size:9.5px}}@media (max-width:380px){.dash-welcome--premium{padding:20px 14px}.dash-welcome-title{font-size:18px}.dash-welcome-stat-value{font-size:18px}.dash-welcome-stat-value--hour{font-size:13px}.dash-welcome-side .dash-welcome-stat{padding-left:20px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat{padding-left:26px}.dash-welcome-side .dash-welcome-stat + .dash-welcome-stat .dash-welcome-stat-icon{left:8px}}.dash-welcome-content{position:relative;z-index:1;flex:1}.dash-welcome-text h1{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.dash-welcome-text p{color:rgba(255,255,255,0.75);font-size:13.5px;margin:0}.dash-welcome-actions{display:flex;gap:8px;margin-top:16px}.dash-welcome-decoration{position:relative;z-index:1;opacity:0.5;flex-shrink:0;margin-left:24px}.dash-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:20px}.dash-banner-info{background:#eff6ff;border:1px solid #93c5fd}.dash-banner-warning{background:#fff8e1;border:1px solid #ffe082}.dash-banner-text{flex:1}.dash-banner-text strong{display:block;margin-bottom:2px}.dash-banner-text span{font-size:0.9rem}.dash-banner-info .dash-banner-text span{color:#1e40af}.dash-banner-warning .dash-banner-text span{color:#92400e}@media (max-width:640px){.dash-banner{flex-direction:column;text-align:center;padding:14px 16px;gap:8px}.dash-banner svg{flex-shrink:0}.dash-banner .btn{width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;border:1px solid #EFEFEF;transition:all 0.2s ease}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.06)}.stats-grid--premium .stat-card{position:relative;overflow:hidden;background:#fff;border-radius:16px;padding:22px 22px 20px;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.stats-grid--premium .stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(15,23,42,0.12)}.stat-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--stat-c1,#2B6F67),var(--stat-c2,#35897e));pointer-events:none}.stat-card-blob{position:absolute;width:140px;height:140px;border-radius:50%;filter:blur(28px);top:-40px;right:-30px;background:var(--stat-blob,rgba(43,111,103,0.14));opacity:0.9;pointer-events:none;transition:transform 0.4s ease,opacity 0.3s ease}.stats-grid--premium .stat-card:hover .stat-card-blob{transform:scale(1.15);opacity:1}.stat-card--accent-teal{--stat-c1:#2B6F67;--stat-c2:#35897e;--stat-blob:rgba(43,111,103,0.14)}.stat-card--accent-blue{--stat-c1:#1E90FF;--stat-c2:#3B82F6;--stat-blob:rgba(59,130,246,0.14)}.stat-card--accent-green{--stat-c1:#10B981;--stat-c2:#34D399;--stat-blob:rgba(16,185,129,0.14)}.stat-card--accent-amber{--stat-c1:#F59E0B;--stat-c2:#FBBF24;--stat-blob:rgba(245,158,11,0.16)}.stats-grid--premium .stat-card-info{position:relative;z-index:1}.stats-grid--premium .stat-card-icon{position:relative;z-index:1}.stats-grid--premium .stat-card-value{font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.stat-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-card-primary{border-left:4px solid #1A73E8}.stat-card-icon-primary{background:#E8F0FE}.stats-grid-1col{grid-template-columns:1fr}.stat-card-value,.stat-value{font-size:26px;font-weight:800;color:#1A1D1F;line-height:1.2;letter-spacing:-0.5px}.stat-card-label,.stat-label{font-size:12px;font-weight:500;color:#9AA0A6;letter-spacing:0}.stat-icon-teal{background:rgba(43,111,103,0.1);color:#2B6F67}.stat-icon-blue{background:rgba(59,130,246,0.1);color:#3B82F6}.stat-icon-green{background:rgba(16,185,129,0.1);color:#10B981}.stat-icon-amber{background:rgba(245,158,11,0.1);color:#F59E0B}.stat-icon-rose{background:rgba(244,63,94,0.1);color:#F43F5E}.stat-icon-purple{background:rgba(139,92,246,0.1);color:#8B5CF6}.stat-card-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px;margin-top:2px}.stat-card-trend.up{color:#10B981}.stat-card-trend.down{color:#EF4444}.dashboard-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.dash-usage-item{margin-bottom:16px}.dash-usage-item:last-child{margin-bottom:0}.dash-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dash-usage-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--dark)}.dash-usage-label svg{opacity:0.5}.dash-usage-count{font-size:13px;font-weight:600;color:var(--primary)}.dash-usage-bar{height:6px;background:#e8ecf1;border-radius:3px;overflow:hidden}.dash-usage-fill{height:100%;background:linear-gradient(90deg,var(--primary),#1a4a44);border-radius:3px;transition:width 0.6s ease}.dash-usage-fill.dash-usage-warn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.dash-usage-fill.dash-usage-trial{background:linear-gradient(90deg,#3b82f6,#6366f1)}.dash-usage-fill.dash-usage-static{background:linear-gradient(90deg,#5eead4,#14b8a6)}.dash-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--dark);font-size:12px;font-weight:500;transition:all 0.2s ease;text-align:center}.dash-quick-item:hover{border-color:var(--primary);background:rgba(43,111,103,0.03);transform:translateY(-1px)}.dash-quick-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dash-quick-teal{background:rgba(43,111,103,0.1);color:var(--primary)}.dash-quick-blue{background:rgba(59,130,246,0.1);color:#3b82f6}.dash-quick-purple{background:rgba(124,58,237,0.1);color:#7c3aed}.dash-quick-amber{background:rgba(245,158,11,0.1);color:#f59e0b}.dash-top-list{padding:0}.dash-top-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:var(--dark);border-bottom:1px solid var(--border);transition:background 0.15s ease}.dash-top-item:last-child{border-bottom:none}.dash-top-item:hover{background:#f8fafb}.dash-top-rank{width:22px;height:22px;border-radius:6px;background:var(--primary-ghost);color:var(--primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-top-info{flex:1;min-width:0}.dash-top-name{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top-bar-bg{height:4px;background:#e8ecf1;border-radius:2px;margin-top:4px}.dash-top-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.4s ease}.dash-top-scans{font-size:13px;font-weight:600;color:var(--primary);flex-shrink:0}.dash-recent-list{padding:0}.dash-recent-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:var(--dark);border-bottom:1px solid var(--border);transition:background 0.15s ease}.dash-recent-item:last-child{border-bottom:none}.dash-recent-item:hover{background:#f8fafb}.dash-recent-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-recent-dynamic{background:rgba(43,111,103,0.1);color:var(--primary)}.dash-recent-static{background:rgba(107,114,128,0.1);color:#6b7280}.dash-recent-info{flex:1;min-width:0}.dash-recent-name{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-recent-meta{font-size:11px;color:#94a3b8}.dash-recent-scans{font-size:12px;color:#64748b;flex-shrink:0}.dash-recent-scans small{font-weight:400}.dash-timeline{padding:8px 16px}.dash-timeline-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;position:relative}.dash-timeline-item:not(:last-child)::before{content:'';position:absolute;left:5px;top:22px;bottom:-8px;width:1px;background:var(--border)}.dash-timeline-dot{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--primary);flex-shrink:0;margin-top:3px}.dash-timeline-content{flex:1;min-width:0}.dash-timeline-title{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-timeline-meta{font-size:11px;color:#94a3b8}.dash-timeline-time{font-size:11px;color:#94a3b8;flex-shrink:0;white-space:nowrap}.stat-pulse{animation:statPulse 1.5s ease}@keyframes statPulse{0%{box-shadow:0 0 0 0 rgba(43,111,103,0.3)}50%{box-shadow:0 0 0 8px rgba(43,111,103,0)}100%{box-shadow:none}}.dash-timeline-new{animation:timelineSlideIn 0.5s ease}@keyframes timelineSlideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.dash-timeline-dot-pulse{background:var(--primary)!important;border-color:var(--primary)!important;animation:dotPulse 2s ease infinite}@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(43,111,103,0.4)}50%{box-shadow:0 0 0 5px rgba(43,111,103,0)}}.dash-plan-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;background:linear-gradient(135deg,#E5E7EB 0%,#D1D5DB 100%);color:#4B5563;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4)}.dash-plan-badge--free{background:linear-gradient(135deg,#E5E7EB,#D1D5DB);color:#4B5563}.dash-plan-badge--starter{background:linear-gradient(135deg,#60A5FA,#2563EB);color:#fff}.dash-plan-badge--pro{background:linear-gradient(135deg,#2B6F67,#34D399);color:#fff}.dash-plan-badge--business{background:linear-gradient(135deg,#A78BFA,#7C3AED);color:#fff}.dash-plan-card--premium{position:relative}.dash-plan-upgrade{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;margin-top:14px;border-radius:12px;background:linear-gradient(135deg,rgba(43,111,103,0.08) 0%,rgba(52,211,153,0.08) 100%);border:1px dashed rgba(43,111,103,0.35);text-decoration:none;color:var(--primary,#2B6F67);font-size:13px;font-weight:600;overflow:hidden;transition:border-color 0.25s ease,transform 0.2s ease}.dash-plan-upgrade:hover{border-color:var(--primary,#2B6F67);border-style:solid;transform:translateY(-1px);text-decoration:none}.dash-plan-upgrade-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(94,234,212,0.25) 0%,rgba(94,234,212,0) 60%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.dash-plan-upgrade:hover .dash-plan-upgrade-glow{opacity:1}.dash-plan-upgrade-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,#34D399 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px -6px rgba(52,211,153,0.6)}.dash-plan-upgrade-text{flex:1;position:relative;z-index:1}.dash-plan-upgrade-arrow{flex-shrink:0;transition:transform 0.2s ease;position:relative;z-index:1}.dash-plan-upgrade:hover .dash-plan-upgrade-arrow{transform:translateX(3px)}.dash-quick-item--premium{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:88px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,0.06);text-decoration:none;color:inherit;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;text-align:left}.dash-quick-item--premium::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--q-c1,#2B6F67),var(--q-c2,#5eead4));border-radius:14px 14px 0 0;opacity:0.9}.dash-quick-bg-icon{position:absolute;top:50%;right:-18px;transform:translateY(-50%);color:var(--q-c1,#2B6F67);opacity:0.1;pointer-events:none;z-index:0;display:inline-flex;transition:transform 0.35s ease,opacity 0.25s ease}.dash-quick-item--premium:hover{transform:translateY(-3px);box-shadow:0 18px 36px -18px var(--q-shadow,rgba(43,111,103,0.35));border-color:var(--q-c1,#2B6F67)}.dash-quick-item--premium:hover .dash-quick-bg-icon{transform:translateY(-50%) scale(1.08) rotate(-6deg);opacity:0.16}.dash-quick-title{position:relative;z-index:1;font-size:14.5px;font-weight:700;color:#0F172A;letter-spacing:-0.01em;line-height:1.2}.dash-quick-subtitle{position:relative;z-index:1;font-size:12px;font-weight:500;color:#64748B;line-height:1.4}.dash-quick-arrow{position:absolute;right:14px;bottom:14px;color:var(--q-c1,#2B6F67);opacity:0;transform:translateX(-6px);transition:opacity 0.25s ease,transform 0.25s ease;z-index:2}.dash-quick-item--premium:hover .dash-quick-arrow{opacity:1;transform:translateX(0)}.dash-quick-item--teal{--q-c1:#2B6F67;--q-c2:#5eead4;--q-shadow:rgba(43,111,103,0.35)}.dash-quick-item--blue{--q-c1:#2563EB;--q-c2:#60A5FA;--q-shadow:rgba(37,99,235,0.32)}.dash-quick-item--purple{--q-c1:#7C3AED;--q-c2:#C4B5FD;--q-shadow:rgba(124,58,237,0.32)}.dash-quick-item--amber{--q-c1:#D97706;--q-c2:#FCD34D;--q-shadow:rgba(217,119,6,0.32)}.dash-chart-card--premium .card-header h3{letter-spacing:-0.01em}.dash-chart-insights{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.dash-chart-insight{flex:1;min-width:120px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#F8FAFC 0%,#F1F5F9 100%);border:1px solid rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:4px}.dash-chart-insight-label{font-size:10.5px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;color:#64748B}.dash-chart-insight-value{font-size:20px;font-weight:800;color:#0F172A;font-variant-numeric:tabular-nums;letter-spacing:-0.02em;line-height:1.1}.dash-chart-insight--total{border-left:3px solid var(--primary)}.dash-chart-insight--peak{border-left:3px solid #F59E0B}.dash-chart-insight--avg{border-left:3px solid #3B82F6}.dash-chart-canvas-wrap{position:relative;height:300px;width:100%}.dash-chart-canvas-wrap>canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.dash-top-list--premium .dash-top-item{position:relative;transition:background 0.2s ease,padding 0.2s ease}.dash-top-list--premium .dash-top-item:hover{padding-right:32px}.dash-top-list--premium .dash-top-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%) translateX(-6px);opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;color:var(--primary)}.dash-top-list--premium .dash-top-item:hover .dash-top-arrow{opacity:1;transform:translateY(-50%) translateX(0)}.dash-top-list--premium .dash-top-rank{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:-0.01em}.dash-top-rank--gold{background:linear-gradient(135deg,#FCD34D 0%,#F59E0B 100%);box-shadow:0 4px 10px -3px rgba(245,158,11,0.5)}.dash-top-rank--silver{background:linear-gradient(135deg,#E5E7EB 0%,#9CA3AF 100%);box-shadow:0 4px 10px -3px rgba(156,163,175,0.5);color:#334155}.dash-top-rank--bronze{background:linear-gradient(135deg,#FCA47A 0%,#C2410C 100%);box-shadow:0 4px 10px -3px rgba(194,65,12,0.5)}.dash-top-rank--teal{background:linear-gradient(135deg,#5EEAD4 0%,#2B6F67 100%);box-shadow:0 4px 10px -3px rgba(43,111,103,0.35)}.dash-top-list--premium .dash-top-bar-bg{background:#F1F5F9;border-radius:100px;overflow:hidden}.dash-top-list--premium .dash-top-bar-fill{height:100%;border-radius:inherit;transition:width 0.6s ease}.dash-top-bar-fill--gold{background:linear-gradient(90deg,#FCD34D,#F59E0B)}.dash-top-bar-fill--silver{background:linear-gradient(90deg,#D1D5DB,#9CA3AF)}.dash-top-bar-fill--bronze{background:linear-gradient(90deg,#FCA47A,#C2410C)}.dash-top-bar-fill--teal{background:linear-gradient(90deg,#5EEAD4,#2B6F67)}.dash-recent-list--premium .dash-recent-item{position:relative;transition:background 0.2s ease,transform 0.2s ease}.dash-recent-list--premium .dash-recent-item:hover{background:#F8FAFC;transform:translateX(2px)}.dash-recent-list--premium .dash-recent-icon{position:relative}.dash-recent-status{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.dash-recent-status--active{background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,0.5);animation:dashStatusPulse 2s ease-in-out infinite}.dash-recent-status--paused{background:#F59E0B}.dash-recent-status--archive{background:#94A3B8}.dash-recent-status--expired{background:#EF4444}@keyframes dashStatusPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.55)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}.dash-recent-type-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:0.2px;text-transform:uppercase;background:#F1F5F9;color:#475569;margin-right:2px}.dash-recent-type-badge--blue{background:rgba(59,130,246,0.12);color:#2563EB}.dash-recent-type-badge--red{background:rgba(239,68,68,0.12);color:#DC2626}.dash-recent-type-badge--amber{background:rgba(245,158,11,0.14);color:#B45309}.dash-recent-type-badge--purple{background:rgba(139,92,246,0.12);color:#7C3AED}.dash-recent-type-badge--cyan{background:rgba(34,211,238,0.14);color:#0E7490}.dash-recent-type-badge--green{background:rgba(16,185,129,0.12);color:#047857}.dash-recent-type-badge--pink{background:rgba(236,72,153,0.12);color:#BE185D}.dash-recent-type-badge--emerald{background:rgba(16,185,129,0.12);color:#047857}.dash-recent-type-badge--violet{background:rgba(139,92,246,0.14);color:#6D28D9}.dash-recent-type-badge--rose{background:rgba(244,63,94,0.12);color:#BE123C}.dash-recent-type-badge--orange{background:rgba(249,115,22,0.14);color:#C2410C}.dash-recent-type-badge--slate{background:#F1F5F9;color:#475569}.dash-timeline--premium{position:relative}.dash-timeline--premium .dash-timeline-item{position:relative}.dash-timeline--premium .dash-timeline-item:not(:last-child)::before{background:linear-gradient(180deg,rgba(43,111,103,0.4) 0%,rgba(43,111,103,0.08) 100%)!important}.dash-timeline--premium .dash-timeline-dot{box-shadow:0 0 0 3px rgba(43,111,103,0.08)}.dash-timeline--premium .dash-timeline-item:nth-child(n+6){opacity:0.72}.dash-timeline--premium .dash-timeline-item:nth-child(n+8){opacity:0.55}.dash-timeline-device{display:inline-block;margin-right:4px;font-size:12px}.dash-timeline-country{font-weight:600;color:#475569}.dash-timeline-device-label{color:#94a3b8}display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}.dashboard-body .card,.dashboard-content .card{background:#fff;border-radius:14px;border:1px solid #EFEFEF;overflow:hidden;transition:box-shadow 0.2s ease;margin-bottom:20px}.dashboard-body .card h3,.dashboard-content .card h3{font-size:14px;font-weight:600;color:#1A1D1F;margin:0 0 4px;padding:18px 20px 0}.dashboard-body .card-header,.dashboard-content .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #F1F3F4}.dashboard-body .card-header h3,.dashboard-content .card-header h3{font-size:14px;font-weight:600;color:#1A1D1F;margin:0;padding:0}.card-header-actions{display:flex;align-items:center;gap:8px}.chart-period-label{font-size:12px;font-weight:500;color:#9AA0A6;padding:4px 10px;background:#F5F6F8;border-radius:6px}.dashboard-body .card-body,.dashboard-content .card-body{padding:20px}.card-body-flush{padding:0!important}.empty-state-sm{text-align:center;padding:32px 20px}.empty-state-sm svg{margin-bottom:8px}.empty-state-sm p{color:#9AA0A6;font-size:13px;margin-bottom:12px}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;color:#1A1D1F;margin-bottom:4px;padding:0}.empty-state p{font-size:13px;color:#9AA0A6;margin-bottom:16px}.dash-chart-card{margin-bottom:24px}.dash-chart-card .card-body{padding:16px 20px 20px}.table-wrap{background:#fff;border-radius:14px;border:1px solid #EFEFEF;overflow:hidden}.dashboard-body .table{width:100%;border-collapse:collapse}.dashboard-body .table th{padding:10px 20px;font-size:11px;font-weight:600;color:#9AA0A6;text-transform:uppercase;letter-spacing:0.5px;text-align:left;border-bottom:1px solid #F1F3F4}.dashboard-body .table td{padding:12px 20px;font-size:13px;color:#3C4043;border-bottom:1px solid #F5F6F8}.td-title{font-weight:600;color:#1A1D1F}.td-number{font-weight:700;color:#1A1D1F}.td-muted{color:#9AA0A6;font-size:12px}.dashboard-body .table tr:last-child td{border-bottom:none}.dashboard-body .table tr:hover td{background:#FAFBFC}.dashboard-body .table a{color:var(--primary)}.dashboard-body .table a:hover{color:var(--primary-dark)}.dashboard-body .badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;width:auto;max-width:fit-content}.dashboard-body .badge-primary{background:var(--primary-ghost);color:var(--primary)}.dashboard-body .badge-secondary{background:#F1F3F4;color:#6F767E}.dashboard-body .badge-success{background:#ECFDF5;color:#059669}.dashboard-body .badge-warning{background:#FFFBEB;color:#D97706}.dashboard-body .badge-danger{background:#FEF2F2;color:#DC2626}.dashboard-body .badge-dark{background:#E8EAED;color:#3C4043}.dashboard-body .badge-info{background:var(--primary-ghost);color:var(--primary)}.admin-alert{margin:1rem 1.5rem 0}.sidebar-link .sidebar-unread-badge{margin-left:auto;font-size:11px;padding:2px 7px;border-radius:10px;background:#DC2626;color:#fff;font-weight:600;line-height:1.4}.dashboard-body .btn{padding:10px 20px;font-size:14px;border-radius:10px}.dashboard-body .form-group label{color:#5F6368;font-size:13px;font-weight:500;margin-bottom:6px;display:block}.dashboard-body .form-group label.toggle-label{display:flex;align-items:center;gap:10px;margin-bottom:0}.dashboard-body .alert{border-radius:8px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.dashboard-body .alert-success{background:#E6F4EA;color:#137333;border-left:4px solid #34A853}.dashboard-body .alert-error{background:#FCE8E6;color:#C5221F;border-left:4px solid #EA4335}.dashboard-body .alert-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;opacity:0.6;padding:0 4px}.dashboard-body .progress-bar-small{width:60px;height:5px;background:#E8EAED;border-radius:5px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.dashboard-body .progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:5px;transition:width 0.6s ease}.dashboard-body .text-muted{color:#80868B}.dashboard-body .settings-grid{max-width:640px}.dashboard-body .search-form{display:flex;gap:12px;align-items:center}.dashboard-body .search-form .form-group{flex:1;margin:0}.dashboard-body .search-form .form-control-filter{min-width:140px;width:auto}.admin-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-page-header h1{margin:0}.admin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.admin-search-input{padding-left:40px}.admin-search-group{flex:1;margin:0;position:relative}.admin-table-actions{display:flex;align-items:center;gap:6px}.admin-id-cell{color:#80868B;font-size:12px}.admin-date-cell{color:#80868B;font-size:13px}.admin-title-cell{font-weight:500}.admin-shorturl-cell{font-size:13px;max-width:260px;overflow:hidden}.admin-shorturl-cell>a{display:block;color:var(--primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.admin-shorturl-cell>a:hover{text-decoration:underline}.admin-shorturl-alt{font-size:11.5px;color:#94a3b8;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content-cell{font-size:12.5px;color:#475569;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;letter-spacing:0.1px}.admin-scans-cell{font-weight:600}.admin-qr-preview-trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(43,111,103,0.08);color:var(--primary);cursor:pointer;transition:var(--transition);position:relative}.admin-qr-preview-trigger:hover{background:rgba(43,111,103,0.15);transform:scale(1.1)}.admin-qr-tooltip{position:fixed;z-index:10000;width:400px;height:400px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);padding:16px;pointer-events:none;opacity:0;transform:scale(0.9);transition:opacity 0.2s ease,transform 0.2s ease;display:flex;align-items:center;justify-content:center}.admin-qr-tooltip.visible{opacity:1;transform:scale(1)}.admin-qr-tooltip img{width:100%;height:100%;object-fit:contain;border-radius:8px}.admin-qr-tooltip-spinner{width:36px;height:36px;border:3px solid rgba(43,111,103,0.15);border-top-color:var(--primary);border-radius:50%;animation:spin 0.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-amount-cell{font-weight:600;color:#202124}.admin-card-filter{padding:16px 20px;margin-bottom:20px}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-page-title{margin:0}.admin-page-subtitle{margin:0;font-size:14px;color:#5F6368}.admin-card{padding:24px}.admin-card-mb{margin-bottom:20px}.admin-card-section-title{padding:0;margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;color:#5F6368}.admin-card-section-title-lg{padding:0;margin:0 0 20px;font-size:16px}.admin-card-subtitle{font-size:13px;margin:0 0 20px;color:#5F6368}.admin-card-narrow{max-width:680px}.admin-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-grid-span2{grid-column:span 2}.admin-features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.admin-feat-section{background:#f8fafb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.admin-feat-section strong{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:0.5px;margin-bottom:4px}.admin-feat-section>label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.admin-feat-section>label input[type="number"],.admin-feat-section>label select{max-width:120px}.admin-feat-section>label small{color:#94a3b8;font-size:11px}.admin-checkbox-row{display:flex;gap:12px;flex-wrap:wrap}.admin-checkbox-row label{display:flex;align-items:center;gap:4px;font-size:13px}@media (max-width:900px){.admin-features-grid{grid-template-columns:1fr}}.admin-charts-4grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width:768px){.admin-charts-4grid{grid-template-columns:1fr}}.admin-pct-bar{display:flex;align-items:center;gap:8px;justify-content:flex-end}.admin-pct-bar span{font-size:12px;color:#5F6368;min-width:40px;text-align:right}.admin-pct-fill{height:6px;background:linear-gradient(90deg,#1A73E8,#A142F4);border-radius:3px;min-width:2px}.admin-pagination-info{font-size:13px;color:#5F6368;margin-bottom:12px}.pagination-dots{display:inline-flex;align-items:center;padding:0 4px;color:#80868B;font-size:14px}.admin-flex-between{display:flex;align-items:center;justify-content:space-between}.admin-flex-center{display:flex;align-items:center;gap:16px}.admin-flex-gap8{display:flex;gap:8px;margin-top:8px}.admin-stat-card{border-left:4px solid var(--stat-color,#1A73E8)}.admin-stat-card--blue{--stat-color:#1A73E8}.admin-stat-card--green{--stat-color:#34A853}.admin-stat-card--orange{--stat-color:#F9AB00}.admin-stat-card--red{--stat-color:#EA4335}.admin-stat-card--purple{--stat-color:#7C3AED}.admin-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.admin-stat-icon--blue{background:#E8F0FE}.admin-stat-icon--green{background:#E6F4EA}.admin-stat-icon--orange{background:#FEF3E2}.admin-stat-icon--red{background:#FCE8E6}.admin-stat-icon--purple{background:#F3E8FD}.admin-text-muted{color:#80868B}.admin-text-sm{font-size:13px}.admin-text-xs{font-size:12px}.admin-text-mono{font-family:monospace}.admin-text-mono-sm{font-family:monospace;font-size:13px}.admin-text-bold{font-weight:600}.admin-text-label{font-size:12px;margin-bottom:2px;color:#5F6368}.admin-text-hint{display:block;margin-top:6px;font-size:12px;color:#80868B}.admin-avatar-lg{width:48px;height:48px;font-size:18px}.admin-avatar-sm{width:28px;height:28px;font-size:11px}.admin-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.admin-verify-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.15);line-height:0}.admin-verify-badge--ok{background:#10b981}.admin-verify-badge--pending{background:#f59e0b}.admin-online-dot{position:absolute;top:-2px;left:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,0.25);animation:adminOnlinePulse 2s ease-in-out infinite}@keyframes adminOnlinePulse{0%,100%{box-shadow:0 0 0 2px rgba(34,197,94,0.25)}50%{box-shadow:0 0 0 4px rgba(34,197,94,0.12)}}.admin-users .admin-row--online>td{background:rgba(34,197,94,0.06)}.admin-users .admin-row--online:hover>td{background:rgba(34,197,94,0.11)}.admin-users .table thead th{user-select:none}.admin-sort-link{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;white-space:nowrap;transition:color 0.15s ease}.admin-sort-link:hover{color:#1a73e8}.admin-sort-link--active{color:#1a73e8;font-weight:600}.admin-sort-icon{opacity:0.4;flex-shrink:0;transition:opacity 0.15s ease}.admin-sort-link:hover .admin-sort-icon{opacity:0.8}.admin-sort-icon.admin-sort-active{opacity:1;color:#1a73e8}.admin-table-wrap{overflow-x:auto}.admin-table-empty{text-align:center;color:#80868B;padding:24px}.admin-table-right{text-align:right}.admin-chart-container{max-width:220px;margin:0 auto}.admin-chart-bar-container{position:relative;height:220px}.admin-chart-bar-container canvas{max-height:220px}.admin-chart-card{padding:20px;margin-bottom:16px}.admin-main-chart-wrap{position:relative;height:240px}.admin-charts-4grid .admin-chart-card{padding:16px}.admin-charts-4grid .admin-chart-container{max-width:180px}.admin-charts-4grid .admin-chart-bar-container{height:180px}.admin-charts-4grid .admin-chart-bar-container canvas{max-height:180px}.admin-chart-title{padding:0;margin:0 0 4px}.admin-chart-subtitle{font-size:13px;margin:0;color:#5F6368}.admin-message-body{line-height:1.7;color:#202124}.admin-filter-pills{padding:16px 20px;margin-bottom:20px}.admin-filter-pills-inner{display:flex;align-items:center;gap:8px}.admin-filter-pill{font-size:13px;padding:6px 14px}.admin-filter-badge{margin-left:4px}.admin-mb-0{margin-bottom:0}.admin-mt-8{margin-top:8px}.admin-mt-20{margin-top:20px}.admin-btn-save{padding:12px 32px}.admin-hidden{display:none}.admin-no-margin{margin:0}.admin-icon-inline{vertical-align:-3px;margin-right:6px}.admin-favicon{vertical-align:middle;margin-right:6px;border-radius:3px}.admin-type-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.dashboard-body .pagination .btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dashboard-body .edit-row td{background:#F8F9FA;padding:20px 24px}.dashboard-body .period-selector .btn{border-radius:100px;padding:6px 16px;font-size:13px}.dashboard-body .period-selector .btn.active{background:var(--primary);color:#fff}@media (max-width:1024px){.dashboard-body .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2{grid-template-columns:1fr}.dashboard-grid-3{grid-template-columns:1fr}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%);box-shadow:4px 0 20px rgba(0,0,0,0.12);width:280px!important}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-collapse-btn{display:none}.dashboard-body--sidebar-collapsed .dashboard-main{margin-left:0}.sidebar-overlay.open{display:block}.dashboard-main{margin-left:0;width:100%;max-width:100vw;overflow-x:clip}.dashboard-topbar{padding:0 16px 0 56px;height:56px;gap:8px}.dashboard-content{padding:16px}.dash-alert{margin:12px 16px 0}.dash-welcome{padding:20px;border-radius:14px}.dash-welcome-text h1{font-size:18px}.dash-welcome-decoration{display:none}.topbar-left{display:none}.topbar-user-name{display:none}.topbar-lang-btn{padding:0 10px;height:34px}.topbar-lang-btn svg{width:14px;height:14px}.topbar-lang-code{font-size:11.5px}.topbar-right{gap:12px;margin-left:auto}.topbar-user-chevron{display:none}.topbar-pulse{padding:5px 10px 5px 6px;gap:6px}.topbar-pulse-icon{width:22px;height:22px}.topbar-pulse-label{display:none}.topbar-pulse-count{font-size:13px}}@media (max-width:480px){.dashboard-body .stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:16px}}.qr-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.template-card{display:flex;flex-direction:column;transition:all 0.25s ease}.template-card:hover{box-shadow:0 4px 12px rgba(60,64,67,0.12);transform:translateY(-2px)}.template-card .card-body{display:flex;flex-direction:column;flex:1;padding:20px}.qr-card-preview{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#F8F9FA;border-bottom:1px solid #E8EAED;padding:16px}.qr-card-preview img{max-height:100%;max-width:120px;border-radius:8px}.qr-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.qr-card-title{font-size:15px;font-weight:600;color:#202124;margin:0;line-height:1.4;word-break:break-word}.qr-card-meta{margin-bottom:12px}.qr-card-link{font-size:12.5px;color:var(--primary);text-decoration:none;word-break:break-all;opacity:0.85}.qr-card-link:hover{opacity:1}.qr-card-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:12px 0;border-top:1px solid #E8EAED;border-bottom:1px solid #E8EAED}.qr-card-stat{display:flex;align-items:baseline;gap:6px}.qr-card-stat-value{font-size:20px;font-weight:700;color:#202124}.qr-card-stat-label{font-size:11px;color:#80868B;text-transform:uppercase;letter-spacing:0.5px}.qr-card-actions{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.qr-card-actions .btn{flex:1;text-align:center;justify-content:center}.template-preview{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:12px!important;margin-bottom:14px!important;transition:transform 0.2s ease}.template-card:hover .template-preview{transform:scale(1.02)}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.period-selector{display:flex;gap:8px;flex-wrap:wrap}.btn-danger-ghost{background:transparent;color:#C5221F;border-color:transparent;padding:8px 16px}.btn-danger-ghost:hover{background:#FCE8E6}.pagination{display:flex;gap:6px;justify-content:center;margin-top:24px;flex-wrap:wrap}.qr-page-wrap{max-width:1200px}.dashboard-body .generator-layout{display:grid;grid-template-columns:1fr 380px;gap:36px}.dashboard-body .generator-panel{display:flex;flex-direction:column;gap:20px}.dashboard-body .generator-preview{position:sticky;top:96px}.dashboard-body .preview-card{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);border:1px solid #E2E5E9;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 4px 24px rgba(43,111,103,0.06),0 1px 3px rgba(0,0,0,0.04)}.dashboard-body .preview-card h3{font-size:11px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;padding:0}.dashboard-body .qr-preview-container{display:flex;justify-content:center;margin-bottom:20px}.dashboard-body .qr-preview-container .qr-preview-card{position:relative;overflow:visible;width:100%;max-width:280px;border-radius:16px;background:#fff;border:1px solid #F1F3F5;box-shadow:0 2px 12px rgba(0,0,0,0.04);transition:transform 0.3s ease}.dashboard-body .qr-preview-container .qr-preview-card:hover{transform:scale(1.02)}.dashboard-body .qr-preview-container .qr-preview-card canvas{width:100%;height:auto;display:block}.dashboard-body .qr-draft-badge-overlay{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;background:#FEF3C7;color:#92400E;font-size:10px;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:0.3px;box-shadow:0 1px 4px rgba(0,0,0,0.1);z-index:5;white-space:nowrap}.dashboard-body .preview-actions{display:flex;gap:8px;justify-content:center}.dashboard-body .generator-tabs{display:flex;gap:4px;background:#F1F3F4;border:1px solid #E8EAED;border-radius:10px;padding:4px}.dashboard-body .gen-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#5F6368;font-size:13.5px;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.dashboard-body .gen-tab:hover{color:#202124;background:#E8EAED}.dashboard-body .gen-tab.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px rgba(43,111,103,0.25)}.dashboard-body .qr-type-tabs-wrap{margin-bottom:0}.dashboard-body .qr-type-tabs-wrap .tab-scroll-arrow{background:rgba(255,255,255,0.95);border:1px solid #DADCE0;color:#333;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.dashboard-body .qr-type-tabs-wrap .tab-scroll-arrow:hover{background:#fff;border-color:#bbb}.dashboard-body .tpl-thumb-canvas{width:100%;height:100%;display:block}.dashboard-body .design-section{padding:16px 0;border-bottom:1px solid #E8EAED}.dashboard-body .design-section:last-child{border-bottom:none}.dashboard-body .design-section h3{font-size:13px;font-weight:600;color:#5F6368;text-transform:uppercase;letter-spacing:0.4px;margin-bottom:12px;padding:0}.dashboard-body .color-picker-row{display:flex;align-items:center;gap:10px}.dashboard-body .color-picker{width:40px;height:40px;border:2px solid #DADCE0;border-radius:10px;cursor:pointer}.dashboard-body .color-hex{width:90px;font-size:13px;padding:8px 10px;background:#fff;border:1px solid #DADCE0;color:#3C4043;border-radius:8px}.dashboard-body .style-options{display:flex;flex-wrap:wrap;gap:8px}.dashboard-body .style-option{padding:10px 14px;border:1px solid #DADCE0;background:#fff;color:#5F6368;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.dashboard-body .style-option:hover{border-color:var(--primary);color:#202124}.dashboard-body .style-option.active{border-color:var(--primary);background:var(--primary-ghost);color:var(--primary)}.dashboard-body .download-options h3{font-size:16px;font-weight:600;margin-bottom:16px}.dashboard-body .download-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.dashboard-body .download-btn{display:flex;align-items:center;justify-content:center;gap:8px}.dashboard-body .download-size{margin-bottom:20px}.dashboard-body .download-size label{font-size:13px;color:#5F6368}.dashboard-body .form-range{width:100%;accent-color:var(--primary)}.dashboard-body .save-qr-section{padding-top:20px}.dashboard-body hr{border:none;border-top:1px solid #E8EAED;margin:0}.dashboard-body .dynamic-qr-toggle{padding:16px 20px;background:#F8F9FA;border:1px solid #E8EAED;border-radius:12px}.dashboard-body .dynamic-qr-toggle small{display:block;color:#80868B;font-size:12px;margin-top:4px}.dashboard-body .logo-upload-area{padding:16px;background:#F8F9FA;border:1px dashed #DADCE0;border-radius:12px;text-align:center}.dashboard-body .template-carousel-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.dashboard-body .template-carousel-grid::-webkit-scrollbar{height:4px}.dashboard-body .template-carousel-grid::-webkit-scrollbar-thumb{background:#DADCE0;border-radius:4px}.dashboard-body .tpl-card{flex-shrink:0;width:90px;padding:10px 8px;border:1px solid #E8EAED;background:#fff;border-radius:12px;cursor:pointer;transition:all 0.2s ease;text-align:center;position:relative}.dashboard-body .tpl-card:hover{border-color:var(--primary);background:#F8F9FA}.dashboard-body .tpl-card.active{border-color:var(--primary);background:var(--primary-ghost)}.dashboard-body .tpl-qr-preview{width:60px;height:60px;border-radius:8px;margin:0 auto 6px;overflow:hidden}.dashboard-body .tpl-qr-preview[data-circle="1"]{border-radius:50%;padding:0}.dashboard-body .tpl-card-name{font-size:10px;font-weight:600;color:#5F6368;display:block}.dashboard-body .wizard-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:6px;background:#F1F5F9;border:none;border-radius:16px;margin-bottom:20px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)}.dashboard-body .wizard-step{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;position:relative;padding:10px 22px;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-width:auto;flex:1;justify-content:center}.dashboard-body .wizard-step:hover{background:rgba(255,255,255,0.6);transform:none}.dashboard-body .wizard-step-circle{width:28px;height:28px;min-width:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:none;color:#94A3B8;background:rgba(148,163,184,0.12);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dashboard-body .wizard-step-circle svg{width:14px;height:14px}.dashboard-body .wizard-step.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04)}.dashboard-body .wizard-step.active .wizard-step-circle{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(43,111,103,0.3);transform:none;border:none}.dashboard-body .wizard-step.completed{background:transparent}.dashboard-body .wizard-step.completed .wizard-step-circle{background:linear-gradient(135deg,#10B981,#059669);color:#fff;box-shadow:none;border:none}.dashboard-body .wizard-step-label{font-size:13px;font-weight:500;color:#94A3B8;text-align:center;transition:all 0.3s ease;letter-spacing:-0.01em;white-space:nowrap}.dashboard-body .wizard-step.active .wizard-step-label{color:#1E293B;font-weight:600}.dashboard-body .wizard-step.completed .wizard-step-label{color:#059669;font-weight:500}.dashboard-body .wizard-step-line{display:none}.dashboard-body .wizard-content{display:none}.dashboard-body .wizard-content.active{display:block;animation:wizardFadeIn 0.3s ease}@keyframes wizardFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-body .wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid #E8EAED}.dashboard-body .wizard-next-btn,.dashboard-body .wizard-back-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;border-radius:8px}.dashboard-body .wizard-next-btn{background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(43,111,103,0.2);transition:all 0.25s ease}.dashboard-body .wizard-next-btn:hover{background:var(--primary-dark);box-shadow:0 4px 14px rgba(43,111,103,0.3);transform:translateY(-1px)}.dashboard-body .wizard-back-btn{background:#fff;color:#64748B;border:1px solid #E2E5E9;cursor:pointer;transition:all 0.25s ease}.dashboard-body .wizard-back-btn:hover{background:#F8FAFC;color:#1E293B;border-color:#CBD5E1}.dashboard-body .wizard-step-circle{position:relative}.dashboard-body .wizard-step-icon{display:block}.dashboard-body .wizard-check-icon{display:none}.dashboard-body .wizard-step.completed .wizard-step-icon{display:none}.dashboard-body .wizard-step.completed .wizard-check-icon{display:block}.dashboard-body .wz-title-row{margin-bottom:16px}.dashboard-body .wz-title-row .input-icon-wrap{width:100%}.dashboard-body .wz-title-row .form-control-icon{font-size:15px;font-weight:600;padding:12px 14px 12px 42px;border-radius:var(--radius);border:1.5px solid var(--border);background:#fff;transition:border-color 0.2s}.dashboard-body .wz-title-row .form-control-icon:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.08)}.wz-advanced-accordion{margin:28px 0}.wz-advanced-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 22px;font-size:14px;font-weight:600;color:var(--dark);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,0.04);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-align:left;justify-content:flex-start}.wz-advanced-toggle::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),#1a4a44);border-radius:14px 0 0 14px;opacity:0;transition:opacity 0.25s ease}.wz-advanced-toggle:hover{border-color:var(--primary);background:linear-gradient(135deg,#f0f7f6 0%,#e8f0ef 100%);box-shadow:0 4px 16px rgba(43,111,103,0.08);transform:translateY(-1px)}.wz-advanced-toggle:hover::before,.wz-advanced-toggle.open::before{opacity:1}.wz-advanced-toggle.open{background:linear-gradient(135deg,#f0f7f6 0%,#e8f0ef 100%);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 16px rgba(43,111,103,0.1);border-radius:14px 14px 0 0}.wz-advanced-toggle .wz-adv-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(43,111,103,0.08),rgba(43,111,103,0.15));display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0}.wz-advanced-toggle:hover .wz-adv-icon,.wz-advanced-toggle.open .wz-adv-icon{background:linear-gradient(135deg,var(--primary),#1a4a44)}.wz-advanced-toggle .wz-adv-icon svg{transition:stroke 0.3s ease}.wz-advanced-toggle:hover .wz-adv-icon svg,.wz-advanced-toggle.open .wz-adv-icon svg{stroke:#fff}.wz-adv-label{display:flex;flex-direction:column;gap:2px;text-align:left}.wz-adv-label-title{font-size:14px;font-weight:600}.wz-adv-label-desc{font-size:12px;font-weight:400;color:#94a3b8;transition:color 0.3s ease}.wz-advanced-toggle:hover .wz-adv-label-desc,.wz-advanced-toggle.open .wz-adv-label-desc{color:var(--primary);opacity:0.7}.wz-advanced-chevron{margin-left:auto;width:28px;height:28px;border-radius:8px;background:rgba(0,0,0,0.04);display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);flex-shrink:0}.wz-advanced-toggle:hover .wz-advanced-chevron{background:rgba(43,111,103,0.1)}.wz-advanced-toggle.open .wz-advanced-chevron{background:var(--primary);transform:rotate(180deg)}.wz-advanced-toggle.open .wz-advanced-chevron svg{stroke:#fff}.wz-advanced-body{display:none;padding:20px;background:#fff;border:1.5px solid var(--primary);border-top:none;border-radius:0 0 14px 14px;animation:wzAccordionIn 0.3s ease}.wz-advanced-body.open{display:block}@keyframes wzAccordionIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-body .wz-card{background:#fff;border:1px solid #E8ECF0;border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.02);transition:box-shadow 0.3s ease,border-color 0.3s ease}.dashboard-body .wz-card:hover{box-shadow:0 4px 16px rgba(43,111,103,0.06);border-color:#D0D5DD}.dashboard-body .wz-card-header{padding:20px 22px 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px}.dashboard-body .wz-card-header h3{font-size:15px;font-weight:700;color:#1E293B;margin:0;padding:0;letter-spacing:-0.01em}.dashboard-body .wz-card-desc{font-size:13px;color:#94A3B8;margin:2px 0 0;width:100%;line-height:1.5}.dashboard-body .wz-card-link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;transition:opacity 0.2s}.dashboard-body .wz-card-link:hover{opacity:0.8;text-decoration:underline}.dashboard-body .wz-card-body{padding:18px 22px 22px}.dashboard-body .wz-card-divider{height:1px;background:#F1F3F5;margin:0 22px}.dashboard-body .wz-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px 20px}.dashboard-body .wz-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1px solid #E8EAED;background:#fff;border-radius:10px;cursor:pointer;transition:all 0.2s ease;font-size:11px;font-weight:600;color:#5F6368}.dashboard-body .wz-type-btn:hover{border-color:rgba(43,111,103,0.15);background:#F8F9FA;color:#202124}.dashboard-body .wz-type-btn.active{border-color:var(--primary);background:var(--primary-ghost);color:var(--primary)}.dashboard-body .wz-type-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#F1F3F4;transition:all 0.2s ease}.dashboard-body .wz-type-btn.active .wz-type-icon{background:rgba(43,111,103,0.15)}.dashboard-body .wz-type-name{text-align:center;line-height:1.2}.dashboard-body .input-icon-wrap{position:relative;display:flex;align-items:center}.dashboard-body .input-icon-wrap[style*="flex-start"],.dashboard-body .input-icon-wrap.align-top{align-items:flex-start}.dashboard-body .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94A3B8;pointer-events:none;flex-shrink:0;z-index:1;transition:color 0.2s ease}.dashboard-body .input-icon-wrap[style*="flex-start"] .input-icon,.dashboard-body .input-icon-wrap.align-top .input-icon{top:14px;transform:none}.dashboard-body .input-icon-wrap:focus-within .input-icon{color:var(--primary)}.dashboard-body .form-control-icon{padding-left:42px!important;width:100%}.dashboard-body .form-control{border:1.5px solid #C8CDD3;border-radius:10px;padding:12px 16px;font-size:14px;background:#FAFBFC;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.dashboard-body .form-control:hover:not(:focus){border-color:#94A3B8;background:#fff}.dashboard-body .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.1);background:#fff}.dashboard-body .form-control::placeholder{color:#94A3B8;font-weight:400}.dashboard-body textarea.form-control{resize:vertical;min-height:80px;line-height:1.6}.dashboard-body select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.dashboard-body select.form-control:hover:not(:focus){border-color:#CBD5E1}.dashboard-body .qr-form .form-group>label{font-size:13px;font-weight:600;color:#334155;margin-bottom:6px;letter-spacing:-0.01em}.dashboard-body .form-hint,.dashboard-body .form-text{font-size:12px;color:#94A3B8;margin-top:6px;padding-left:2px;line-height:1.4}.dashboard-body .form-row{gap:14px}.dashboard-body .form-row .form-group{margin-bottom:0}.dashboard-body .qr-form .form-group + .form-row,.dashboard-body .qr-form .form-row + .form-group{padding-top:4px}.dashboard-body .qr-input.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,0.1)!important}@media (max-width:640px){.dashboard-body .form-row{grid-template-columns:1fr;gap:0}.dashboard-body .form-row .form-group{margin-bottom:16px}}.dashboard-body .wz-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#F8F9FA;border:1px solid #E8EAED;border-radius:10px;margin-top:12px}.dashboard-body .wz-toggle-info{display:flex;align-items:center;gap:10px;font-size:14px;color:#3C4043;font-weight:500}.dashboard-body .wz-toggle-info svg{color:#5F6368;flex-shrink:0}.dashboard-body .preview-margin-slider{display:flex;align-items:center;gap:10px;padding:8px 4px;margin-top:4px}.dashboard-body .preview-margin-slider label{font-size:12px;font-weight:600;color:#64748B;white-space:nowrap}.dashboard-body .preview-margin-slider .margin-slider{flex:1;accent-color:var(--primary);height:4px}.dashboard-body .preview-margin-slider .margin-slider-val{font-size:12px;font-weight:700;color:var(--primary);min-width:20px;text-align:right}.dashboard-body .preview-wizard-nav{display:flex;gap:10px;justify-content:center;margin-top:8px}.dashboard-body .preview-wizard-nav .btn{flex:1;justify-content:center;gap:6px;border-radius:10px;font-weight:600;letter-spacing:0.02em;transition:all 0.25s ease}.dashboard-body .preview-wizard-nav .btn-primary{box-shadow:0 2px 8px rgba(43,111,103,0.2)}.dashboard-body .preview-wizard-nav .btn-primary:hover{box-shadow:0 4px 14px rgba(43,111,103,0.3);transform:translateY(-1px)}.dash-preview-toggles{display:flex;flex-direction:column;gap:0;margin:16px 0 12px;border:1px solid #E8ECF0;border-radius:12px;overflow:hidden;background:#FAFBFC}.dash-premium-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background 0.2s}.dash-premium-toggle:first-child{border-bottom:1px solid #F1F3F5}.dash-premium-toggle:hover{background:#F1F5F4}.dash-toggle-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#475569}.dash-toggle-left svg{color:var(--primary);flex-shrink:0}.dashboard-body .preview-actions{display:flex;gap:8px;justify-content:center}.dashboard-body .wz-dynamic-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#F8F9FA;border:1px solid #E8EAED;border-radius:10px;margin-top:16px}.dashboard-body .wz-dynamic-left{display:flex;align-items:center;gap:12px;color:#5F6368}.dashboard-body .wz-dynamic-left strong{display:block;font-size:13px;color:#202124}.dashboard-body .wz-dynamic-left small{display:block;font-size:11px;color:#80868B;margin-top:2px}.dashboard-body .toggle-switch-wrap{flex-shrink:0;cursor:pointer}.dashboard-body .toggle-switch-wrap input{display:none}.dashboard-body .toggle-switch-wrap .toggle-switch-sm{display:inline-block}.dashboard-body .wz-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dashboard-body .wz-color-item label{font-size:12px;font-weight:600;color:#5F6368;display:block;margin-bottom:8px}.dashboard-body .wz-gradient-row{padding-top:14px;border-top:1px solid #F1F3F4}.dashboard-body .wz-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.dashboard-body .wz-download-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border:1px solid #E8EAED;background:#fff;border-radius:10px;cursor:pointer;transition:all 0.2s ease;text-align:center}.dashboard-body .wz-download-card:hover{border-color:var(--primary);background:#F8F9FA;box-shadow:0 2px 8px rgba(43,111,103,0.1)}.dashboard-body .wz-download-card.wz-dl-locked{opacity:0.5;cursor:not-allowed;pointer-events:none;position:relative}.dashboard-body .wz-download-card.wz-dl-locked .lock-icon{vertical-align:-1px;margin-left:2px}.dashboard-body .wz-dl-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.dashboard-body .wz-dl-info strong{display:block;font-size:14px;font-weight:700;color:#202124}.dashboard-body .wz-dl-info small{display:block;font-size:11px;color:#80868B;margin-top:2px}.dashboard-body .wz-size-slider{padding:16px 0 0;border-top:1px solid #F1F3F4}.dashboard-body .wz-size-header{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.dashboard-body .wz-size-header label{font-size:13px;font-weight:600;color:#5F6368;margin-right:auto}.dashboard-body .wz-size-value{font-size:16px;font-weight:700;color:var(--primary)}.dashboard-body .wz-size-unit{font-size:12px;color:#80868B}.dashboard-body .wz-size-labels{display:flex;justify-content:space-between;font-size:11px;color:#80868B;margin-top:4px}@media (max-width:768px){.dashboard-body .wizard-steps{padding:4px;margin-bottom:16px;border-radius:12px}.dashboard-body .wizard-step{padding:8px 12px;gap:6px;border-radius:10px}.dashboard-body .wizard-step-circle{width:24px;height:24px;min-width:24px;border-radius:6px}.dashboard-body .wizard-step-circle svg{width:12px;height:12px}.dashboard-body .wizard-step-label{font-size:11px}.qr-page-wrap .qr-page-header{flex-direction:column;align-items:flex-start;gap:10px}.qr-page-wrap .qr-page-header h1{font-size:18px}.qr-page-wrap .qr-page-header-right{width:100%}.qr-page-wrap .qr-page-header-right .btn{font-size:12px;padding:6px 10px}.dashboard-body .wz-step1-row{grid-template-columns:1fr}.dashboard-body .preview-card{padding:20px 16px}.dashboard-body .preview-wizard-nav{gap:6px}.dashboard-body .preview-wizard-nav .btn{font-size:12px;padding:8px 12px}}@media (max-width:600px){.dashboard-body .wz-type-grid{grid-template-columns:repeat(3,1fr)}.dashboard-body .wz-download-grid{grid-template-columns:1fr}.dashboard-body .wz-color-grid{grid-template-columns:1fr}.dashboard-body .wizard-steps{padding:3px;flex-wrap:nowrap}.dashboard-body .wizard-step{padding:7px 8px;gap:4px;border-radius:8px}.dashboard-body .wizard-step-circle{width:22px;height:22px;min-width:22px;border-radius:6px}.dashboard-body .wizard-step-circle svg{width:11px;height:11px}.dashboard-body .wizard-step-label{font-size:10px;letter-spacing:0}}.dashboard-body .qr-form{display:none}.dashboard-body .qr-form.active{display:block}.dashboard-body .tab-content{display:none}.dashboard-body .tab-content.active{display:block}.dashboard-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-body .form-group{margin-bottom:1rem}.dashboard-body .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#3C4043;font-weight:500}.dashboard-body .toggle-switch-sm{background:#DADCE0;border:none}.dashboard-body .toggle-label input:checked + .toggle-switch-sm{background:var(--primary)}.edit-tabs{display:flex;gap:4px;background:#fff;border-radius:14px;padding:6px;border:1px solid #EFEFEF;margin-bottom:16px}.edit-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:500;color:#6F767E;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.edit-tab:hover{background:var(--bg-alt);color:#1A1D1F}.edit-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(43,111,103,0.2)}.edit-tab.active svg{stroke:#fff}.edit-tab-content{display:none}.edit-tab-content.active{display:block}.edit-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.edit-info-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#F8F9FA;border-radius:10px}.edit-info-icon{width:36px;height:36px;border-radius:10px;background:rgba(43,111,103,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.edit-info-icon svg{stroke:var(--primary)}.edit-info-item small{font-size:11px;color:#6F767E;display:block}.edit-info-item strong{font-size:14px;color:#1A1D1F;display:block}.edit-short-url-inline{display:flex;align-items:center;gap:4px}.edit-short-url-inline a{color:var(--primary);text-decoration:none;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-short-url-inline a:hover{text-decoration:underline}.edit-status-toggle{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.edit-status-toggle input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.edit-short-url{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(43,111,103,0.04);border-radius:8px;font-size:13px}.edit-short-url svg{color:var(--primary);flex-shrink:0}.edit-short-url a{color:var(--primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-short-url a:hover{text-decoration:underline}.edit-copy-btn{border:none;background:none;padding:4px;cursor:pointer;color:#6F767E;border-radius:6px;flex-shrink:0;transition:all 0.15s}.edit-copy-btn:hover{background:rgba(43,111,103,0.1);color:var(--primary)}.edit-pw-active{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px}.edit-pw-active-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1e293b}.edit-pw-active-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.15);flex-shrink:0}.edit-pw-remove-toggle{display:flex;align-items:center;cursor:pointer}.edit-pw-remove-toggle input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.edit-pw-remove-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#94a3b8;padding:4px 10px;border-radius:6px;border:1px solid transparent;transition:all 0.15s ease}.edit-pw-remove-label:hover{color:#ef4444;background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.15)}.edit-pw-remove-toggle input:checked ~ .edit-pw-remove-label{color:#ef4444;background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);font-weight:600}@media (max-width:480px){.edit-info-grid{grid-template-columns:1fr}.edit-tabs{flex-wrap:wrap}}.dashboard-body .logo-preview{position:relative;display:inline-block;margin-top:10px}.dashboard-body .logo-preview img{width:60px;height:60px;object-fit:contain;border-radius:8px;background:#F8F9FA;border:1px solid #E8EAED}.dashboard-body .btn-remove-logo{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#EA4335;color:#fff;border:2px solid #fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.color-controls-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-controls-grid-4 .color-control{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.color-controls-grid-4 .color-control label{font-size:11px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:0.5px;margin:0;display:flex;align-items:center;gap:6px}.color-swatch-wrap{width:48px;height:48px;border-radius:12px;border:2px solid #E2E5E9;padding:3px;background:#fff;transition:all 0.2s;cursor:pointer}.color-swatch-wrap:hover{border-color:#2B6F67;box-shadow:0 0 0 3px rgba(43,111,103,0.12)}.color-swatch{width:100%;height:100%;border:none;border-radius:8px;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:8px}.color-swatch::-moz-color-swatch{border:none;border-radius:8px}.color-controls-grid-4 .color-hex{width:100%;max-width:90px;font-size:12px;padding:5px 8px;text-align:center;background:#F8FAFC;border:1px solid #E2E5E9;color:#475569;border-radius:8px;font-family:monospace}.color-controls-grid-4 .color-hex:focus{border-color:#2B6F67;outline:none;background:#fff}.color-grad-toggle{width:14px;height:14px;border-radius:4px;border:2px solid #CBD5E1;display:inline-block;transition:all 0.2s;cursor:pointer;position:relative}#gradientToggle:checked ~ .color-grad-toggle{background:#2B6F67;border-color:#2B6F67}#gradientToggle:checked ~ .color-grad-toggle::after{content:'';position:absolute;top:1px;left:3px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.color-control-gradient .color-swatch-wrap,.color-control-gradient .color-hex{opacity:0.35;transition:opacity 0.2s;cursor:pointer}.color-control-gradient .color-swatch-wrap input,.color-control-gradient .color-hex{pointer-events:none}.color-control-gradient.active .color-swatch-wrap,.color-control-gradient.active .color-hex{opacity:1}.color-control-gradient.active .color-swatch-wrap input,.color-control-gradient.active .color-hex{pointer-events:auto}.gradient-swatch-wrap{background:linear-gradient(135deg,#E0E7FF,#F5F3FF)}@media (max-width:600px){.color-controls-grid-4{grid-template-columns:repeat(2,1fr)}}.dashboard-body .frame-options{margin-top:12px}.dashboard-body .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard-body .pricing-card{background:#fff;border:1px solid #E8EAED;border-radius:12px;padding:24px;position:relative;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(60,64,67,0.08)}.dashboard-body .pricing-card:hover{box-shadow:0 4px 12px rgba(60,64,67,0.12);transform:translateY(-2px)}.dashboard-body .pricing-card-active{border-color:var(--primary);background:var(--primary-ghost)}.dashboard-body .pricing-card-popular{border-color:#F9AB00}.dashboard-body .pricing-popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#F9AB00,#E37400);color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px}.dashboard-body .pricing-name{font-size:18px;font-weight:700;color:#202124;margin-bottom:8px}.dashboard-body .pricing-price{margin-bottom:16px}.dashboard-body .pricing-amount{font-size:32px;font-weight:800;color:#202124;letter-spacing:-1px}.dashboard-body .pricing-period{font-size:14px;color:#80868B}.dashboard-body .pricing-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.dashboard-body .pricing-features li{font-size:13px;color:#5F6368;padding-left:20px;position:relative}.dashboard-body .pricing-features li::before{content:'✓';position:absolute;left:0;color:#34A853;font-weight:700}.dashboard-body .style-preview{width:28px;height:28px;border-radius:4px;background:#E8EAED}.dashboard-body .tpl-qr-svg{width:100%;height:100%}.dashboard-body .tpl-pro{position:absolute;top:4px;right:4px;font-size:8px;padding:1px 5px}.dashboard-body .billing-toggle{display:flex;align-items:center;gap:8px}.dashboard-body input[type="range"]{width:100%;height:4px;appearance:none;background:#DADCE0;border-radius:4px;outline:none;margin-top:8px}.dashboard-body input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.dashboard-body .drop-zone{border:2px dashed #DADCE0;border-radius:12px;padding:40px 24px;text-align:center;transition:all 0.25s ease;background:#F8F9FA;cursor:pointer}.dashboard-body .drop-zone.drag-over{border-color:var(--primary);background:var(--primary-ghost)}.dashboard-body .drop-zone p{margin:12px 0 6px;color:#3C4043;font-weight:500}.dashboard-body .drop-zone-file{display:flex;align-items:center;gap:12px;justify-content:center;color:#3C4043}.dashboard-body .drop-zone-file svg{color:var(--primary)}.dashboard-body .progress-bar{width:100%;height:8px;background:#E8EAED;border-radius:8px;overflow:hidden}.dashboard-body .progress-bar .progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:8px;transition:width 0.3s ease}.stats-grid-2{grid-template-columns:repeat(2,1fr)!important}.qr-analytics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.qr-analytics-header h1{font-size:22px;font-weight:700;margin:0 0 8px}.text-center{text-align:center}@media (max-width:1024px){.qr-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-body .generator-layout{grid-template-columns:1fr}.dashboard-body .generator-preview{position:static}.dashboard-body .form-row{grid-template-columns:1fr}.stats-grid-2{grid-template-columns:repeat(2,1fr)!important}.dashboard-body .generator-preview{display:none}}.preview-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid #E2E5E9;box-shadow:0 -4px 24px rgba(0,0,0,0.08);padding:12px 20px;align-items:center;gap:14px}.preview-bottom-bar .pbb-thumb{width:52px;height:52px;border-radius:10px;border:1px solid #E2E5E9;background:#F8FAFC;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;cursor:pointer}.preview-bottom-bar .pbb-thumb canvas{width:44px;height:44px}.preview-bottom-bar .pbb-thumb .pbb-placeholder-icon{color:#94A3B8}.preview-bottom-bar .pbb-info{flex:1;min-width:0}.preview-bottom-bar .pbb-label{font-size:13px;font-weight:600;color:#1E293B}.preview-bottom-bar .pbb-hint{font-size:11px;color:#94A3B8}.preview-bottom-bar .pbb-actions{display:flex;gap:8px;flex-shrink:0}.preview-bottom-bar .pbb-expand-btn{width:40px;height:40px;border-radius:10px;border:1px solid #E2E5E9;background:#F8FAFC;color:#64748B;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.preview-bottom-bar .pbb-expand-btn:hover{background:#EEF2FF;color:#2B6F67;border-color:#2B6F67}.preview-drawer-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.4);backdrop-filter:blur(2px);opacity:0;transition:opacity 0.3s}.preview-drawer-overlay.active{display:block;opacity:1}.preview-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,0.12);max-height:85vh;transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column}.preview-drawer.open{transform:translateY(0)}.preview-drawer-handle{display:flex;justify-content:center;padding:12px 0 4px;cursor:grab}.preview-drawer-handle span{width:40px;height:4px;border-radius:4px;background:#CBD5E1}.preview-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px;border-bottom:1px solid #F1F5F9}.preview-drawer-header h3{font-size:14px;font-weight:700;color:#1E293B;margin:0;text-transform:uppercase;letter-spacing:1px}.preview-drawer-close{width:32px;height:32px;border-radius:8px;border:none;background:#F1F5F9;color:#64748B;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.preview-drawer-close:hover{background:#E2E8F0;color:#1E293B}.preview-drawer-body{padding:20px;overflow-y:auto;text-align:center}.preview-drawer-body .qr-preview-container{display:flex;justify-content:center;margin-bottom:16px}.preview-drawer-body .qr-preview-card canvas{max-width:240px;max-height:240px;width:100%;height:auto}.preview-drawer-body .preview-margin-slider{margin-bottom:16px}.preview-drawer-nav{display:flex;gap:8px;justify-content:center;padding:0 20px 20px}.preview-drawer-nav .btn{flex:1;max-width:200px}@media (max-width:1024px){.preview-bottom-bar{display:flex}}@media (max-width:600px){.qr-cards-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-row .form-group{width:100%!important}.stats-grid-2{grid-template-columns:1fr!important}}.premium-type-notice{display:flex;align-items:center;gap:14px;padding:22px 24px;background:#FEF7E0;border:1px solid #F9E6A0;border-radius:var(--radius-md)}.premium-type-icon{width:44px;height:44px;border-radius:var(--radius);background:#F9AB00;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.premium-type-text{flex:1}.premium-type-text strong{display:block;font-size:14px;color:#202124;margin-bottom:2px}.premium-type-text span{font-size:12px;color:#5F6368}.premium-sparkle{color:#F59E0B;font-size:14px}@media (max-width:576px){.premium-type-notice{flex-direction:column;text-align:center;padding:18px 16px;gap:10px}.premium-type-notice .btn{width:100%}}.dashboard-body .pdf-upload-area{border-color:var(--border);background:#f8f9fa}.dashboard-body .pdf-upload-area:hover,.dashboard-body .pdf-upload-area.dragover{border-color:var(--primary);background:rgba(43,111,103,0.04)}.dashboard-body .pdf-upload-idle svg{color:#9ca3af}.dashboard-body .pdf-upload-idle p{color:#374151}.dashboard-body .pdf-upload-hint{color:#9ca3af}.dashboard-body .pdf-progress-bar{background:#e5e7eb}.dashboard-body .pdf-progress-text{color:#6b7280}.dashboard-body .pdf-file-name{color:#374151}.dashboard-body .pdf-remove-btn{color:#9ca3af}.multiurl-compact-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;max-height:174px;overflow-y:auto}.multiurl-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fa;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.multiurl-row:hover{border-color:var(--primary-light,#8dc5bf);background:#f0f4f3}.multiurl-row-number{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.multiurl-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.multiurl-row-title{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiurl-row-url{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiurl-row-delete{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:50%;transition:var(--transition);display:flex;align-items:center;flex-shrink:0}.multiurl-row-delete:hover{color:#ef4444;background:rgba(239,68,68,0.08)}.multiurl-field-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;display:block}.multiurl-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:8px;background:none;border:2px dashed var(--border);border-radius:var(--radius);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.multiurl-add-btn:hover{border-color:var(--primary);background:rgba(43,111,103,0.04)}.multiurl-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;padding:24px}.multiurl-modal-overlay.active{display:flex}.multiurl-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);width:100%;max-width:440px;padding:28px 32px;animation:modalSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}.multiurl-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.multiurl-modal-title{font-size:18px;font-weight:700;color:var(--dark);margin:0}.multiurl-modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:50%;transition:var(--transition);display:flex;align-items:center}.multiurl-modal-close:hover{color:var(--dark);background:rgba(0,0,0,0.05)}.multiurl-modal-body .form-group{margin-bottom:16px}.multiurl-modal-body .form-group:last-child{margin-bottom:0}.multiurl-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.multiurl-modal-cancel-btn{padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.multiurl-modal-cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.multiurl-modal-save-btn{padding:8px 24px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.multiurl-modal-save-btn:hover{background:var(--primary-dark,#245e56)}.generator-dark-area .multiurl-row{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.12)}.generator-dark-area .multiurl-row:hover{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.08)}.generator-dark-area .multiurl-row-title{color:rgba(255,255,255,0.85)}.generator-dark-area .multiurl-row-url{color:rgba(255,255,255,0.4)}.generator-dark-area .multiurl-row-delete{color:rgba(255,255,255,0.4)}.generator-dark-area .multiurl-row-delete:hover{color:#ef4444;background:rgba(239,68,68,0.15)}.generator-dark-area .multiurl-field-label{color:rgba(255,255,255,0.5)}.generator-dark-area .multiurl-add-btn{border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}.generator-dark-area .multiurl-add-btn:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.05)}.download-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;padding:24px}.download-modal-overlay.active{display:flex}.download-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);width:100%;max-width:520px;padding:40px;animation:modalSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}.download-modal-title{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:32px;letter-spacing:-0.3px}.download-field{margin-bottom:28px}.download-field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px}.download-format-options{display:flex;gap:32px}.download-radio{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--dark);cursor:pointer}.download-radio input[type="radio"]{width:20px;height:20px;accent-color:var(--primary)}.download-size-options{display:flex;gap:8px;flex-wrap:wrap}.size-option{padding:10px 20px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--body);cursor:pointer;transition:var(--transition)}.size-option:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.size-option.active{background:var(--primary-ghost);border-color:var(--primary);color:var(--primary);font-weight:600}.size-option.locked,.download-radio.locked,.frame-option.locked,.copy-size-btn.locked{opacity:0.45;position:relative;cursor:pointer}.size-option.locked svg,.download-radio.locked svg,.copy-size-btn.locked svg.lock-icon{vertical-align:-1px;margin-left:2px;stroke:#999}.locked[data-tooltip]{position:relative}.locked[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:6px;background:var(--text-primary,#1a1a2e);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:100}.locked[data-tooltip]::before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--text-primary,#1a1a2e);pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:100}.locked[data-tooltip]:hover::after,.locked[data-tooltip]:hover::before{opacity:1}.custom-size-input-wrap{display:flex;align-items:center;gap:6px;margin-top:8px}.custom-size-input-wrap input{width:90px;padding:6px 10px;border:1.5px solid var(--primary);border-radius:8px;font-size:14px;font-weight:600;color:var(--primary);background:var(--primary-50,#f0f4ff);outline:none;transition:border-color 0.2s;-moz-appearance:textfield}.custom-size-input-wrap input::-webkit-outer-spin-button,.custom-size-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-size-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb,79,70,229),0.12)}.custom-size-input-wrap .custom-size-x{font-size:16px;font-weight:700;color:var(--text-secondary);line-height:1}.custom-size-input-wrap .custom-size-unit{font-size:13px;font-weight:600;color:var(--text-secondary)}.download-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:24px;border-top:1px solid var(--border)}.btn-success-green{background:#8DB600;color:#fff;border:none;padding:12px 32px;border-radius:var(--radius);font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px rgba(141,182,0,0.3)}.btn-success-green:hover{background:#7da200;box-shadow:0 4px 12px rgba(141,182,0,0.4)}.qr-saved-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;padding:24px}.qr-saved-modal-overlay.active{display:flex}.qr-saved-modal{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);width:100%;max-width:680px;padding:40px;animation:modalSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}.qr-saved-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.qr-saved-close:hover{background:var(--bg-light);color:var(--dark)}.qr-saved-layout{display:flex;gap:32px}.qr-saved-left{flex:0 0 240px;display:flex;flex-direction:column;gap:10px}.qr-saved-preview-card{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:center}.qr-saved-preview-card canvas{width:100%;height:auto;display:block}.qr-saved-ads-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);background:var(--primary-50);padding:8px 12px;border-radius:var(--radius)}.qr-saved-ads-note svg{flex-shrink:0;stroke:var(--primary)}.qr-saved-ads-note a{color:var(--primary);font-weight:600;text-decoration:underline}.qr-saved-remove-ads{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;box-sizing:border-box;max-width:100%;padding:8px 12px;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius);color:#92400e;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.2s}.qr-saved-remove-ads:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f;transform:translateY(-1px);box-shadow:0 2px 8px rgba(245,158,11,0.3)}.qr-saved-remove-ads svg{stroke:#f59e0b;flex-shrink:0;width:12px;height:12px}.qr-saved-convert-dynamic{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:8px 12px;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary-dark);font-size:12px;font-weight:600;text-decoration:none;transition:all 0.2s}.qr-saved-convert-dynamic:hover{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px rgba(43,111,103,0.25)}.qr-saved-convert-dynamic svg{stroke:var(--primary);flex-shrink:0;width:12px;height:12px}.qr-saved-right{flex:1;display:flex;flex-direction:column;gap:14px}.qr-saved-heading{font-size:22px;font-weight:700;color:var(--dark);margin:0;letter-spacing:-0.3px;display:flex;align-items:center;gap:8px}.qr-saved-heading .qr-saved-badge{display:inline-flex;align-items:center;gap:4px;background:var(--success-bg);color:var(--primary);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:0.3px;text-transform:uppercase}.qr-saved-title-row{display:flex;align-items:center;gap:8px;border-radius:var(--radius);padding:2px 4px;transition:background 0.3s ease}.qr-saved-title-row.title-saved-flash{animation:titleSavedPulse 1.2s ease}@keyframes titleSavedPulse{0%{background:transparent;box-shadow:none}15%{background:rgba(43,111,103,0.18);box-shadow:0 0 0 3px rgba(43,111,103,0.25)}40%{background:rgba(43,111,103,0.10);box-shadow:0 0 0 1px rgba(43,111,103,0.12)}100%{background:transparent;box-shadow:none}}.qr-saved-title-input{flex:1;border:1.5px solid transparent;background:none;font-size:16px;font-weight:600;color:var(--dark);padding:6px 0;font-family:var(--font);outline:none;border-radius:var(--radius);transition:var(--transition)}.qr-saved-title-input:not([readonly]){border-color:var(--primary);background:var(--primary-50);padding:6px 10px}.qr-saved-title-edit{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:4px;transition:var(--transition)}.qr-saved-title-edit:hover{color:var(--primary);background:var(--primary-50)}.qr-saved-url-row{display:flex;align-items:center;gap:6px;background:var(--primary-50);border-radius:var(--radius);padding:10px 12px;border:1.5px solid rgba(43,111,103,0.15)}.qr-saved-url-input{flex:1;border:none;background:none;font-size:13px;font-weight:500;color:var(--body);font-family:var(--font);outline:none;min-width:0}.qr-saved-url-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:4px;transition:var(--transition);flex-shrink:0}.qr-saved-url-btn:hover{color:var(--primary);background:var(--primary-50)}.qr-saved-options{display:flex;flex-direction:column;gap:16px}.qr-saved-option-row{display:flex;gap:12px}.qr-saved-option-group{flex:1}.qr-saved-option-group label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.qr-saved-select{width:100%;padding:8px 12px;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;font-size:13px;font-weight:500;color:var(--text,#1a1a2e);background:var(--bg,#fff);cursor:pointer;transition:border-color 0.2s;appearance:auto}.qr-saved-select:focus{outline:none;border-color:var(--primary,#16a34a)}.qr-saved-select option:disabled{color:#aaa}.qr-saved-actions{display:flex;gap:10px;margin-top:auto;padding-top:8px}.qr-saved-download-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff!important;border:1.5px solid var(--primary);padding:11px 24px;border-radius:var(--radius);font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--transition)}.qr-saved-download-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,111,103,0.25)}.qr-saved-download-btn svg{stroke:#fff}.qr-saved-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:11px 14px!important;background:#fff;color:var(--dark);border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);cursor:pointer;transition:var(--transition)}.qr-saved-copy-btn:hover{background:var(--bg-alt);border-color:#9AA0A6}.qr-saved-copy-btn.copied{background:var(--success-bg);border-color:var(--primary);color:var(--primary)}.qr-saved-copy-btn.copied svg{stroke:var(--primary)}.saved-copy-dropdown-wrap{position:relative}.saved-copy-dropdown-wrap .copy-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;min-width:220px;z-index:10}.qr-saved-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);gap:12px}.qr-saved-footer-left{display:flex;align-items:center;gap:6px}.qr-saved-footer-left svg{stroke:var(--primary);width:14px;height:14px;flex-shrink:0}.qr-saved-edit-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;text-decoration:none;border:1.5px solid rgba(43,111,103,0.25);padding:7px 18px;border-radius:var(--radius-full);font-size:13px;transition:var(--transition);background:transparent}.qr-saved-edit-link:hover{background:var(--primary-50);border-color:var(--primary)}.qr-saved-edit-link svg{width:14px;height:14px;stroke:var(--primary)}.btn-saved{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;opacity:1!important}.btn-saved:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-saved svg{stroke:#fff}.btn-update-qr{background:var(--warning)!important;color:#fff!important;border-color:var(--warning)!important;opacity:1!important}.btn-update-qr:hover{background:#e08e00!important;border-color:#e08e00!important;box-shadow:0 4px 12px rgba(245,158,11,0.3)}.btn-update-qr svg{stroke:#fff}@media (max-width:640px){.qr-saved-modal{padding:24px;max-width:100%}.qr-saved-layout{flex-direction:column;gap:20px}.qr-saved-left{flex:none}.qr-saved-preview-card{max-width:200px;margin:0 auto}}.btn-premium-gradient{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-premium-gradient:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(43,111,103,0.3)}.copy-dropdown-wrap{position:relative}.copy-dropdown{display:none;position:absolute;bottom:100%;right:-8px;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.04);padding:14px;margin-bottom:12px;min-width:240px;z-index:50}.copy-dropdown.open{display:block}.copy-dropdown-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--dark);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.copy-dropdown-header svg{stroke:var(--muted)}.copy-size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.copy-size-btn{display:flex;align-items:center;justify-content:center;gap:1px;padding:10px 12px;background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--dark);cursor:pointer;transition:var(--transition)}.copy-size-value{font-weight:700}.copy-size-unit{font-weight:400;color:var(--muted);font-size:12px}.copy-size-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.copy-size-btn-wide{grid-column:1 / -1}.copy-size-btn .lock-icon{position:absolute;top:4px;right:4px}.contact-layout{max-width:600px;margin:0 auto}@media (max-width:1024px){.generator-wrapper{grid-template-columns:1fr 320px}.trust-features-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.placement-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.qr-types-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.steps-row{grid-template-columns:repeat(2,1fr);gap:16px}.section-steps{padding:72px 0}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card--large{grid-column:span 2}.customize-modal-content{grid-template-columns:1fr 280px}.qr-preview-card{width:190px;padding:14px}}@media (max-width:768px){.navbar-menu{display:none!important}.navbar-toggle{display:flex}.navbar-menu--left{display:none!important}.navbar-menu--right.open .account-dropdown{display:none}.navbar-menu--right.open .mobile-only-links{display:contents}.mobile-auth-btns{display:none}.navbar-menu.open,.navbar-menu--right.open{display:flex!important;position:fixed;top:var(--navbar-h);left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;background:#fff;padding:16px 20px 100px;gap:2px;overflow-y:auto;z-index:999;border-top:1px solid var(--border);animation:mobileMenuSlide 0.2s ease-out}.navbar-menu--right.open .mobile-auth-btns{display:flex;gap:12px;padding:20px 0 8px;border-top:1px solid var(--border);margin-top:12px}.mobile-auth-btns .btn{flex:1;text-align:center;padding:14px;border-radius:12px;font-size:15px;font-weight:600}.mobile-auth-btns .btn-ghost{background:var(--bg-alt);color:var(--dark);border:1px solid var(--border)}.mobile-auth-btns .btn-primary{background:var(--primary);color:#fff}@keyframes mobileMenuSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-menu.open .nav-icon{display:block!important;width:20px;height:20px;opacity:0.5;flex-shrink:0}.navbar-menu.open .nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:500;color:var(--text);border-radius:12px;border-bottom:none;text-align:left;justify-content:flex-start;transition:background 0.15s ease,color 0.15s ease}.navbar-menu.open .nav-link:hover,.navbar-menu.open .nav-link.active{background:var(--primary-ghost);color:var(--primary)}.navbar-menu.open .nav-link.active .nav-icon,.navbar-menu.open .nav-link:hover .nav-icon{opacity:1;color:var(--primary)}.navbar-menu.open .dropdown{padding:0;border-bottom:none}.navbar-menu.open .dropdown>button,.navbar-menu.open .dropdown>.nav-link{display:flex;align-items:center;gap:12px;margin-bottom:0;justify-content:flex-start;text-align:left;padding:14px 16px;font-size:16px;font-weight:500;border-radius:12px;width:100%}.navbar-menu.open .dropdown>button .nav-icon{display:block!important;width:20px;height:20px;opacity:0.5;flex-shrink:0}.navbar-menu.open .dropdown>button:hover{background:var(--primary-ghost);color:var(--primary)}.navbar-menu.open .dropdown>button:hover .nav-icon{opacity:1;color:var(--primary)}.navbar-menu.open .nav-auth{padding-top:16px;margin-top:24px;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-bottom:80px}.navbar-menu.open .nav-auth .btn{width:100%;font-size:15px;padding:13px;border-radius:10px;text-align:center}.navbar-menu.open .user-dropdown{width:100%}.navbar-menu.open .user-dropdown-toggle{display:none!important}.navbar-menu.open .user-dropdown-menu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;width:100%;margin-top:0;box-shadow:none;border:none;border-radius:0;padding:0;background:transparent}.navbar-menu.open .user-dropdown-header{display:flex;align-items:center;padding:12px 16px;gap:12px;background:var(--primary-ghost);border-radius:12px;margin-bottom:8px}.navbar-menu.open .user-dropdown-header small{color:var(--muted);font-size:13px}.navbar-menu.open .user-dropdown-divider{margin:4px 16px}.navbar-menu.open .user-dropdown-item{display:flex;align-items:center;padding:13px 16px;border-radius:12px;font-size:15px;font-weight:500;gap:12px;color:var(--text)}.navbar-menu.open .user-dropdown-item svg{width:20px;height:20px;opacity:0.5;flex-shrink:0}.navbar-menu.open .user-dropdown-item:hover svg{opacity:1}.navbar-menu.open .user-dropdown-item:hover{background:var(--primary-ghost);color:var(--primary)}.navbar-menu.open .user-dropdown-item--danger{color:var(--text)}.navbar-menu.open .user-dropdown-item--danger:hover{background:rgba(220,38,38,0.06);color:#dc2626}.navbar-menu.open .user-dropdown-item--danger:hover svg{color:#dc2626}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:9999;padding:6px 0 env(safe-area-inset-bottom,6px);box-shadow:0 -2px 12px rgba(0,0,0,0.06)}.mobile-bottom-nav::after{content:'';position:absolute;top:100%;left:0;right:0;height:100px;background:#fff}.mbn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:500;color:#94a3b8;text-decoration:none;transition:color 0.2s ease;-webkit-tap-highlight-color:transparent}.mbn-item svg{transition:all 0.2s ease}.mbn-item.active{color:var(--primary)}.mbn-item.active svg{stroke-width:2.5}.mbn-item:active{transform:scale(0.92)}body{padding-bottom:70px}body.hide-mobile-nav .mobile-bottom-nav{display:none}body.hide-mobile-nav{padding-bottom:0}body:has(.customize-modal-overlay.active) .mobile-bottom-nav,body:has(.track-modal-overlay.active) .mobile-bottom-nav,body:has(.letter-logo-modal-overlay.active) .mobile-bottom-nav,body:has(.icon-library-modal-overlay.active) .mobile-bottom-nav,body:has(.multiurl-modal-overlay.active) .mobile-bottom-nav,body:has(.download-modal-overlay.active) .mobile-bottom-nav,body:has(.qr-saved-modal-overlay.active) .mobile-bottom-nav{display:none}body:has(.customize-modal-overlay.active),body:has(.track-modal-overlay.active),body:has(.letter-logo-modal-overlay.active),body:has(.icon-library-modal-overlay.active),body:has(.multiurl-modal-overlay.active),body:has(.download-modal-overlay.active),body:has(.qr-saved-modal-overlay.active){padding-bottom:0}.section{padding:60px 0}h1{font-size:32px}h2{font-size:26px}.steps-row{grid-template-columns:repeat(2,1fr);gap:12px}.steps-header h2{font-size:28px}.section-steps{padding:56px 0}.step-card{padding:0 16px 24px}.bento-grid{grid-template-columns:1fr}.bento-card--large{grid-column:span 1}.bento-header h2{font-size:28px}.section-bento{padding:64px 0}.stat-number{font-size:36px}.qr-types-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.zigzag-row,.zigzag-row-reverse{grid-template-columns:1fr;direction:ltr}.zigzag-features{gap:48px}.zigzag-visual{min-height:200px}.features-grid{grid-template-columns:1fr}.qr-types-grid{grid-template-columns:repeat(2,1fr)}.faq-tabs{flex-wrap:wrap}.social-proof-banner{padding:16px 0}.social-proof-divider{display:none}.social-proof-banner .social-proof-inner{flex-wrap:wrap;justify-content:center;gap:8px}.social-proof-banner .social-proof-item{padding:6px 14px;background:var(--bg);border:1px solid var(--border);border-radius:100px;font-size:13px}.social-proof-banner .social-proof-item:last-child{width:100%;justify-content:center;background:none;border:none;padding:8px 0 0;gap:12px}.social-proof-note{font-size:12px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pricing-compare-table{overflow-x:auto}.pricing-compare-header,.pricing-compare-row,.pricing-compare-cta{min-width:700px}.pricing-hero-content h1{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.generator-wrapper{grid-template-columns:1fr}.generator-left{padding-right:0}.generator-right{padding-left:0;padding-top:20px;border-left:none;border-top:1px solid rgba(255,255,255,0.08)}.preview-sticky{position:static}.preview-row{justify-content:center;gap:12px;align-items:center}.qr-preview-card{width:200px;padding:16px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.template-carousel{max-height:240px}.form-row{grid-template-columns:1fr}.form-row-dark{grid-template-columns:1fr}.social-proof-logos{display:none}.cta-section{margin:0 16px 60px;padding:48px 24px;border-radius:var(--radius-lg)}.cta-section h2{font-size:24px}.cta-actions{flex-direction:column;gap:10px}.cta-actions .btn{width:100%}.dashboard-sidebar{display:none}.dashboard-content{padding:20px}.generator-footer-toggles{flex-direction:column;gap:10px;align-items:center}.customize-modal-content{grid-template-columns:1fr}.customize-right{border-top:1px solid var(--border)}.customize-modal{max-height:85vh}}@media (max-width:480px){.container{padding:0 16px}.section{padding:48px 0}h1{font-size:26px}h2{font-size:22px}.generator-dark-area{padding:16px 12px 20px;border-radius:var(--radius-md)}.generator-right{padding-top:16px}.preview-row{gap:10px;align-items:center}.qr-preview-card{width:180px;padding:14px;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.template-carousel{max-height:210px}.tpl-card{padding:3px;border-radius:8px}.tpl-card canvas{width:48px!important;height:48px!important}.tpl-card-label{font-size:8px}.btn-save-qr{max-width:100%;padding:11px 16px;font-size:13px}.qr-action-btn{width:36px;height:36px}.generator-footer-toggles{gap:8px;padding:12px 0 2px;flex-wrap:wrap}.gen-premium-toggle{padding:6px 10px;gap:6px}.gen-premium-toggle-text{font-size:11px}.qr-preview-card{width:180px;padding:12px}.btn-save-qr{width:180px;font-size:14px;padding:11px 20px}.hero-headline{padding:28px 0 14px}.hero-headline h1{font-size:28px;letter-spacing:-0.5px}.hero-slogan{font-size:11px;letter-spacing:2.5px;margin-top:8px;padding-top:8px}.hero-slogan::before{width:24px;height:2px}.hero-desc{font-size:11.5px;max-width:100%;margin-top:10px;line-height:1.5;padding:0 4px}.pricing-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.pricing-compare-title{font-size:22px}.qr-types-grid-premium{grid-template-columns:1fr;position:relative;overflow:hidden;max-height:520px;transition:max-height 0.4s ease}.qr-types-grid-premium.expanded{max-height:2000px}.qr-types-expand-bar{display:block}.qr-type-card-p h3{white-space:normal!important}.qr-type-card-p p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.stat-number{font-size:32px}.zigzag-text h3{font-size:22px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.auth-card{padding:24px 20px}.stats-grid{grid-template-columns:1fr}.cta-section{margin:0 8px 48px;padding:40px 20px;border-radius:var(--radius-md)}.color-controls-grid{grid-template-columns:1fr}.color-controls-grid-3{grid-template-columns:1fr}.customize-left{padding:20px 16px}.customize-right{padding:20px 16px}.logo-options-row{gap:6px}.logo-option-btn{width:60px;height:58px}.margin-slider{width:120px}}@media (max-width:640px){.track-modal-overlay,.customize-modal-overlay,.letter-logo-modal-overlay,.multiurl-modal-overlay,.download-modal-overlay,.qr-saved-modal-overlay{padding:0!important;align-items:stretch!important;justify-content:stretch!important}.track-modal,.customize-modal,.letter-logo-modal,.multiurl-modal,.download-modal,.qr-saved-modal{max-width:100%!important;width:100%!important;max-height:none!important;height:auto!important;min-height:100%!important;border-radius:0!important;margin:0!important;animation:modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1)!important}@keyframes modalSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.track-modal,.multiurl-modal,.download-modal{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.customize-modal{display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important;min-height:100%!important}.customize-modal-content{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important}.customize-right{order:-1;border-right:none!important;border-bottom:1px solid var(--border);padding:14px 16px!important;flex-direction:column!important;align-items:center;gap:10px;background:linear-gradient(135deg,#f8fafb 0%,#fff 100%);flex-shrink:0!important;z-index:2}.customize-preview-title{display:none}.customize-preview-card{width:140px!important;min-width:140px;aspect-ratio:1;padding:12px!important;border-radius:14px!important;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.modal-owl-wrap{display:none}.customize-margin-slider{width:100%;margin-top:0!important;padding:0!important;border-radius:0!important;background:transparent!important;border:none!important;gap:6px!important;flex-direction:row!important;align-items:center}.customize-margin-slider label{font-size:11px!important;color:#64748b!important;white-space:nowrap;font-weight:600}.customize-margin-slider input[type="range"]{height:4px!important;flex:1}.customize-margin-slider .margin-slider-val{font-size:12px!important;font-weight:700;color:#1e293b}.customize-left{padding:16px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-right:none!important;flex:1 1 0!important;min-height:0!important}.customize-title{font-size:18px!important;margin-bottom:16px!important}.customize-section-header{padding:12px 0!important;font-size:14px!important}.customize-section-panel{padding-bottom:14px!important}.modal-color-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.modal-color-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-width:0!important}.modal-color-item label{font-size:10px!important;text-align:center!important;margin-bottom:0!important;white-space:nowrap!important;line-height:1.2!important;min-height:14px!important}.modal-color-input{border:none!important;overflow:visible!important;display:flex!important;justify-content:center!important}.modal-color-input .color-hex{display:none!important}.modal-color-input input[type="color"]{width:40px!important;height:40px!important;border-radius:10px!important;border:2.5px solid var(--border)!important;padding:2px!important;cursor:pointer!important}.modal-gradient-item>label{display:flex!important;align-items:center!important;gap:4px!important;min-height:14px!important}.modal-grad-toggle-inline{margin-right:0!important}.customize-modal-footer{padding:12px 16px!important;gap:8px;flex-shrink:0!important;z-index:2;box-shadow:0 -2px 12px rgba(0,0,0,0.06);background:#fff;border-top:1px solid var(--border)}.customize-modal-footer .btn-danger,.customize-modal-footer .btn-outline{padding:10px 20px!important;font-size:13px!important;flex:1;justify-content:center}.qr-saved-modal{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:24px 16px!important}.qr-saved-layout{flex-direction:column!important;gap:20px}.qr-saved-left{display:flex;justify-content:center}.qr-saved-preview-card{width:200px!important;height:200px!important}.letter-logo-modal{display:flex!important;flex-direction:column!important}.letter-logo-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#qrNotifyModal{padding:0!important;align-items:stretch!important}#qrNotifyModal>div{max-width:100%!important;width:100%!important;height:100vh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;animation:modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1)!important}}.qr-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.qr-page-header-left{display:flex;align-items:baseline;gap:12px}.qr-page-header h1{font-size:22px;font-weight:700;color:#1A1D1F;margin:0}.qr-page-count{font-size:13px;font-weight:500;color:#9AA0A6}.qr-page-header-right{display:flex;align-items:center;gap:8px}.qr-info-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#F0F7F6;border:1px solid rgba(43,111,103,0.12);border-radius:10px;margin-bottom:16px;font-size:13px;color:#3C4043}.qr-info-banner-icon{color:var(--primary);flex-shrink:0}.qr-info-banner-icon svg{stroke:var(--primary)}.qr-info-banner-action{margin-left:auto;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap}.qr-info-banner-action:hover{text-decoration:underline}.qr-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px;padding:6px;background:#fff;border:1px solid #E8EAED;border-radius:14px}.qr-tabs{display:flex;gap:2px;background:#F5F6F8;border-radius:10px;padding:4px}.qr-tab{display:flex;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;color:#6F767E;text-decoration:none;border-radius:8px;transition:all 0.15s ease}.qr-tab:hover{color:#1A1D1F}.qr-tab.active{background:#fff;color:#1A1D1F;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.qr-tab-count{font-size:11px;font-weight:600;color:#9AA0A6;background:#EFEFEF;padding:1px 6px;border-radius:4px}.qr-tab.active .qr-tab-count{background:var(--primary-ghost);color:var(--primary)}.qr-search{}.qr-search-form{display:flex;align-items:center;gap:8px;background:#F5F6F8;border:1px solid transparent;border-radius:10px;padding:0 12px;transition:all 0.2s ease}.qr-search-form:focus-within{background:#fff;border-color:#E8EAED;box-shadow:0 0 0 3px rgba(43,111,103,0.08)}.qr-search-input{border:none;background:none;padding:8px 4px;font-size:13px;color:#1A1D1F;outline:none;width:200px;font-family:inherit}.qr-search-input::placeholder{color:#9AA0A6}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}.qr-card{background:#fff;border-radius:14px;display:flex;gap:16px;padding:16px;position:relative;border:1px solid #E8EAED;transition:border-color 0.2s ease,box-shadow 0.2s ease,min-height 0.25s ease}.qr-card:hover{border-color:color-mix(in srgb,var(--card-accent,#2B6F67) 35%,#E8EAED);box-shadow:0 4px 16px rgba(0,0,0,0.06)}.qr-card-preview{width:84px;height:84px;flex-shrink:0;background:#F9FAFB;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid #F3F4F6;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease,transform 0.2s ease;font-family:inherit}.qr-card-preview:hover{border-color:var(--card-accent,#2B6F67);background:#fff;transform:scale(1.03)}.qr-card-thumb{width:100%!important;height:100%!important;display:block}.qr-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.qr-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.qr-card-type-pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--card-accent,#2B6F67);background:color-mix(in srgb,var(--card-accent,#2B6F67) 9%,#fff);padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:0.6px;border:1px solid color-mix(in srgb,var(--card-accent,#2B6F67) 15%,transparent);white-space:nowrap}.qr-card-type-icon{display:inline-flex}.qr-card-type-icon svg{stroke:var(--card-accent,#2B6F67)}.qr-card-date{font-size:11.5px;color:#9CA3AF;font-weight:500;white-space:nowrap}.qr-card-title{font-size:15px;font-weight:700;color:#111827;margin:2px 0 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.01em}.qr-card-content-preview{font-size:12px;color:#9CA3AF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace}.qr-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.qr-card-scans{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6B7280}.qr-card-scans svg{stroke:#9CA3AF;flex-shrink:0}.qr-card-scans strong{color:#111827;font-weight:700;font-size:13px}.qr-card-scans span{color:#9CA3AF}.qr-card .qr-ad-badge{display:inline-block;font-size:9px;font-weight:800;color:#D97706;background:#FFFBEB;padding:3px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:0.3px;border:1px solid #FDE68A}.qr-card-menu{position:static;flex-shrink:0}.qr-card-menu-btn{width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:#6B7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:absolute;top:12px;right:12px;z-index:30;transition:background 0.2s ease,color 0.2s ease,top 0.3s cubic-bezier(0.4,0,0.2,1),bottom 0.3s cubic-bezier(0.4,0,0.2,1)}.qr-card-menu-btn:hover{background:#F3F4F6;color:#111827}.qr-card-menu-ico{position:absolute;width:18px;height:18px;transition:opacity 0.2s ease,transform 0.3s cubic-bezier(0.4,0,0.2,1)}.qr-card-menu-ico--close{opacity:0;transform:rotate(-90deg) scale(0.8)}.qr-card-menu.open .qr-card-menu-ico--dots{opacity:0;transform:rotate(90deg) scale(0.8)}.qr-card-menu.open .qr-card-menu-ico--close{opacity:1;transform:rotate(0) scale(1)}.qr-card--menu-active .qr-card-menu-btn{top:auto;bottom:12px}.qr-card-info{padding-right:32px}.qr-card--menu-active .qr-card-preview,.qr-card--menu-active .qr-card-info{filter:blur(4px);opacity:0.55;transition:filter 0.25s ease,opacity 0.25s ease;pointer-events:none}.qr-card--menu-active{border-color:color-mix(in srgb,var(--card-accent,#2B6F67) 50%,#E8EAED);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.qr-card-menu.open .qr-card-menu-btn{background:#111827;color:#fff}.qr-card-menu-dropdown{position:absolute;inset:8px;background:transparent;border:none;box-shadow:none;padding:0;z-index:25;display:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;animation:qrCardMenuIn 0.18s cubic-bezier(0.4,0,0.2,1)}@keyframes qrCardMenuIn{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}.qr-card-menu.open .qr-card-menu-dropdown{display:grid}.qr-card-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 4px;background:rgba(255,255,255,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(232,234,237,0.6);border-radius:10px;font-size:10.5px;font-weight:600;color:#374151;cursor:pointer;text-decoration:none;text-align:center;font-family:inherit;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease;line-height:1.2}.qr-card-menu-item:hover{background:#fff;border-color:var(--card-accent,#2B6F67);color:var(--card-accent,#2B6F67);transform:translateY(-1px)}.qr-card-menu-item svg{stroke:#6B7280;width:18px;height:18px;flex-shrink:0;transition:stroke 0.15s ease}.qr-card-menu-item:hover svg{stroke:var(--card-accent,#2B6F67)}.qr-card-menu-item--danger{color:#DC2626}.qr-card-menu-item--danger svg{stroke:#DC2626}.qr-card-menu-item--danger:hover{background:#FEF2F2;border-color:#DC2626;color:#B91C1C}.qr-card-menu-item--danger:hover svg{stroke:#B91C1C}.qr-card-menu-divider{display:none}.map-view-toggle{display:flex;gap:4px;background:#F3F4F6;border-radius:8px;padding:3px}.map-toggle-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:500;color:#6B7280;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.map-toggle-btn:hover{color:#374151;background:rgba(255,255,255,0.5)}.map-toggle-btn.active{background:#fff;color:#1F2937;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.map-stats-overlay{position:absolute;bottom:12px;left:12px;z-index:2;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;color:#374151;box-shadow:0 2px 8px rgba(0,0,0,0.1);pointer-events:none}.scan-popup{font-family:inherit;font-size:12px;line-height:1.5}.scan-popup strong{font-weight:600;color:#1F2937}.scan-popup .popup-row{display:flex;align-items:center;gap:6px;margin:2px 0;color:#6B7280}.scan-popup .popup-row svg{flex-shrink:0}.marker-cluster-small{background:rgba(26,115,232,0.15)}.marker-cluster-small div{background:rgba(26,115,232,0.7);color:#fff;font-weight:700}.marker-cluster-medium{background:rgba(249,171,0,0.15)}.marker-cluster-medium div{background:rgba(249,171,0,0.7);color:#fff;font-weight:700}.marker-cluster-large{background:rgba(234,67,53,0.15)}.marker-cluster-large div{background:rgba(234,67,53,0.7);color:#fff;font-weight:700}.referrer-total-badge{font-size:11px;font-weight:500;color:#9CA3AF;background:#F9FAFB;padding:3px 10px;border-radius:20px;border:1px solid #F3F4F6}.referrer-row{position:relative;overflow:hidden;border-bottom:1px solid #F5F5F5;transition:background 0.15s ease}.referrer-row:last-child{border-bottom:none}.referrer-row:hover{background:#F9FAFB}.referrer-bar{position:absolute;top:0;left:0;bottom:0;background:#E5E7EB;opacity:0.35;border-radius:0 4px 4px 0;transition:opacity 0.2s ease;pointer-events:none}.referrer-row:hover .referrer-bar{opacity:0.5}.referrer-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:12px}.referrer-source{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.referrer-icon{width:32px;height:32px;border-radius:8px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.referrer-host{font-size:13px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referrer-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.referrer-count{font-size:14px;font-weight:700;color:#1F2937;line-height:1}.referrer-pct{font-size:11px;font-weight:500;color:#9CA3AF;min-width:40px;text-align:right}.qr-toolbar-right{display:flex;align-items:center;gap:10px}.qr-view-toggle{display:flex;gap:3px;background:#F1F5F9;border-radius:10px;padding:4px;border:1px solid #E2E8F0}.qr-view-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#94A3B8;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.qr-view-btn svg{width:18px;height:18px;stroke-width:2}.qr-view-btn:hover{color:#475569;background:rgba(255,255,255,0.7)}.qr-view-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(43,111,103,0.25)}.qr-view-btn.active svg{stroke-width:2.3}.qr-table-wrap{background:#fff;border:1px solid #E5E7EB;border-radius:14px;overflow:visible;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.qr-table thead tr:first-child th:first-child{border-top-left-radius:14px}.qr-table thead tr:first-child th:last-child{border-top-right-radius:14px}.qr-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.qr-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.qr-table{width:100%;border-collapse:collapse;font-size:13px}.qr-table thead th{background:#F8FAFC;padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid #E5E7EB;white-space:nowrap}.qr-table tbody tr{border-bottom:1px solid #F1F5F9;transition:background 0.15s ease}.qr-table tbody tr:last-child{border-bottom:none}.qr-table tbody tr:hover{background:#F8FAFC}.qr-table tbody td{padding:12px 16px;vertical-align:middle;color:#374151}.qr-table-name{display:flex;align-items:center;gap:10px;min-width:180px}.qr-table-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.qr-table-title{font-weight:600;color:#1E293B;display:block;line-height:1.3}.qr-table-link{font-size:11px;color:#94A3B8;text-decoration:none;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-table-link:hover{color:var(--primary)}.qr-table-content{font-size:12px;color:#64748B;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.qr-table-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--badge-color,#64748B);background:color-mix(in srgb,var(--badge-color,#64748B) 8%,white);border:1px solid color-mix(in srgb,var(--badge-color,#64748B) 15%,transparent);padding:3px 10px;border-radius:6px;white-space:nowrap}.qr-table-dyn{font-size:10px;font-weight:600;color:var(--primary);background:var(--primary-ghost);padding:1px 5px;border-radius:4px}.qr-table-scans{font-weight:600;font-variant-numeric:tabular-nums;color:#1E293B}.qr-table-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:6px}.qr-table-status::before{content:'';width:6px;height:6px;border-radius:50%}.qr-table-status--active{color:#059669;background:#ECFDF5}.qr-table-status--active::before{background:#10B981}.qr-table-status--paused{color:#D97706;background:#FFFBEB}.qr-table-status--paused::before{background:#F59E0B}.qr-table-status--static{color:#6366f1;background:#EEF2FF}.qr-table-status--static::before{background:#818CF8}.qr-table-status--expired{color:#DC2626;background:#FEF2F2}.qr-table-status--expired::before{background:#EF4444}.qr-table-date{font-size:12px;color:#94A3B8;white-space:nowrap}.qr-table-actions-th{text-align:right}.qr-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.qr-table-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#94A3B8;border-radius:6px;cursor:pointer;transition:all 0.15s ease;text-decoration:none}.qr-table-action svg{width:18px;height:18px}.qr-table-action:hover{background:#F1F5F9;color:var(--primary)}.qr-table-action--delete:hover{background:#FEF2F2;color:#DC2626}.qr-table-more{position:relative}.qr-table-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.06);padding:6px;z-index:100;animation:qrDropIn 0.15s ease}.qr-table-dropdown.active{display:block}@keyframes qrDropIn{from{opacity:0;transform:translateY(-6px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-table-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;font-size:13.5px;font-weight:500;color:#334155;border-radius:8px;cursor:pointer;transition:background 0.12s;white-space:nowrap}.qr-table-dropdown-item:hover{background:#F1F5F9}.qr-table-dropdown-item svg{flex-shrink:0;color:#94A3B8}.qr-table-dropdown-item:hover svg{color:#64748B}.qr-table-dropdown-item--danger{color:#DC2626}.qr-table-dropdown-item--danger:hover{background:#FEF2F2}.qr-table-dropdown-item--danger svg,.qr-table-dropdown-item--danger:hover svg{color:#DC2626}.qr-table-dropdown-divider{height:1px;background:#F1F5F9;margin:4px 6px}.qr-grid + .pagination,.qr-table-wrap + .pagination,.card + .pagination{margin-top:20px}.settings-page-header{margin-bottom:24px}.settings-page-header h1{font-size:22px;font-weight:700;color:#1A1D1F;margin:0 0 4px}.settings-page-subtitle{color:#6F767E;font-size:14px;margin:0}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-main{display:flex;flex-direction:column;gap:20px}.settings-sidebar{display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border:1px solid #EFEFEF;border-radius:14px;overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #F1F3F4}.settings-card-header h3{font-size:15px;font-weight:600;color:#1A1D1F;margin:0}.settings-card-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--primary-ghost);color:var(--primary);flex-shrink:0}.settings-card-icon-amber{background:#FEF3C7;color:#D97706}.settings-card-icon-blue{background:#DBEAFE;color:#2563EB}.settings-card-body{padding:22px}.settings-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #F1F3F4}.settings-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;overflow:hidden}.settings-avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-avatar-name{font-size:15px;font-weight:600;color:#1A1D1F;display:block}.settings-avatar-email{font-size:13px;color:#6F767E;display:block}.settings-avatar-date{font-size:12px;color:#9AA0A6;display:block;margin-top:2px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form-actions{margin-top:20px;padding-top:18px;border-top:1px solid #F1F3F4}.settings-description{font-size:14px;color:#6F767E;margin-bottom:14px}.settings-plan-card{padding:24px;text-align:center;background:linear-gradient(135deg,#f0f7f6 0%,#fff 100%);border:1px solid rgba(43,111,103,0.1)}.settings-plan-header{margin-bottom:16px}.settings-plan-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary);display:block;margin-bottom:4px}.settings-plan-name{font-size:24px;font-weight:700;color:#1A1D1F;display:block}.settings-plan-card .btn{margin-top:4px}.settings-info-list{display:flex;flex-direction:column}.settings-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #F5F6F8}.settings-info-item:last-child{border-bottom:none}.settings-info-label{font-size:13px;color:#6F767E}.settings-info-value{font-size:13px;font-weight:500;color:#1A1D1F}.settings-auth-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--primary-ghost);color:var(--primary)}.settings-info-mono{font-family:'SF Mono',monospace;font-size:12px;color:#9CA3AF}.settings-security-grid{display:flex;flex-direction:column}.settings-security-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #F5F6F8;gap:12px}.settings-security-item:last-child{border-bottom:none}.settings-security-item-info{flex:1;min-width:0}.settings-security-item-title{display:block;font-size:13px;font-weight:600;color:#1A1D1F;margin-bottom:2px}.settings-security-item-desc{display:block;font-size:12px;color:#9CA3AF}.settings-session-badge{display:inline-flex;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;background:#ECFDF5;color:#059669}.settings-card-danger{border-color:#FEE2E2}.settings-pw-toggle{cursor:default}.settings-pw-form-wrap{display:none;margin-top:16px;padding-top:16px;border-top:1px solid #F3F4F6;animation:settingsFadeIn 0.25s ease}.settings-pw-form-wrap.open{display:block}@keyframes settingsFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-pw-form-actions{display:flex;gap:8px;margin-top:14px}.settings-password-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width:768px){.settings-password-grid{grid-template-columns:1fr}}.settings-card-compact{padding:0}.settings-card-compact .settings-card-header{display:none}.settings-danger-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px}.settings-card-danger{border-color:#FEE2E2}.settings-card-danger .settings-card-header{border-bottom-color:#FEE2E2}.settings-card-icon-red{background:rgba(239,68,68,0.08)!important;color:#EF4444!important}.settings-danger-text{color:#EF4444!important}.btn-danger{background:#EF4444;color:#fff;border:1px solid #EF4444;font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:background 0.15s ease}.btn-danger:hover{background:#DC2626;border-color:#DC2626}.settings-plan-features{display:flex;flex-direction:column;gap:10px;margin-top:16px}.settings-plan-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.settings-plan-feature svg{color:var(--primary);flex-shrink:0}.btn-block{width:100%;text-align:center;justify-content:center}.settings-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-usage-item{text-align:center}.settings-usage-value{display:block;font-size:28px;font-weight:800;color:#1A1D1F;letter-spacing:-0.02em}.settings-usage-label{font-size:12px;color:#9CA3AF;font-weight:500}.settings-usage-bar-wrap{margin-top:4px}.settings-usage-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.settings-usage-bar-label{font-size:12px;color:#6B7280}.settings-usage-bar-value{font-size:12px;font-weight:600;color:#374151}.settings-usage-bar{height:6px;background:#F3F4F6;border-radius:3px;overflow:hidden}.settings-usage-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width 0.3s ease}.sub-current-plan{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #EFEFEF;border-radius:14px;padding:22px 24px;margin-bottom:24px}.sub-current-plan-info{display:flex;align-items:center;gap:16px}.sub-plan-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-plan-name{font-size:20px;font-weight:700;color:#1A1D1F;margin:0 0 4px}.sub-plan-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sub-plan-status{display:inline-flex;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600}.sub-plan-status-active{background:#ECFDF5;color:#059669}.sub-plan-status-inactive{background:#FEF2F2;color:#DC2626}.sub-plan-cycle,.sub-plan-renew{font-size:13px;color:#6F767E}.sub-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.sub-usage-card{background:#fff;border:1px solid #EFEFEF;border-radius:14px;padding:18px}.sub-usage-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--primary-ghost);color:var(--primary);margin-bottom:12px}.sub-usage-card-icon-blue{background:#DBEAFE;color:#2563EB}.sub-usage-card-icon-amber{background:#FEF3C7;color:#D97706}.sub-usage-card-icon-purple{background:#EDE9FE;color:#7C3AED}.sub-usage-card-value{font-size:18px;font-weight:700;color:#1A1D1F;display:block;margin-bottom:2px}.sub-usage-card-label{font-size:12px;color:#6F767E}.sub-usage-bar{height:4px;background:#F1F3F4;border-radius:4px;margin-top:10px;overflow:hidden}.sub-usage-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;transition:width 0.6s ease}.sub-usage-bar-fill-blue{background:linear-gradient(90deg,#2563EB,#60A5FA)}.sub-current-plan-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sub-plans-section{margin-bottom:24px}.sub-plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sub-plans-header h3{font-size:18px;font-weight:700;color:#1A1D1F;margin:0}.sub-billing-toggle{display:flex;align-items:center;gap:8px}.sub-toggle-label{font-size:13px;color:#6F767E;font-weight:400}#monthlyLabel{font-weight:600;color:#1A1D1F}.sub-save-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#ECFDF5;color:#059669}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.sub-plan-card{background:#fff;border:1px solid #EFEFEF;border-radius:14px;padding:24px;position:relative;transition:all 0.2s ease;display:flex;flex-direction:column}.sub-plan-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08);transform:translateY(-2px)}.sub-plan-card-current{border-color:var(--primary);background:linear-gradient(180deg,#f0f7f6,#fff)}.sub-plan-card-popular{border-color:#F59E0B;border-width:2px}.sub-popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#F59E0B,#E37400);color:#fff;font-size:10px;font-weight:700;padding:3px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.sub-plan-card-header{margin-bottom:0}.sub-plan-card-name{font-size:18px;font-weight:700;color:#1A1D1F;margin:0 0 4px}.sub-plan-card-desc{font-size:12px;color:#6F767E;margin:0 0 10px;line-height:1.4}.sub-plan-card-price{display:flex;align-items:baseline;gap:2px}.sub-price-amount{font-size:32px;font-weight:800;color:#1A1D1F;letter-spacing:-1px}.sub-price-period{font-size:14px;color:#6F767E}.sub-plan-card-divider{height:1px;background:#F1F3F4;margin:16px 0}.sub-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.sub-plan-features li{font-size:13px;color:#3C4043;display:flex;align-items:center;gap:8px;line-height:1.4}.sub-plan-features li svg{flex-shrink:0;stroke:var(--primary)}.sub-feature-highlight{font-weight:600;color:#1A1D1F!important}.sub-plan-card-footer{margin-top:auto;padding-top:4px}.sub-current-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--primary);background:var(--primary-ghost);padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}.sub-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sub-payment-option{cursor:pointer;border:1px solid #E8EAED;border-radius:16px;padding:16px 20px;background:#fff;overflow:hidden;transition:border-color 0.2s ease;display:flex;align-items:center;justify-content:space-between;gap:16px}.sub-payment-option:hover{border-color:#D0D3D8}.sub-payment-option input{display:none}.sub-payment-option-inner{display:flex;align-items:center;gap:14px}.sub-payment-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-payment-icon svg{width:20px;height:20px}.sub-payment-option-text{display:flex;flex-direction:column;gap:2px}.sub-payment-name{font-size:14px;font-weight:700;color:#1A1D1F;letter-spacing:-0.01em}.sub-payment-desc{font-size:12px;color:#9A9FA5;font-weight:500}.sub-payment-checkout{flex-shrink:0;max-width:0;overflow:hidden;opacity:0;transition:max-width 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease}.sub-payment-option-active .sub-payment-checkout{max-width:200px;opacity:1}.sub-payment-checkout-btn{white-space:nowrap;padding:10px 20px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;letter-spacing:0.01em;transition:filter 0.2s ease}.sub-payment-checkout-btn:hover{filter:brightness(1.08)}.sub-payment-option--stripe{background:linear-gradient(160deg,#f0faf8 0%,#e6f5f2 50%,#f7fdfb 100%);border-color:#c8e6df}.sub-payment-option--stripe:hover{border-color:#9fd4c8}.sub-payment-option--stripe .sub-payment-icon{background:linear-gradient(135deg,#2B6F67,#10B981);color:#fff;box-shadow:0 4px 12px rgba(43,111,103,0.25)}.sub-payment-option--stripe.sub-payment-option-active{border-color:#2B6F67;box-shadow:0 0 0 1px #2B6F67;background:linear-gradient(160deg,#e8f7f4 0%,#daf0ec 50%,#f0faf8 100%)}.sub-payment-option--stripe .sub-payment-name{color:#1e4d47}.sub-payment-option--stripe .sub-payment-desc{color:#5a9e93}.sub-payment-option--stripe .sub-payment-checkout-btn{background:linear-gradient(135deg,#2B6F67 0%,#10B981 100%)}.sub-payment-option--crypto{background:linear-gradient(160deg,#fdf8ee 0%,#faf3e0 50%,#fefcf6 100%);border-color:#e8d9b4}.sub-payment-option--crypto:hover{border-color:#d4c290}.sub-payment-option--crypto .sub-payment-icon{background:linear-gradient(135deg,#C99A2E,#F5A623);color:#fff;box-shadow:0 4px 12px rgba(184,134,11,0.25)}.sub-payment-option--crypto.sub-payment-option-active{border-color:#C99A2E;box-shadow:0 0 0 1px #C99A2E;background:linear-gradient(160deg,#faf3e0 0%,#f5ecd2 50%,#fdf8ee 100%)}.sub-payment-option--crypto .sub-payment-name{color:#6b5210}.sub-payment-option--crypto .sub-payment-desc{color:#b08d3a}.sub-payment-option--crypto .sub-payment-checkout-btn{background:linear-gradient(135deg,#B8860B 0%,#E8A914 100%)}.analytics-period-pills{display:flex;flex-wrap:wrap;gap:4px;background:#F1F3F4;border-radius:10px;padding:3px}.analytics-pill{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:500;color:#6F767E;text-decoration:none;transition:all 0.15s ease}.analytics-pill:hover{color:#1A1D1F;background:rgba(255,255,255,0.6)}.analytics-pill-active{background:#fff;color:#1A1D1F;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.analytics-pill-locked{color:#9CA3AF;cursor:not-allowed;opacity:0.6;display:inline-flex;align-items:center;gap:4px}.analytics-pill-locked:hover{color:#9CA3AF;background:none}.analytics-date-wrap{position:relative;display:inline-flex}.analytics-pill-date{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:1px dashed transparent;background:none;font-family:inherit;white-space:nowrap}.analytics-pill-date:hover,.analytics-pill-date.analytics-pill-active{border-color:rgba(43,111,103,0.3)}.analytics-date-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:300px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);animation:aDateSlide 0.15s ease}.analytics-date-panel.open{display:block}@keyframes aDateSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analytics-date-form{display:flex;flex-direction:column;gap:10px}.analytics-date-inputs{display:flex;align-items:center;gap:8px}.analytics-date-field{flex:1;display:flex;flex-direction:column;gap:3px}.analytics-date-field label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:0.3px}.analytics-date-field input[type="date"]{width:100%;padding:7px 8px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:500;color:#1e293b;background:#fafbfc;outline:none;transition:border-color 0.15s;font-family:inherit}.analytics-date-field input[type="date"]:focus{border-color:var(--primary)}.analytics-date-sep{color:#cbd5e1;flex-shrink:0;padding-top:16px}.analytics-date-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.analytics-date-limit{font-size:10px;color:#94a3b8;font-weight:500}.analytics-date-btns{display:flex;gap:6px}.analytics-date-reset{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:7px;font-size:11px;font-weight:500;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;cursor:pointer;text-decoration:none;transition:all 0.15s;font-family:inherit;white-space:nowrap}.analytics-date-reset:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2}@media (max-width:640px){.analytics-date-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -4px 30px rgba(0,0,0,0.15);padding:16px 16px 32px;animation:aDateSlideUp 0.2s ease;z-index:100;max-height:70vh;overflow-y:auto}.analytics-date-panel::before{content:'';display:block;width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 14px}@keyframes aDateSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.analytics-date-panel.open ~ .analytics-date-backdrop,.analytics-date-wrap .analytics-date-panel.open + .analytics-date-backdrop{display:block}.analytics-period-pills{gap:3px}.analytics-pill{padding:5px 10px;font-size:12px}.analytics-pill-date{font-size:11px}.analytics-date-inputs{flex-direction:row}.analytics-date-field input[type="date"]{font-size:14px;padding:10px 10px}.analytics-date-bottom{margin-top:4px}}.analytics-blur-wrapper{position:relative;overflow:hidden}.analytics-blur-wrapper.analytics-locked>.card-body,.analytics-blur-wrapper.analytics-locked>.card-body-flush{pointer-events:none;user-select:none;-webkit-user-select:none;filter:blur(3px) saturate(0.6);opacity:0.7}.analytics-blur-wrapper.analytics-locked.analytics-partial>.card-body,.analytics-blur-wrapper.analytics-locked.analytics-partial>.card-body-flush{filter:none;opacity:1}.analytics-blur-wrapper.analytics-partial .table tbody tr:first-child{position:relative;z-index:1}.analytics-blur-wrapper.analytics-partial .table tbody tr:nth-child(n+2){filter:blur(6px);opacity:0.3;pointer-events:none;user-select:none;-webkit-user-select:none}.analytics-blur-wrapper.analytics-partial .table tbody tr:nth-child(n+2) .td-title,.analytics-blur-wrapper.analytics-partial .table tbody tr:nth-child(n+2) .td-number{color:transparent!important;text-shadow:0 0 8px rgba(0,0,0,0.3)}.analytics-blur-wrapper.analytics-partial .card-body,.analytics-blur-wrapper.analytics-partial .card-body-flush{min-height:220px}.analytics-blur-wrapper.analytics-partial .analytics-blur-overlay{top:auto;bottom:20%;transform:translateX(-50%)}.analytics-blur-wrapper.analytics-locked>.card-header{position:relative;z-index:2}.analytics-blur-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center;padding:18px 24px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.04);max-width:85%;border:1px solid rgba(0,0,0,0.04)}.analytics-blur-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.analytics-blur-content svg{color:#2B6F67;opacity:0.7}.analytics-blur-content strong{font-size:13px;color:#1A1D1F}.analytics-blur-content p{margin:0;font-size:12.5px;color:#4B5563;line-height:1.5;max-width:280px}.analytics-blur-content .btn{margin-top:4px;font-size:12px;padding:7px 20px;border-radius:8px;font-weight:600}.analytics-grid-4{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}@media (min-width:576px){.analytics-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.analytics-grid-4{grid-template-columns:repeat(4,1fr)}}.analytics-grid-4 .card-body{overflow:hidden;position:relative;min-height:180px;max-height:280px}.analytics-grid-4 .analytics-blur-overlay{padding:10px 14px}.analytics-grid-4 .analytics-blur-content p,.analytics-grid-4 .analytics-blur-content .btn{display:none}.analytics-grid-4 .analytics-blur-content svg{width:22px;height:22px;opacity:0.8}@media (min-width:1100px){.analytics-grid-4 .analytics-blur-overlay{padding:14px 18px}.analytics-grid-4 .analytics-blur-content p{display:block;font-size:11.5px}}.analytics-demo-banner{background:linear-gradient(135deg,#eff6ff 0%,#eef2ff 50%,#f5f3ff 100%);border:1px solid #c7d2fe;border-radius:12px;padding:14px 20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.analytics-demo-banner-text{display:flex;align-items:center;gap:10px;font-size:13px;color:#4338ca;font-weight:500}.analytics-demo-banner-text svg{flex-shrink:0;color:#6366f1}.analytics-upgrade-banner{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f0f9ff 100%);border:1px solid #d1fae5;border-radius:12px;padding:24px;margin-bottom:16px}.analytics-upgrade-content{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.analytics-upgrade-content svg{color:#2B6F67;flex-shrink:0}.analytics-upgrade-content div{flex:1;min-width:200px}.analytics-upgrade-content strong{display:block;font-size:15px;margin-bottom:4px;color:#1A1D1F}.analytics-upgrade-content p{margin:0;font-size:13px;color:#6B7280}@media (max-width:1024px){.qr-page-header{flex-wrap:wrap;gap:10px}.qr-page-header-left{flex:1;min-width:0}.qr-page-header-right .btn{font-size:13px;padding:7px 12px}.qr-toolbar{flex-wrap:wrap;gap:10px}}@media (max-width:768px){.qr-page-header{flex-direction:column;align-items:flex-start;gap:12px}.qr-page-header-right{width:100%;justify-content:flex-start}.qr-toolbar{flex-direction:column;align-items:stretch;padding:4px;border-radius:12px;margin-bottom:14px;gap:8px}.qr-toolbar-right{justify-content:space-between}.qr-search-input{width:100%}.qr-tab{padding:7px 12px;font-size:12.5px}.qr-view-btn{width:34px;height:34px}.qr-view-btn svg{width:16px;height:16px}.qr-grid{grid-template-columns:minmax(0,1fr);gap:10px}.qr-card{gap:12px;padding:12px}.qr-card-preview{width:68px;height:68px;padding:4px;border-radius:8px}.qr-card-info{padding-right:28px;gap:3px}.qr-card-head{gap:6px}.qr-card-type-pill{font-size:9.5px;padding:2px 7px;letter-spacing:0.4px}.qr-card-date{font-size:10.5px}.qr-card-title{font-size:13.5px}.qr-card-content-preview{font-size:11px}.qr-card-scans{font-size:11px}.qr-card-scans strong{font-size:12px}.qr-card-menu-btn{width:28px;height:28px;top:8px;right:8px}.qr-card--menu-active .qr-card-menu-btn{bottom:8px}.qr-card-menu-dropdown{inset:6px;gap:4px}.qr-card-menu-item{font-size:10px;padding:4px 2px;gap:3px}.qr-card-menu-item svg{width:16px;height:16px}.qr-table-col-hide-sm{display:none}.qr-table{min-width:0}.qr-table-name{min-width:120px}.qr-table-link{max-width:150px}.qr-table thead th{padding:8px 10px;font-size:10px}.qr-table tbody td{padding:10px}.qr-table-action{width:32px;height:32px}.qr-table-action svg{width:15px;height:15px}.qr-card-action-btn{font-size:11px;padding:9px 2px}.settings-layout{grid-template-columns:1fr}.settings-form-grid{grid-template-columns:1fr}.sub-current-plan{flex-direction:column;align-items:flex-start;gap:12px}.sub-usage-grid{grid-template-columns:repeat(2,1fr)}.sub-plans-grid{grid-template-columns:1fr;max-width:400px}.sub-payment-options{grid-template-columns:1fr}.sub-payment-option{flex-wrap:wrap}.sub-payment-checkout{max-width:none!important;width:100%}.sub-payment-option-active .sub-payment-checkout{max-width:none}.sub-payment-checkout-btn{width:100%;border-radius:10px}.analytics-period-pills{flex-wrap:wrap}}@media (max-width:480px){.qr-table-col-hide-xs{display:none}.qr-table-name{min-width:100px}.qr-table-link{max-width:120px;font-size:10px}.qr-table-title{font-size:13px}.qr-table thead th{padding:6px 8px}.qr-table tbody td{padding:8px;font-size:12px}.qr-table-actions{gap:2px}.qr-table-action{width:30px;height:30px}.qr-table-action svg{width:14px;height:14px}.qr-table-scans{font-size:13px}}@media (min-width:769px){.navbar-menu{display:flex}.navbar-toggle{display:none}}@media print{.navbar,.footer,.navbar-toggle{display:none!important}body{padding-top:0}.section{padding:24px 0}}.dashboard-body .dash-type-scroll-wrap{display:flex;align-items:center;gap:6px}.dashboard-body .dash-type-scroll{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.dashboard-body .dash-type-scroll::-webkit-scrollbar{display:none}.dashboard-body .dash-type-arrow{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #DADCE0;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,0.06);transition:all 0.2s ease}.dashboard-body .dash-type-arrow:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px rgba(43,111,103,0.12)}.dashboard-body .dash-type-btn{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:76px;padding:10px 8px 8px;border:1.5px solid #E8ECF0;background:#fff;border-radius:10px;cursor:pointer;transition:all 0.2s ease;position:relative;text-align:center;flex-shrink:0}.dashboard-body .dash-type-btn:hover{border-color:var(--primary);background:#F0F7F6;transform:translateY(-1px);box-shadow:0 3px 12px rgba(43,111,103,0.08)}.dashboard-body .dash-type-btn.active{border-color:var(--primary);background:linear-gradient(135deg,rgba(43,111,103,0.06) 0%,rgba(43,111,103,0.12) 100%);box-shadow:0 2px 8px rgba(43,111,103,0.12),inset 0 0 0 1px rgba(43,111,103,0.1)}.dashboard-body .dash-type-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#F1F5F9;color:#64748B;transition:all 0.2s ease}.dashboard-body .dash-type-icon svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor}.dashboard-body .dash-type-btn:hover .dash-type-icon{background:rgba(43,111,103,0.12);color:var(--primary)}.dashboard-body .dash-type-btn.active .dash-type-icon{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(43,111,103,0.25)}.dashboard-body .dash-type-btn.active .dash-type-icon svg{stroke:#fff!important}.dashboard-body .dash-type-btn:not(.active):hover .dash-type-icon svg{stroke:var(--primary)!important}.dashboard-body .dash-type-label{font-size:11px;font-weight:600;color:#64748B;line-height:1.2;transition:color 0.2s ease}.dashboard-body .dash-type-btn:hover .dash-type-label{color:var(--primary-dark)}.dashboard-body .dash-type-btn.active .dash-type-label{color:var(--primary);font-weight:700}.dashboard-body .dash-type-dyn-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:7px;font-weight:800;letter-spacing:0.4px;padding:2px 5px;border-radius:6px;line-height:1.2;text-transform:uppercase;box-shadow:0 1px 4px rgba(245,158,11,0.35)}.dashboard-body .dash-options-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (max-width:700px){.dashboard-body .dash-options-row{grid-template-columns:1fr}}.dashboard-body .dash-toggle-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#F8FAFB 0%,#fff 100%);border:1px solid #E8ECF0;border-radius:12px;transition:all 0.2s ease;position:relative}.dashboard-body .dash-toggle-card:hover{border-color:#D0D5DD;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.dashboard-body .dash-toggle-card>.toggle-switch-wrap,.dashboard-body .dash-toggle-card>.gen-premium-slider{position:absolute;top:14px;right:14px}.dashboard-body .dash-toggle-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-body .dash-toggle-icon-dynamic{background:rgba(43,111,103,0.08);color:var(--primary)}.dashboard-body .dash-toggle-icon-shield{background:rgba(245,158,11,0.08);color:#F59E0B}.dashboard-body .dash-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-body .dash-toggle-text strong{font-size:13.5px;font-weight:600;color:#1E293B;line-height:1.3}.dashboard-body .dash-toggle-text span{font-size:12px;color:#94A3B8;line-height:1.4}.dashboard-body .input-pill{background:#fff;border:1.5px solid #E2E5E9;border-radius:10px;padding:12px 46px 12px 16px;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,0.04);color:#1E293B}.dashboard-body .input-pill::placeholder{color:#94A3B8}.dashboard-body .input-pill:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(43,111,103,0.1),0 1px 3px rgba(0,0,0,0.04);background:#fff}.dashboard-body .input-pill-textarea{border-radius:10px!important;padding:12px 16px!important}.dashboard-body .input-pill-icon{color:#94A3B8}.dashboard-body .input-pill-icon:hover{background:#F1F5F9;color:var(--primary)}.dashboard-body .form-hint-dark{color:#94A3B8;font-size:12px}.dashboard-body .form-row-dark{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-body .form-row-dark .input-pill-wrap{margin-bottom:0}.dashboard-body .pdf-upload-area{border-color:#E2E5E9;background:#FAFBFC}.dashboard-body .pdf-upload-area:hover,.dashboard-body .pdf-upload-area.dragover{border-color:var(--primary);background:rgba(43,111,103,0.04)}.dashboard-body .pdf-upload-idle svg{color:#94A3B8}.dashboard-body .pdf-upload-idle p{color:#475569}.dashboard-body .pdf-upload-hint{color:#94A3B8}.dashboard-body .pdf-progress-bar{background:#E2E5E9}.dashboard-body .multiurl-compact-list{border-color:#E2E5E9}.dashboard-body .multiurl-row{border-color:#F1F3F5}.dashboard-body .multiurl-row-title{color:#1E293B}.dashboard-body .multiurl-row-url{color:#94A3B8}.dashboard-body .multiurl-add-btn{border-color:#E2E5E9;color:#64748B;background:#FAFBFC}.dashboard-body .multiurl-add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(43,111,103,0.04)}.dashboard-body .qr-input.input-error,.dashboard-body .form-control.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,0.12)!important}.dashboard-body .qr-input-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:6px;padding:0 2px;line-height:1.3}.dashboard-body .form-hint{color:#94A3B8;font-size:12px;margin-top:6px}.dashboard-body .premium-type-notice{background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;padding:16px}.dashboard-body .gen-premium-slider{width:44px;height:24px;border-radius:24px;background:#D1D5DB;border:none;cursor:pointer;display:inline-block;position:relative;flex-shrink:0;transition:background 0.25s ease;vertical-align:middle}.dashboard-body .gen-premium-slider-knob{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,0.18);transition:transform 0.25s ease}.dashboard-body .gen-premium-slider.active{background:var(--primary)}.dashboard-body .gen-premium-slider.active .gen-premium-slider-knob{transform:translateX(20px)}.dashboard-body .qr-step1-placeholder{width:280px;height:280px;border-radius:16px;background:linear-gradient(135deg,#F0F7F6 0%,#F8FAFB 50%,#F0F4F8 100%);border:2px dashed #D0DDD9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}.dashboard-body .step1-placeholder-icon{width:72px;height:72px;border-radius:18px;background:rgba(43,111,103,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:var(--primary)}.dashboard-body .qr-step1-placeholder strong{font-size:14px;font-weight:700;color:#1E293B;line-height:1.3}.dashboard-body .qr-step1-placeholder span{font-size:12px;color:#94A3B8;line-height:1.4}.step1-showcase{display:none;flex-direction:column;align-items:center;gap:10px;position:absolute;inset:0;z-index:1;justify-content:center;animation:step1ShowcaseFadeIn 0.6s ease}.step1-showcase.active{display:flex}.step1-showcase.active ~ .step1-placeholder-icon,.step1-showcase.active ~ #placeholderTitle,.step1-showcase.active ~ #placeholderDesc{display:none}.step1-showcase-canvas{width:200px;height:200px;border-radius:12px;transition:opacity 0.4s ease,transform 0.4s ease}.step1-showcase-canvas.fading{opacity:0;transform:scale(0.92)}.step1-showcase-name{font-size:13px;font-weight:600;color:var(--primary);opacity:0.8;transition:opacity 0.4s ease;text-align:center}.step1-showcase-name.fading{opacity:0}@keyframes step1ShowcaseFadeIn{from{opacity:0}to{opacity:1}}.multiurl-live-preview{display:flex;flex-direction:column;align-items:center;width:100%}.multiurl-live-phone{width:100%;min-height:240px;max-height:290px;background:#fff;border-radius:24px;border:3px solid #1a1a2e;padding:10px 14px 14px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.12);box-sizing:border-box}.multiurl-live-phone-notch{width:60px;height:5px;background:#1a1a2e;border-radius:10px;margin:0 auto 10px}.multiurl-live-phone-content{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;max-height:240px}.multiurl-live-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;width:100%}.multiurl-live-icon{width:28px;height:28px;min-width:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#34a899);color:#fff;display:flex;align-items:center;justify-content:center}.multiurl-live-icon svg{width:14px;height:14px}.multiurl-live-header-text{text-align:left}.multiurl-live-title{font-size:12px;font-weight:700;color:#1a1a2e;line-height:1.2}.multiurl-live-subtitle{font-size:9px;color:#94A3B8;line-height:1.2}.multiurl-live-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:6px}.multiurl-live-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e8ecf1;border-radius:10px;text-align:left;transition:border-color 0.2s;cursor:default}.multiurl-live-item:hover{border-color:var(--primary)}.multiurl-live-item-icon{width:28px;height:28px;min-width:28px;border-radius:8px;background:linear-gradient(135deg,#f0f7f6 0%,#e8f4f1 100%);color:var(--primary);display:flex;align-items:center;justify-content:center}.multiurl-live-item-icon svg{width:14px;height:14px}.multiurl-live-item-body{flex:1;min-width:0;overflow:hidden}.multiurl-live-item-title{font-size:11px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiurl-live-item-url{font-size:9px;color:#94A3B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiurl-live-item-arrow{color:#cbd5e1;flex-shrink:0}.multiurl-live-empty{font-size:11px;color:#94A3B8;padding:24px 12px;text-align:center}.multiurl-preview-toggle{display:none}.qr-action-btn.multiurl-qr-toggle{display:none}.qr-action-btn.multiurl-qr-toggle.visible{display:inline-flex;color:#F59E0B;border-color:#F59E0B}.qr-action-btn.multiurl-qr-toggle.visible:hover{background:#FEF3C7;color:#D97706;border-color:#D97706}.icon-library-modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;padding:24px}.icon-library-modal-overlay.active{display:flex}.icon-library-modal{background:#fff;border-radius:var(--radius-xl,20px);width:100%;max-width:600px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.04);overflow:hidden;animation:iconModalSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes iconModalSlideIn{from{opacity:0;transform:translateY(12px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-library-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.icon-library-header-left{display:flex;align-items:center;gap:14px}.icon-library-header-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#2dd4a8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-library-modal-header h3{font-size:18px;font-weight:700;color:var(--dark);margin:0;letter-spacing:-0.3px}.icon-library-subtitle{font-size:12.5px;color:var(--muted);margin:2px 0 0}.icon-library-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg-alt,#f1f5f9);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.icon-library-modal-close:hover{background:#e2e8f0;color:var(--dark)}.icon-library-search-wrap{display:flex;align-items:center;gap:10px;margin:20px 28px 0;padding:12px 16px;background:var(--bg-alt,#f8fafc);border:1.5px solid transparent;border-radius:14px;transition:all 0.2s;color:var(--muted)}.icon-library-search-wrap:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}.icon-library-search{border:none;outline:none;flex:1;font-size:14px;background:transparent;color:var(--dark);font-weight:500}.icon-library-search::placeholder{color:#94A3B8;font-weight:400}.icon-library-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 28px;margin-top:16px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.icon-library-body::-webkit-scrollbar{width:5px}.icon-library-body::-webkit-scrollbar-track{background:transparent}.icon-library-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.icon-library-section{margin-bottom:8px}.icon-library-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.6px;margin-bottom:10px;padding-top:4px}.icon-library-recent-section{padding-bottom:12px;border-bottom:1px solid var(--border,#e2e8f0)}.icon-library-recent-grid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;min-height:auto;scrollbar-width:none}.icon-library-recent-grid::-webkit-scrollbar{display:none}.icon-library-recent-grid .icon-library-item{min-width:72px;max-width:72px}.icon-library-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0}.icon-library-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px 8px;border:1.5px solid transparent;border-radius:14px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);background:var(--bg-alt,#f8fafc);position:relative}.icon-library-item:hover{border-color:var(--primary);background:rgba(16,185,129,0.06);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.12)}.icon-library-item:active{transform:translateY(0);box-shadow:none}.icon-library-item img,.icon-library-thumb-svg{width:32px;height:32px;object-fit:contain;transition:transform 0.2s}.icon-library-item:hover img{transform:scale(1.1)}.icon-library-thumb-svg svg{width:100%;height:100%}.icon-library-thumb-placeholder{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 100%);animation:iconPlaceholderPulse 1.2s ease-in-out infinite alternate}@keyframes iconPlaceholderPulse{from{opacity:0.5}to{opacity:1}}.icon-library-item span{font-size:10px;font-weight:500;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.icon-library-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;text-align:center;color:var(--muted);font-size:13px}.icon-library-loading{display:flex;justify-content:center;padding:32px}.icon-library-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin 0.7s linear infinite}.icon-library-usage{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted);background:var(--bg-alt,#f1f5f9);padding:4px 10px;border-radius:20px;margin:0 0 8px auto;float:right}.icon-library-footer{padding:0 28px 20px;flex-shrink:0}.icon-library-load-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:1.5px solid var(--border,#e2e8f0);border-radius:12px;background:#fff;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:8px}.icon-library-load-more:hover{border-color:var(--primary);background:rgba(16,185,129,0.06);box-shadow:0 2px 8px rgba(16,185,129,0.1)}.qr-icon-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10;backdrop-filter:blur(2px)}@media (max-width:480px){.icon-library-modal{max-height:92vh}.icon-library-modal-header{padding:20px 20px 0}.icon-library-search-wrap{margin:16px 20px 0}.icon-library-body{padding:0 20px}.icon-library-footer{padding:0 20px 16px}.icon-library-grid{grid-template-columns:repeat(4,1fr);gap:6px}.icon-library-header-icon{width:36px;height:36px;border-radius:10px}.icon-library-header-icon svg{width:17px;height:17px}.icon-library-modal-header h3{font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 0.8s linear infinite}@media (min-width:1440px){.hero-generator .container{max-width:1300px}.generator-wrapper{grid-template-columns:1fr 420px}}@media (min-width:1600px){.hero-generator .container{max-width:1380px}.generator-wrapper{grid-template-columns:1fr 440px}.generator-left{padding-right:36px}.generator-right{padding-left:36px}}@media (min-width:1920px){.hero-generator .container{max-width:1440px}.generator-dark-area{padding:40px 48px 44px}.generator-wrapper{grid-template-columns:1fr 460px}.generator-left{padding-right:40px}.generator-right{padding-left:40px}.qr-preview-card{width:270px}}@media (min-width:2560px){.hero-generator .container{max-width:1540px}.generator-dark-area{padding:44px 52px 48px}.generator-wrapper{grid-template-columns:1fr 480px}.generator-left{padding-right:44px}.generator-right{padding-left:44px}.qr-preview-card{width:280px}}.scanner-hero{position:relative;padding:80px 0 60px;overflow:hidden}.scanner-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(43,111,103,0.06) 0%,transparent 70%);pointer-events:none}.scanner-hero-content{text-align:center;margin-bottom:32px;position:relative}.scanner-hero-content h1{font-size:2.8rem;font-weight:800;margin:0 0 14px;letter-spacing:-0.5px;color:var(--text)}.scanner-hero-content p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7}.scanner-card{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.04)}.scanner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;margin:14px;background:rgba(148,163,184,0.12);border-radius:12px}.scanner-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 10px;min-width:0;background:transparent;border:none;border-radius:9px;font-size:0.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scanner-tab svg{flex-shrink:0;width:16px;height:16px}.scanner-tab:hover{color:var(--text)}.scanner-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 6px rgba(15,23,42,0.08)}@media (min-width:640px){.scanner-tabs{margin:20px;padding:6px}.scanner-tab{padding:12px 20px;font-size:0.92rem;gap:8px}.scanner-tab svg{width:18px;height:18px}}.scanner-viewfinder{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,rgba(43,111,103,0.04) 0%,transparent 60%),linear-gradient(145deg,#0d0d12 0%,#13131f 50%,#0d0d12 100%);overflow:hidden}.scanner-viewfinder::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.scanner-viewfinder>video{display:none}.scanner-html5-mount{position:absolute;inset:0;width:100%;height:100%}.scanner-html5-mount video{width:100%!important;height:100%!important;object-fit:cover;display:block}.scanner-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,transparent 120px,rgba(0,0,0,0.45) 200px)}.scanner-frame{width:240px;height:240px;position:relative}.scanner-corner{position:absolute;width:36px;height:36px;border-color:#fff;border-style:solid;border-width:0}.scanner-corner-tl{top:0;left:0;border-top-width:4px;border-left-width:4px;border-radius:12px 0 0 0}.scanner-corner-tr{top:0;right:0;border-top-width:4px;border-right-width:4px;border-radius:0 12px 0 0}.scanner-corner-bl{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 12px}.scanner-corner-br{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px;border-radius:0 0 12px 0}.scanner-line{position:absolute;left:6px;right:6px;height:3px;background:linear-gradient(90deg,transparent,#2B6F67,#4ECDC4,#2B6F67,transparent);border-radius:2px;top:0;opacity:0;box-shadow:0 0 20px rgba(78,205,196,0.5),0 0 60px rgba(78,205,196,0.2)}.scanner-line.animating{opacity:1;animation:scanLineMove 2.4s ease-in-out infinite}@keyframes scanLineMove{0%,100%{top:6px}50%{top:calc(100% - 9px)}}.scanner-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.scanner-placeholder-icon{width:88px;height:88px;border-radius:24px;background:rgba(43,111,103,0.12);display:flex;align-items:center;justify-content:center;color:rgba(78,205,196,0.5);border:1px solid rgba(43,111,103,0.2);backdrop-filter:blur(8px);animation:placeholderPulse 3s ease-in-out infinite}@keyframes placeholderPulse{0%,100%{box-shadow:0 0 0 0 rgba(43,111,103,0.15)}50%{box-shadow:0 0 0 16px rgba(43,111,103,0)}}.scanner-placeholder p{margin:0;color:rgba(255,255,255,0.4);font-size:0.9rem}.scanner-start-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;margin-top:4px;box-shadow:0 4px 20px rgba(43,111,103,0.35)}.scanner-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(43,111,103,0.45)}.scanner-action-bar{display:flex;gap:8px;padding:12px 16px;background:var(--card);border-top:1px solid var(--border);justify-content:center}.scanner-action-bar{display:flex;gap:10px;padding:14px 16px;background:var(--card);border-top:1px solid var(--border)}.scanner-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:0.88rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all 0.18s ease;font-family:inherit;white-space:nowrap}.scanner-action-btn:hover{border-color:var(--primary);color:var(--primary)}.scanner-action-btn--stop{color:#EF4444;border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.04)}.scanner-action-btn--stop:hover{border-color:#EF4444;background:rgba(239,68,68,0.08)}.scanner-dropzone{padding:24px}.scanner-dropzone-inner{border:2px dashed var(--border);border-radius:20px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all 0.3s;background:var(--bg)}.scanner-dropzone.dragover .scanner-dropzone-inner{border-color:var(--primary);background:rgba(43,111,103,0.04);transform:scale(1.01)}.scanner-dropzone-icon{width:80px;height:80px;border-radius:20px;background:rgba(43,111,103,0.08);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:4px}.scanner-dropzone-inner h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.scanner-dropzone-hint{color:var(--text-secondary);font-size:0.85rem;margin:0}.scanner-browse-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;margin-top:4px}.scanner-browse-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(43,111,103,0.3)}.scanner-result-card{padding:32px 24px}.barcode-product-panel{margin-top:24px}.barcode-product-loading,.barcode-product-miss__title{text-align:center;font-size:0.95rem;color:#64748b;padding:20px 12px}.barcode-product-miss{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.barcode-product-miss__actions,.barcode-product__shop{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.barcode-product-miss__actions a,.barcode-product__shop a{flex:1 1 auto;min-width:120px;text-align:center;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#2B6F67,#4ECDC4);color:#fff;font-size:0.88rem;font-weight:600;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease}.barcode-product-miss__actions a:hover,.barcode-product__shop a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(43,111,103,0.25)}.barcode-product{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(15,23,42,0.04)}.barcode-product__head{display:flex;gap:14px;align-items:flex-start}.barcode-product__img{width:88px;height:88px;object-fit:contain;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;flex-shrink:0}.barcode-product__img--empty{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.barcode-product__head-text{flex:1;min-width:0}.barcode-product__brand{font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#2B6F67;margin-bottom:4px}.barcode-product__name{font-size:1.05rem;font-weight:700;color:#0f172a;line-height:1.3;word-break:break-word}.barcode-product__qty{font-size:0.85rem;color:#64748b;margin-top:4px}.barcode-product__scores{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.barcode-product__score{padding:5px 10px;border-radius:999px;font-size:0.75rem;font-weight:700;background:#e2e8f0;color:#334155}.barcode-product__score--nutri-a,.barcode-product__score--eco-a{background:#16a34a;color:#fff}.barcode-product__score--nutri-b,.barcode-product__score--eco-b{background:#65a30d;color:#fff}.barcode-product__score--nutri-c,.barcode-product__score--eco-c{background:#ca8a04;color:#fff}.barcode-product__score--nutri-d,.barcode-product__score--eco-d{background:#ea580c;color:#fff}.barcode-product__score--nutri-e,.barcode-product__score--eco-e{background:#dc2626;color:#fff}.barcode-product__row{display:flex;gap:10px;padding:10px 0;border-top:1px solid #f1f5f9;font-size:0.88rem;color:#334155}.barcode-product__row:first-of-type{margin-top:14px}.barcode-product__row--block{flex-direction:column;gap:4px}.barcode-product__row--block .barcode-product__label{flex:0 0 auto}.barcode-product__row--block span:last-child{line-height:1.55;color:#475569;font-size:0.85rem}.barcode-product__label{flex:0 0 92px;color:#64748b;font-weight:600}.barcode-product__details{margin-top:10px;border-top:1px solid #f1f5f9;padding-top:10px}.barcode-product__details summary{cursor:pointer;font-weight:600;color:#2B6F67;font-size:0.88rem}.barcode-product__details p{margin-top:8px;font-size:0.85rem;color:#475569;line-height:1.5}.scanner-result-status{text-align:center;margin-bottom:24px}.scanner-result-check{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#22C55E,#16A34A);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px;box-shadow:0 4px 20px rgba(34,197,94,0.3)}.scanner-result-status h3{margin:0 0 10px;font-size:1.2rem;font-weight:700}.scanner-result-badge{display:inline-block;padding:5px 16px;border-radius:100px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;background:var(--primary);color:#fff}.scanner-result-badge--wifi{background:linear-gradient(135deg,#F97316,#EA580C)}.scanner-result-badge--email{background:linear-gradient(135deg,#EC4899,#DB2777)}.scanner-result-badge--phone{background:linear-gradient(135deg,#F59E0B,#D97706)}.scanner-result-badge--sms{background:linear-gradient(135deg,#3B82F6,#2563EB)}.scanner-result-badge--vcard{background:linear-gradient(135deg,#8B5CF6,#7C3AED)}.scanner-result-badge--location{background:linear-gradient(135deg,#EF4444,#DC2626)}.scanner-result-badge--url{background:linear-gradient(135deg,#2B6F67,#1a4a44)}.scanner-result-badge--text{background:linear-gradient(135deg,#64748B,#475569)}.scanner-result-body{margin-bottom:24px}.scanner-result-text{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:18px 20px;font-size:0.95rem;word-break:break-all;color:var(--text);line-height:1.7;font-family:'SF Mono','Fira Code',monospace}.scanner-result-text--barcode{text-align:center;font-size:1.1rem;letter-spacing:0.1em;font-weight:600;background:linear-gradient(135deg,rgba(43,111,103,0.06),rgba(78,205,196,0.06));border-color:rgba(43,111,103,0.2)}.scanner-result-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg);border-radius:12px;margin-bottom:8px}.scanner-result-row:last-child{margin-bottom:0}.scanner-result-key{font-size:0.82rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.scanner-result-val{font-size:0.95rem;font-weight:600;color:var(--text);word-break:break-all;text-align:right;max-width:60%}.scanner-result-actions{display:flex;gap:10px;flex-wrap:wrap}.scanner-result-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:12px;font-size:0.88rem;font-weight:600;cursor:pointer;transition:all 0.2s;border:none;font-family:inherit;text-decoration:none}.scanner-result-btn--primary{background:var(--primary);color:#fff}.scanner-result-btn--primary:hover{box-shadow:0 4px 16px rgba(43,111,103,0.3);transform:translateY(-1px)}.scanner-result-btn--outline{background:var(--card);color:var(--primary);border:1.5px solid var(--primary)}.scanner-result-btn--outline:hover{background:rgba(43,111,103,0.05)}.scanner-result-btn--ghost{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.scanner-result-btn--ghost:hover{border-color:var(--text-secondary);color:var(--text)}.scanner-error-card{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:16px 20px 20px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.15);border-radius:14px;color:#EF4444}.scanner-error-card p{margin:0;font-size:0.9rem;font-weight:500}@media (max-width:600px){.scanner-viewfinder{aspect-ratio:4/3}}.scanner-trust{display:flex;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}.scanner-trust-item{display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:500;color:var(--text-secondary)}.scanner-trust-item svg{color:var(--primary)}.scanner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:900px;margin:0 auto;position:relative}.scanner-step-card{text-align:center;padding:40px 28px;position:relative}.scanner-step-icon{width:72px;height:72px;border-radius:22px;background:color-mix(in srgb,var(--step-color) 8%,transparent);color:var(--step-color);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.scanner-step-num{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--step-color);color:#fff;font-size:0.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px color-mix(in srgb,var(--step-color) 30%,transparent)}.scanner-step-card h3{font-size:1.05rem;margin:0 0 8px;font-weight:700}.scanner-step-card p{font-size:0.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.scanner-step-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--border);z-index:1}.scanner-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:800px;margin:0 auto}.scanner-feature-item{display:flex;gap:18px;padding:28px 24px;background:var(--card);border:1px solid var(--border);border-radius:18px;transition:all 0.25s}.scanner-feature-item:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.06)}.scanner-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scanner-feature-text h3{font-size:1rem;font-weight:700;margin:0 0 6px}.scanner-feature-text p{font-size:0.88rem;color:var(--text-secondary);margin:0;line-height:1.6}.scanner-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}.scanner-type-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:all 0.25s}.scanner-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:transparent}.scanner-type-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scanner-type-info strong{display:block;font-size:0.9rem;margin-bottom:3px}.scanner-type-info span{font-size:0.78rem;color:var(--text-secondary);line-height:1.4}.scanner-faq-list{max-width:680px;margin:0 auto}.scanner-faq-item{border:1px solid var(--border);border-radius:16px;margin-bottom:12px;overflow:hidden;background:var(--card);transition:all 0.2s}.scanner-faq-item:hover{border-color:rgba(43,111,103,0.2)}.scanner-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:0.95rem;font-weight:600;color:var(--text);text-align:left;font-family:inherit;gap:16px}.scanner-faq-question svg{flex-shrink:0;transition:transform 0.3s;color:var(--text-secondary)}.scanner-faq-item.open .scanner-faq-question svg{transform:rotate(180deg)}.scanner-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.scanner-faq-item.open .scanner-faq-answer{max-height:200px}.scanner-faq-answer p{padding:0 24px 20px;margin:0;font-size:0.9rem;color:var(--text-secondary);line-height:1.7}.scanner-cta{position:relative;text-align:center;padding:72px 40px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#2B6F67 0%,#1a4a44 100%);color:#fff}.scanner-cta-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.08) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.05) 0%,transparent 50%);pointer-events:none}.scanner-cta-content{position:relative}.scanner-cta h2{font-size:1.8rem;margin:0 0 14px;font-weight:800;color:#fff}.scanner-cta p{opacity:0.85;max-width:480px;margin:0 auto 28px;font-size:0.95rem;line-height:1.7}.scanner-cta .btn.btn-primary{background:#fff!important;color:#2B6F67!important;border-color:#fff!important;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,0.15)}.scanner-cta .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,0.25);background:#f0faf8!important}@media (max-width:768px){.scanner-hero{padding:72px 0 20px}.scanner-hero-content{margin-bottom:20px}.scanner-hero-content h1{font-size:1.7rem;margin-bottom:8px}.scanner-hero-content p{font-size:0.9rem;line-height:1.5}.scanner-card{border-radius:18px}.scanner-steps{grid-template-columns:1fr;gap:0}.scanner-step-card{padding:24px 20px}.scanner-step-arrow{display:none}.scanner-features-grid{grid-template-columns:1fr}.scanner-types-grid{grid-template-columns:repeat(2,1fr);gap:10px}.scanner-type-card{padding:14px 12px;gap:10px}.scanner-type-icon{width:40px;height:40px}.scanner-trust{gap:20px;margin-top:20px}.scanner-cta{padding:48px 24px}.scanner-cta h2{font-size:1.4rem}.scanner-frame{width:200px;height:200px}.scanner-result-card{padding:22px 16px}.scanner-result-actions{flex-wrap:wrap}.scanner-result-actions .scanner-result-btn{flex:1 1 calc(50% - 5px);min-width:0}}@media (max-width:480px){.scanner-hero-content h1{font-size:1.7rem}.scanner-types-grid{grid-template-columns:1fr}.scanner-trust{gap:0}.scanner-trust-item{font-size:0.78rem;gap:5px}.scanner-trust-item svg{display:none}.scanner-trust-item + .scanner-trust-item::before{content:'·';margin:0 8px;color:var(--text-secondary);font-weight:700}.scanner-result-row{flex-direction:column;align-items:flex-start;gap:4px}.scanner-result-val{text-align:left;max-width:100%}.scanner-result-actions{flex-direction:column}.scanner-result-btn{justify-content:center;width:100%}.scanner-frame{width:170px;height:170px}}.feat-hero{position:relative;padding:130px 0 80px;overflow:hidden;text-align:center}.feat-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(43,111,103,0.09) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 80% 20%,rgba(14,165,233,0.06) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 20% 30%,rgba(236,72,153,0.04) 0%,transparent 60%);pointer-events:none}.feat-hero-content{position:relative;max-width:720px;margin:0 auto}.feat-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:100px;font-size:0.82rem;font-weight:600;color:var(--primary);background:rgba(43,111,103,0.08);border:1px solid rgba(43,111,103,0.12);margin-bottom:24px;letter-spacing:0.02em}.feat-hero-content h1{font-size:3.2rem;font-weight:800;letter-spacing:-0.035em;line-height:1.12;color:var(--text);margin-bottom:20px}.feat-hero-content p{font-size:1.18rem;color:var(--text-secondary);line-height:1.7;margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto}.feat-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.feat-stats{padding:0;margin-top:-20px;position:relative;z-index:2}.feat-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.06);overflow:hidden}.feat-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 20px;position:relative}.feat-stat + .feat-stat::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(0,0,0,0.08)}.feat-stat-number{font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-0.03em;line-height:1}.feat-stat-label{font-size:0.85rem;color:var(--text-secondary);font-weight:500}.feat-highlights{padding:100px 0 80px}.feat-highlight{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center;margin-bottom:100px}.feat-highlight:last-child{margin-bottom:0}.feat-highlight--reverse{direction:rtl}.feat-highlight--reverse>*{direction:ltr}.feat-highlight-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:380px;border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--feat-color) 6%,transparent),color-mix(in srgb,var(--feat-color) 14%,transparent));border:1px solid color-mix(in srgb,var(--feat-color) 12%,transparent);overflow:hidden}.feat-highlight-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--feat-color);opacity:0.1;filter:blur(60px);top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity 0.4s}.feat-highlight:hover .feat-highlight-glow{opacity:0.2}.feat-highlight-icon-wrap{position:relative;width:100px;height:100px;border-radius:28px;background:white;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.04);color:var(--feat-color);transition:transform 0.35s ease,box-shadow 0.35s ease}.feat-highlight:hover .feat-highlight-icon-wrap{transform:scale(1.06);box-shadow:0 12px 44px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06)}.feat-highlight-content{display:flex;flex-direction:column;gap:16px}.feat-highlight-tag{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em}.feat-highlight-content h2{font-size:2.1rem;font-weight:800;letter-spacing:-0.02em;color:var(--text);line-height:1.2;margin:0}.feat-highlight-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;margin:0}.feat-highlight-bullets{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px}.feat-highlight-bullets li{display:flex;align-items:center;gap:10px;font-size:0.95rem;color:var(--text);font-weight:500}.feat-highlight-bullets li svg{flex-shrink:0}.feat-highlight-link{display:inline-flex;align-items:center;gap:6px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:gap 0.25s ease;margin-top:4px}.feat-highlight-link:hover{gap:10px}.feat-how-section{padding:80px 0;background:linear-gradient(180deg,rgba(43,111,103,0.02) 0%,transparent 100%)}.feat-how-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-top:56px}.feat-how-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:280px;padding:0 16px;position:relative}.feat-how-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;color:#fff;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.12)}.feat-how-step-icon{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform 0.3s ease}.feat-how-step:hover .feat-how-step-icon{transform:scale(1.08)}.feat-how-step h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px}.feat-how-step p{font-size:0.9rem;color:var(--text-secondary);line-height:1.65;margin:0}.feat-how-arrow{display:flex;align-items:center;padding-top:72px;color:var(--text-secondary);opacity:0.3}.feat-grid-section{padding:80px 0}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.feat-card{background:#fff;border-radius:20px;padding:32px 24px;border:1px solid rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative;overflow:hidden}.feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity 0.3s ease}.feat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border-color:rgba(43,111,103,0.12)}.feat-card:hover::before{opacity:1}.feat-card-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform 0.3s ease}.feat-card:hover .feat-card-icon{transform:scale(1.08)}.feat-card h3{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-0.01em}.feat-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.65;margin:0}a.feat-card{display:block;text-decoration:none;color:inherit}.feat-card-arrow{position:absolute;bottom:20px;right:20px;opacity:0;transform:translateX(-6px);transition:opacity 0.3s ease,transform 0.3s ease;display:inline-flex}.feat-card--link:hover .feat-card-arrow{opacity:1;transform:translateX(0)}.feat-usecases-section{padding:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(43,111,103,0.02) 100%)}.feat-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.feat-usecase-card{background:#fff;border-radius:20px;padding:36px 28px;border:1px solid rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative;display:block;text-decoration:none;color:inherit}.feat-usecase-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.07);border-color:rgba(43,111,103,0.15)}.feat-usecase-arrow{position:absolute;bottom:24px;right:24px;opacity:0;transform:translateX(-6px);transition:opacity 0.3s ease,transform 0.3s ease;display:inline-flex}.feat-usecase-card:hover .feat-usecase-arrow{opacity:1;transform:translateX(0)}.feat-usecase-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform 0.3s ease}.feat-usecase-card:hover .feat-usecase-icon{transform:scale(1.1)}.feat-usecase-card h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:10px}.feat-usecase-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.7;margin:0}.feat-types-section{padding:80px 0}.feat-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.feat-type-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,0.06);text-decoration:none;color:var(--text);transition:all 0.25s ease}.feat-type-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:rgba(43,111,103,0.15)}.feat-type-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.25s ease}.feat-type-card:hover .feat-type-icon{transform:scale(1.1)}.feat-type-name{font-size:0.92rem;font-weight:600;flex:1}.feat-type-arrow{color:var(--text-secondary);opacity:0;transform:translateX(-4px);transition:opacity 0.25s ease,transform 0.25s ease;flex-shrink:0}.feat-type-card:hover .feat-type-arrow{opacity:1;transform:translateX(0)}.feat-vs-section{background:#fff}.feat-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto}.feat-vs-card{border-radius:16px;padding:32px 28px;border:1px solid var(--border)}.feat-vs-card--us{background:linear-gradient(145deg,#f8fffe 0%,#f2fbf9 100%);border-color:rgba(43,111,103,0.15);box-shadow:0 4px 20px rgba(43,111,103,0.06)}.feat-vs-card--others{background:var(--bg-alt)}.feat-vs-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:5px 14px;border-radius:100px;background:var(--primary);color:#fff;margin-bottom:24px}.feat-vs-badge--muted{background:#e5e7eb;color:#6b7280}.feat-vs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.feat-vs-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--dark)}.feat-vs-list li svg{flex-shrink:0}.feat-vs-no span{color:var(--muted);text-decoration:line-through;text-decoration-color:#cbd5e1}@media (max-width:640px){.feat-vs-grid{grid-template-columns:1fr}}.feat-comparison-section{padding:80px 0;background:linear-gradient(180deg,rgba(43,111,103,0.02) 0%,transparent 100%)}.feat-comparison-wrap{max-width:700px;margin:48px auto 0;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.04);background:#fff}.feat-comparison-table{width:100%;border-collapse:collapse}.feat-comparison-table th,.feat-comparison-table td{padding:16px 24px;text-align:center;font-size:0.92rem}.feat-comparison-table th{background:#FAFBFC;font-weight:700;color:var(--text);border-bottom:2px solid rgba(0,0,0,0.06)}.feat-comparison-table th:first-child,.feat-comparison-table td:first-child{text-align:left;font-weight:600}.feat-comparison-table td:first-child{color:var(--text)}.feat-comparison-table tbody tr{border-bottom:1px solid rgba(0,0,0,0.05);transition:background 0.2s ease}.feat-comparison-table tbody tr:last-child{border-bottom:none}.feat-comparison-table tbody tr:hover{background:rgba(43,111,103,0.02)}.feat-comparison-us{background:rgba(43,111,103,0.03);position:relative}.feat-comparison-table th.feat-comparison-us{color:var(--primary);background:rgba(43,111,103,0.06)}.feat-testimonials-section{padding:80px 0}.feat-companion-section{background:#fff}.feat-companion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.feat-companion-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:36px 32px 28px;background:linear-gradient(135deg,#ffffff 0%,#f8fafb 100%);border:1px solid #e4e9e7;border-radius:22px;text-decoration:none;color:inherit;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;overflow:hidden}.feat-companion-card::before{content:"";position:absolute;inset:-40% -60% auto auto;width:260px;height:260px;background:radial-gradient(circle,rgba(46,215,168,0.15) 0%,transparent 70%);pointer-events:none;transition:transform 0.5s ease}.feat-companion-card:hover{border-color:#2ED7A8;transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,44,39,0.12)}.feat-companion-card:hover::before{transform:scale(1.2)}.feat-companion-card>*{position:relative}.feat-companion-badge{align-self:flex-start;padding:4px 12px;background:#2ED7A8;color:#0f2c27;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.feat-companion-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;box-shadow:0 4px 16px rgba(15,44,39,0.06)}.feat-companion-icon--telegram{color:#229ED9}.feat-companion-card h3{font-size:22px;font-weight:700;margin:0;color:#0f2c27}.feat-companion-card p{font-size:15px;line-height:1.6;color:#5f6c68;margin:0;flex:1}.feat-companion-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid #eef1f0;flex-wrap:wrap}.feat-companion-platforms{display:inline-flex;gap:8px;align-items:center}.feat-companion-platforms img{width:22px;height:22px;opacity:0.9;transition:opacity 0.15s ease,transform 0.15s ease}.feat-companion-card:hover .feat-companion-platforms img{opacity:1}.feat-companion-handle{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#229ED9;font-weight:600}.feat-companion-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#2ED7A8;transition:color 0.15s ease,transform 0.15s ease}.feat-companion-link svg{transition:transform 0.2s ease}.feat-companion-card:hover .feat-companion-link{color:#1fae8a}.feat-companion-card:hover .feat-companion-link svg{transform:translateX(4px)}@media (max-width:768px){.feat-companion-grid{grid-template-columns:1fr}.feat-companion-card{padding:28px 24px}}.feat-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.feat-testimonial-card{background:#fff;border-radius:20px;padding:32px 28px;border:1px solid rgba(0,0,0,0.06);display:flex;flex-direction:column;gap:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}.feat-testimonial-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,0.07)}.feat-testimonial-stars{display:flex;gap:2px}.feat-testimonial-text{font-size:0.95rem;color:var(--text-secondary);line-height:1.7;margin:0;flex:1}.feat-testimonial-author{display:flex;align-items:center;gap:12px}.feat-testimonial-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.feat-testimonial-author strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text)}.feat-testimonial-author span{display:block;font-size:0.82rem;color:var(--text-secondary);margin-top:2px}.feat-faq-section{padding:80px 0;background:linear-gradient(180deg,transparent 0%,rgba(43,111,103,0.02) 100%)}.feat-faq-list{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:12px}.feat-faq-item{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,0.06);overflow:hidden;transition:box-shadow 0.3s ease,border-color 0.3s ease}.feat-faq-item:hover{border-color:rgba(43,111,103,0.12)}.feat-faq-item[open]{box-shadow:0 4px 20px rgba(0,0,0,0.06);border-color:rgba(43,111,103,0.15)}.feat-faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text);list-style:none;gap:16px;transition:color 0.2s ease}.feat-faq-item summary::-webkit-details-marker{display:none}.feat-faq-item summary span{flex:1}.feat-faq-item summary svg{flex-shrink:0;color:var(--text-secondary);transition:transform 0.3s ease}.feat-faq-item[open] summary svg{transform:rotate(180deg)}.feat-faq-item[open] summary{color:var(--primary)}.feat-faq-answer{padding:0 24px 20px;font-size:0.92rem;color:var(--text-secondary);line-height:1.75}.feat-cta-section{padding:80px 0 100px}.feat-cta{position:relative;border-radius:28px;padding:80px 48px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#2B6F67 0%,#1a4f49 50%,#0f3a35 100%)}.feat-cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 100%,rgba(16,185,129,0.2) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 80% 0%,rgba(14,165,233,0.15) 0%,transparent 60%);pointer-events:none}.feat-cta-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:100px;font-size:0.82rem;font-weight:600;color:#fff;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);margin-bottom:20px}.feat-cta-content{position:relative;max-width:580px;margin:0 auto}.feat-cta-content h2{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:-0.02em}.feat-cta-content p{font-size:1.05rem;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:36px}.feat-cta .btn.btn-primary{background:#fff!important;color:#2B6F67!important;border-color:#fff!important}.feat-cta .btn.btn-primary:hover{background:rgba(255,255,255,0.92)!important;transform:translateY(-1px)}.feat-cta .btn.btn-outline{color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,0.35)!important}.feat-cta .btn.btn-outline:hover{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.6)!important}@media (max-width:1024px){.feat-grid{grid-template-columns:repeat(2,1fr)}.feat-types-grid{grid-template-columns:repeat(3,1fr)}.feat-highlight{gap:40px}.feat-usecases-grid{grid-template-columns:repeat(2,1fr)}.feat-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.feat-hero{padding:92px 0 56px}.feat-hero-content h1{font-size:2.2rem}.feat-hero-content p{font-size:1rem}.feat-stats{margin-top:-10px}.feat-stats-grid{grid-template-columns:repeat(2,1fr);border-radius:16px}.feat-stat{padding:24px 16px}.feat-stat-number{font-size:1.6rem}.feat-stat + .feat-stat:nth-child(3)::before,.feat-stat + .feat-stat:nth-child(4)::before{display:none}.feat-stat:nth-child(3),.feat-stat:nth-child(4){border-top:1px solid rgba(0,0,0,0.06)}.feat-highlights{padding:64px 0 48px}.feat-highlight{grid-template-columns:1fr;gap:32px;margin-bottom:64px}.feat-highlight--reverse{direction:ltr}.feat-highlight-visual{max-width:280px;margin:0 auto}.feat-highlight-content{text-align:center;align-items:center}.feat-highlight-content h2{font-size:1.6rem}.feat-highlight-bullets{align-items:flex-start;text-align:left}.feat-how-section{padding:48px 0}.feat-how-steps{flex-direction:column;align-items:center;gap:8px}.feat-how-step{max-width:100%;padding:20px}.feat-how-arrow{padding-top:0;transform:rotate(90deg)}.feat-grid-section{padding:48px 0}.feat-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feat-card{padding:24px 18px}.feat-usecases-section{padding:48px 0}.feat-usecases-grid{grid-template-columns:1fr}.feat-types-section{padding:48px 0}.feat-types-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feat-comparison-section{padding:48px 0}.feat-comparison-wrap{border-radius:16px}.feat-comparison-table th,.feat-comparison-table td{padding:12px 14px;font-size:0.85rem}.feat-testimonials-section{padding:48px 0}.feat-testimonials-grid{grid-template-columns:1fr}.feat-faq-section{padding:48px 0}.feat-cta-section{padding:48px 0 64px}.feat-cta{padding:48px 28px;border-radius:20px}.feat-cta-content h2{font-size:1.6rem}}@media (max-width:480px){.feat-hero{padding:76px 0 40px}.feat-hero-content h1{font-size:1.8rem}.feat-hero-actions{flex-direction:column;align-items:stretch}.feat-stats-grid{grid-template-columns:repeat(2,1fr)}.feat-highlight-visual{max-width:220px}.feat-highlight-icon-wrap{width:72px;height:72px;border-radius:20px}.feat-highlight-icon-wrap svg{width:36px;height:36px}.feat-grid{grid-template-columns:1fr}.feat-types-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feat-cta{padding:40px 20px}.feat-cta-content h2{font-size:1.3rem}.feat-cta .feat-hero-actions{flex-direction:column;align-items:stretch}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));animation:cookieSlideUp 0.4s ease}@media (max-width:768px){.cookie-banner{padding-bottom:80px}}@keyframes cookieSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-inner{max-width:960px;margin:0 auto;background:#fff;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 40px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.06)}.cookie-banner-text{display:flex;align-items:flex-start;gap:12px;flex:1}.cookie-banner-icon{flex-shrink:0;color:var(--primary);margin-top:2px}.cookie-banner-text p{font-size:0.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.cookie-banner-text a{color:var(--primary);text-decoration:underline;font-weight:500}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{padding:9px 18px;border-radius:10px;font-size:0.84rem;font-weight:600;cursor:pointer;border:none;transition:all 0.2s ease;white-space:nowrap}.cookie-btn-accept{background:var(--primary);color:#fff}.cookie-btn-accept:hover{background:#245e57;transform:translateY(-1px)}.cookie-btn-decline{background:transparent;color:var(--text-secondary);border:1px solid rgba(0,0,0,0.1)}.cookie-btn-decline:hover{background:rgba(0,0,0,0.04)}.cookie-btn-settings{background:transparent;color:var(--text);border:1px solid rgba(0,0,0,0.1)}.cookie-btn-settings:hover{background:rgba(0,0,0,0.04)}.cookie-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:cookieFadeIn 0.25s ease}@keyframes cookieFadeIn{from{opacity:0}to{opacity:1}}.cookie-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,0.15);animation:cookieModalIn 0.3s ease;overflow:hidden}@keyframes cookieModalIn{from{transform:scale(0.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.cookie-modal-header h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.cookie-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:rgba(0,0,0,0.04);font-size:1.2rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.cookie-modal-close:hover{background:rgba(0,0,0,0.08)}.cookie-modal-body{padding:20px 28px;display:flex;flex-direction:column;gap:16px}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;background:#FAFBFC;border:1px solid rgba(0,0,0,0.04)}.cookie-option-info{display:flex;flex-direction:column;gap:4px;flex:1}.cookie-option-info strong{font-size:0.9rem;font-weight:600;color:var(--text)}.cookie-option-info span{font-size:0.8rem;color:var(--text-secondary);line-height:1.5}.cookie-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;inset:0;border-radius:24px;background:#D1D5DB;cursor:pointer;transition:background 0.25s}.cookie-toggle-slider::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform 0.25s;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.cookie-toggle input:checked + .cookie-toggle-slider{background:var(--primary)}.cookie-toggle input:checked + .cookie-toggle-slider::before{transform:translateX(20px)}.cookie-toggle input:disabled + .cookie-toggle-slider{opacity:0.6;cursor:not-allowed}.cookie-modal-footer{padding:0 28px 24px;display:flex;gap:8px;justify-content:flex-end}@media (max-width:640px){.cookie-banner-inner{flex-direction:column;align-items:stretch;padding:18px 20px;gap:14px}.cookie-banner-actions{justify-content:stretch}.cookie-btn{flex:1;text-align:center;padding:10px 12px}.cookie-modal{max-width:100%;border-radius:16px}.cookie-modal-header,.cookie-modal-body,.cookie-modal-footer{padding-left:20px;padding-right:20px}.cookie-modal-footer{flex-direction:column}}.legal-hero{padding:120px 0 48px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(43,111,103,0.06) 0%,transparent 70%)}.legal-hero h1{font-size:2.4rem;font-weight:800;color:var(--text);letter-spacing:-0.03em;margin-bottom:8px}.legal-hero p{font-size:0.95rem;color:var(--text-secondary)}.legal-content{max-width:760px;margin:0 auto;padding-bottom:40px}.legal-intro{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,0.06)}.legal-content h2{font-size:1.3rem;font-weight:700;color:var(--text);margin:40px 0 12px;letter-spacing:-0.01em}.legal-content h2:first-of-type{margin-top:0}.legal-content p{font-size:0.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.legal-content ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.legal-content ul li{position:relative;padding-left:24px;font-size:0.92rem;color:var(--text-secondary);line-height:1.7}.legal-content ul li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--primary);opacity:0.5}.legal-content .btn{margin-top:8px}.about-story{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid rgba(0,0,0,0.06)}.about-story h2{margin-top:0}.about-mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.about-mv-card{background:#fff;border-radius:20px;padding:32px 28px;border:1px solid rgba(0,0,0,0.06)}.about-mv-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.about-mv-card h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px}.about-mv-card p{margin:0}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}.about-value-card{background:#FAFBFC;border-radius:16px;padding:24px 20px;border:1px solid rgba(0,0,0,0.04)}.about-value-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.about-value-card h4{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.about-value-card p{font-size:0.88rem;margin:0}.about-contact-cta{text-align:center;padding:48px 32px;background:rgba(43,111,103,0.03);border-radius:20px;border:1px solid rgba(43,111,103,0.08)}.about-contact-cta h2{margin-top:0!important}.about-contact-cta p{margin-bottom:20px}@media (max-width:768px){.legal-hero{padding:88px 0 36px}.legal-hero h1{font-size:1.8rem}.about-mv-grid{grid-template-columns:1fr}.about-values-grid{grid-template-columns:1fr}}@media (max-width:480px){.legal-hero h1{font-size:1.5rem}.legal-content h2{font-size:1.15rem}.about-contact-cta{padding:32px 20px}}.qr-field-cards,.app-platforms{display:flex;flex-direction:column;gap:10px}.qr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-field-card,.app-platform-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:all 0.25s ease;cursor:default}.qr-field-card.card-tall{align-items:flex-start}.qr-field-card:focus-within,.app-platform-card:focus-within{border-color:var(--primary);box-shadow:0 4px 16px rgba(43,111,103,0.12),0 0 0 3px rgba(43,111,103,0.06);transform:translateY(-1px)}.qr-field-card:focus-within .field-icon{background:linear-gradient(135deg,var(--primary),#1a4a44);color:#fff;box-shadow:0 2px 8px rgba(43,111,103,0.3)}.qr-field-card:focus-within .field-icon svg{stroke:#fff}.qr-field-card:focus-within .field-body label{color:var(--primary)}.qr-field-card .field-icon,.app-platform-card .platform-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.app-platform-card .platform-icon{color:#fff}.qr-field-card:focus-within .field-icon{transform:scale(1.05)}.field-icon.ic-linkpage{background:#F3E8F5;color:#7C3AED}.qr-field-card--linkpage-picker{border-style:dashed}.qr-field-card--linkpage-picker .field-body{flex:1;min-width:0}.qr-field-card--linkpage-picker label{font-size:13px;color:var(--muted);margin-bottom:8px;display:block}.linkpage-picker-list{display:flex;flex-wrap:wrap;gap:6px}.linkpage-pick-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg,#fff);font-size:13px;color:var(--text);cursor:pointer;transition:all 0.2s ease}.linkpage-pick-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(43,111,103,0.05)}.linkpage-pick-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.linkpage-pick-btn svg{flex-shrink:0}.field-icon.ic-url{background:#E8F5F3;color:#2B6F67}.field-icon.ic-text{background:#EEF0FF;color:#6366F1}.field-icon.ic-email{background:#FDECEB;color:#D93025}.field-icon.ic-subject{background:#FDECEB;color:#D93025}.field-icon.ic-body{background:#FDECEB;color:#D93025}.field-icon.ic-phone{background:#E6F5EA;color:#1E8E3E}.field-icon.ic-sms{background:#E3F2FD;color:#1565C0}.field-icon.ic-whatsapp{background:#E8F8ED;color:#128C7E}.field-icon.ic-wifi{background:#FFF3E0;color:#E65100}.field-icon.ic-lock{background:#FFF3E0;color:#E65100}.field-icon.ic-vcard{background:#F3EDFF;color:#7C3AED}.field-icon.ic-building{background:#F3EDFF;color:#7C3AED}.field-icon.ic-web{background:#F3EDFF;color:#7C3AED}.field-icon.ic-location{background:#FEECEB;color:#C62828}.field-icon.ic-event{background:#E3F2FD;color:#1565C0}.field-icon.ic-clock{background:#E3F2FD;color:#1565C0}.field-icon.ic-crypto{background:#FFF3E0;color:#E65100}.field-icon.ic-user{background:#F3EDFF;color:#7C3AED}.field-icon.ic-users{background:#EDE7F6;color:#5E35B1}.field-icon.ic-settings{background:#FFF8E1;color:#F57F17}.field-icon.ic-compass{background:#FBE9E7;color:#BF360C}.field-icon.ic-wallet{background:#E8EAF6;color:#283593}.field-icon.ic-send{background:#E0F7FA;color:#00838F}.field-icon.ic-social{background:#E91E63;color:#fff;transition:background 0.25s ease,color 0.25s ease}.platform-icon.ios{background:#000}.platform-icon.android{background:#34A853}.platform-icon.ipad{background:#555}.qr-field-card .field-body,.app-platform-card .platform-body{flex:1;min-width:0}.qr-field-card .field-body label,.app-platform-card .platform-body label{display:block;font-size:13px;font-weight:600;color:var(--dark);margin-bottom:4px;letter-spacing:-0.01em}.qr-field-card .field-body input,.qr-field-card .field-body textarea,.qr-field-card .field-body select,.app-platform-card .platform-body input{width:100%;border:none;outline:none;font-size:14px;font-family:var(--font);color:var(--dark);background:transparent;padding:0;resize:none}.qr-field-card .field-body textarea{min-height:48px;resize:vertical;line-height:1.5}.qr-field-card .field-body select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:20px}.qr-field-card .field-body input::placeholder,.qr-field-card .field-body textarea::placeholder,.app-platform-card .platform-body input::placeholder{color:#94A3B8}.qr-field-card .field-body input,.qr-field-card .field-body textarea{caret-color:var(--primary);caret-shape:bar}.app-optional-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1.5px dashed var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.25s ease;width:100%}.app-optional-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-ghost)}.app-optional-add svg{width:16px;height:16px;transition:transform 0.25s ease}.app-optional-add:hover svg{transform:scale(1.15)}.app-platform-card.ipad-card{max-height:0;opacity:0;overflow:hidden;padding:0 16px;margin:0;border-color:transparent;transition:max-height 0.35s ease,opacity 0.3s ease,padding 0.35s ease,border-color 0.3s ease,margin 0.3s ease}.app-platform-card.ipad-card.visible{max-height:100px;opacity:1;padding:14px 16px;border-color:var(--border)}.app-platform-remove{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#94A3B8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.app-platform-remove:hover{background:rgba(239,68,68,0.08);color:#ef4444}.generator-dark-area .qr-field-cards .qr-field-card,.generator-dark-area .app-platforms .app-platform-card{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}.generator-dark-area .qr-field-card .field-icon{opacity:0.95}.generator-dark-area .qr-field-cards .qr-field-card:focus-within,.generator-dark-area .app-platforms .app-platform-card:focus-within{border-color:rgba(255,255,255,0.35);box-shadow:0 0 0 3px rgba(255,255,255,0.08)}.generator-dark-area .qr-field-card .field-body label,.generator-dark-area .app-platform-card .platform-body label{color:rgba(255,255,255,0.7)}.generator-dark-area .qr-field-card .field-body input,.generator-dark-area .qr-field-card .field-body textarea,.generator-dark-area .qr-field-card .field-body select,.generator-dark-area .app-platform-card .platform-body input{color:#fff;background:transparent}.generator-dark-area .qr-field-card .field-body input:-webkit-autofill,.generator-dark-area .qr-field-card .field-body input:-webkit-autofill:hover,.generator-dark-area .qr-field-card .field-body input:-webkit-autofill:focus,.generator-dark-area .qr-field-card .field-body input:-webkit-autofill:active,.generator-dark-area .qr-field-card .field-body textarea:-webkit-autofill,.generator-dark-area .app-platform-card .platform-body input:-webkit-autofill,.generator-dark-area .app-platform-card .platform-body input:-webkit-autofill:hover,.generator-dark-area .app-platform-card .platform-body input:-webkit-autofill:focus,.generator-dark-area .app-platform-card .platform-body input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;background-color:transparent!important;background-image:none!important;transition:background-color 600000s 0s,color 600000s 0s}.dashboard-body .qr-field-card .field-body input:-webkit-autofill,.dashboard-body .qr-field-card .field-body input:-webkit-autofill:hover,.dashboard-body .qr-field-card .field-body input:-webkit-autofill:focus,.dashboard-body .qr-field-card .field-body input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#1e293b!important;transition:background-color 600000s 0s,color 600000s 0s}.generator-dark-area .qr-field-card .field-body input::placeholder,.generator-dark-area .qr-field-card .field-body textarea::placeholder,.generator-dark-area .app-platform-card .platform-body input::placeholder{color:rgba(255,255,255,0.3)}.generator-dark-area .qr-field-cards .qr-field-row{gap:10px}.generator-dark-area .app-optional-add{border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.45)}.generator-dark-area .app-optional-add:hover{border-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.06)}.location-toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:stretch;position:relative}.location-toolbar .location-search-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border,#e2e8f0);border-radius:10px;font-size:14px;background:var(--surface,#fff);color:var(--dark,#1e293b);outline:none;transition:border-color .2s}.location-toolbar .location-search-input:focus{border-color:var(--primary,#6366f1)}.location-search-btn,.location-gps-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;border-radius:10px;border:1px solid var(--border,#e2e8f0);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.location-search-btn{background:var(--primary,#6366f1);color:#fff;border-color:var(--primary,#6366f1)}.location-search-btn:hover{opacity:.85}.location-search-btn.loading{opacity:.6;pointer-events:none}.location-search-btn.loading svg{animation:loc-spin .8s linear infinite}@keyframes loc-spin{to{transform:rotate(360deg)}}.location-gps-btn{background:var(--surface,#fff);color:var(--dark,#1e293b);font-weight:500}.location-gps-btn:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1)}.location-gps-btn.loading{opacity:.5;pointer-events:none}.location-gps-btn svg,.location-search-btn svg{flex-shrink:0}.location-autocomplete{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:240px;overflow-y:auto;display:none}.location-autocomplete.visible{display:block}.location-ac-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border,#f1f5f9);font-size:13px;line-height:1.4;color:var(--dark,#1e293b)}.location-ac-item:last-child{border-bottom:none}.location-ac-item:hover{background:var(--primary-soft,#f0f0ff)}.location-ac-item svg{flex-shrink:0;margin-top:2px;color:var(--muted,#94a3b8)}.location-ac-name{font-weight:600}.location-ac-detail{color:var(--muted,#64748b);font-size:12px;margin-top:1px}.location-map-wrap{width:100%;height:300px;border-radius:12px;overflow:hidden;border:1px solid var(--border,#e2e8f0);margin-bottom:12px;background:#f1f5f9;position:relative;z-index:1}.location-map-wrap .leaflet-container{width:100%;height:100%;border-radius:12px}.location-marker-panel{position:relative;border-radius:14px;padding:16px;margin-bottom:12px;background:linear-gradient(135deg,#f0f9ff,#eff6ff);border:1px solid #bfdbfe;transition:opacity .3s}.location-marker-panel.locked{pointer-events:none;background:var(--surface,#f8fafc);border-color:var(--border,#e2e8f0)}.location-marker-panel.locked .location-marker-inner,.location-marker-panel.locked .location-marker-header{opacity:.35;filter:grayscale(.4)}.location-marker-panel.locked .location-marker-badge{opacity:1;filter:none}.location-marker-badge{position:absolute;top:-9px;right:14px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:9px;font-weight:800;padding:3px 10px;border-radius:8px;letter-spacing:.08em;z-index:2;box-shadow:0 2px 6px rgba(245,158,11,.3)}.location-marker-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.04em}.location-marker-header svg{flex-shrink:0;color:#3b82f6}.location-marker-header .location-marker-dyn-notice{margin:0 0 0 auto;text-transform:none;letter-spacing:0;font-weight:600}.location-marker-inner{display:flex;gap:14px;align-items:center}.location-marker-logo-wrap{position:relative}.location-marker-logo-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;border:2px dashed #93c5fd;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all .25s;background:#fff}.location-marker-logo-btn:hover{border-color:#3b82f6;border-style:solid;background:#eff6ff;transform:scale(1.04);box-shadow:0 2px 8px rgba(59,130,246,.15)}.location-marker-logo-preview{width:100%;height:100%;object-fit:cover;border-radius:14px}.location-marker-logo-placeholder{color:#93c5fd}.location-marker-logo-remove{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;transition:transform .15s;box-shadow:0 1px 4px rgba(239,68,68,.3)}.location-marker-logo-remove:hover{transform:scale(1.15)}.location-marker-label-wrap{flex:1;min-width:0}.location-marker-label-wrap label{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:5px}.location-marker-label{width:100%;border:1.5px solid #bfdbfe;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500;background:#fff;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.location-marker-label:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.generator-dark-area .location-marker-panel{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.06));border-color:rgba(59,130,246,.2)}.generator-dark-area .location-marker-header{color:#93c5fd}.generator-dark-area .location-marker-header svg{color:#60a5fa}.generator-dark-area .location-marker-logo-btn{border-color:rgba(147,197,253,.3);background:rgba(255,255,255,0.04)}.generator-dark-area .location-marker-logo-btn:hover{border-color:rgba(59,130,246,.5);background:rgba(59,130,246,.1)}.generator-dark-area .location-marker-logo-placeholder{color:rgba(147,197,253,.4)}.generator-dark-area .location-marker-label-wrap label{color:rgba(255,255,255,0.45)}.generator-dark-area .location-marker-label{background:rgba(255,255,255,0.05);border-color:rgba(147,197,253,.2);color:#f1f5f9}.generator-dark-area .location-marker-label:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.generator-dark-area .location-marker-label::placeholder{color:rgba(255,255,255,0.25)}.generator-dark-area .location-marker-panel.locked{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}.leaflet-custom-marker{background:none!important;border:none!important}.custom-map-marker{display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));pointer-events:none}.custom-map-marker-card{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:6px 12px 6px 6px;max-width:200px;min-height:36px}.custom-map-marker-card:only-child{padding:8px 12px}.custom-map-marker-logo{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:none}.custom-map-marker-label{font-size:13px;font-weight:500;color:#1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,Arial,sans-serif;line-height:1.3}.custom-map-marker-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.location-marker-dyn-notice{display:none;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;border-radius:8px;background:rgba(59,130,246,.08);font-size:11px;font-weight:600;color:#1e40af}.location-marker-dyn-notice svg{flex-shrink:0}.generator-dark-area .location-marker-dyn-notice{background:rgba(59,130,246,.12);color:#93c5fd}.location-coords-compact{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--surface,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;font-size:12px}.location-coords-compact label{font-weight:600;color:var(--muted,#94a3b8);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.location-coords-compact input{border:none;background:transparent;font-size:13px;font-weight:500;color:var(--dark,#1e293b);width:100px;outline:none;font-family:'SF Mono','Fira Code',monospace}.location-coord-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.location-coords-divider{width:1px;height:28px;background:var(--border,#e2e8f0);flex-shrink:0}.generator-dark-area .location-search-input{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:#fff}.generator-dark-area .location-search-input::placeholder{color:rgba(255,255,255,0.3)}.generator-dark-area .location-search-input:focus{border-color:rgba(255,255,255,0.35)}.generator-dark-area .location-gps-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}.generator-dark-area .location-gps-btn:hover{border-color:rgba(255,255,255,0.35);color:#fff}.generator-dark-area .location-map-wrap{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.04)}.generator-dark-area .location-coords-compact{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1)}.generator-dark-area .location-coords-compact label{color:rgba(255,255,255,0.4)}.generator-dark-area .location-coords-compact input{color:rgba(255,255,255,0.7)}.generator-dark-area .location-coords-divider{background:rgba(255,255,255,0.1)}.generator-dark-area .location-autocomplete{background:#1e293b;border-color:rgba(255,255,255,0.15);box-shadow:0 8px 24px rgba(0,0,0,.4)}.generator-dark-area .location-ac-item{color:#e2e8f0;border-color:rgba(255,255,255,0.06)}.generator-dark-area .location-ac-item:hover{background:rgba(255,255,255,0.08)}.generator-dark-area .location-ac-detail{color:rgba(255,255,255,0.4)}@media (max-width:600px){.location-map-wrap{height:220px}.location-toolbar{flex-wrap:wrap}.location-toolbar .location-search-input{flex-basis:100%}.location-search-btn,.location-gps-btn{flex:1;padding:10px 12px;justify-content:center}.location-coords-compact input{width:80px}.location-links-row{flex-wrap:wrap}}@media (max-width:768px){.qr-field-card,.app-platform-card{padding:12px 14px;gap:12px}.qr-field-card .field-icon,.app-platform-card .platform-icon{width:36px;height:36px;border-radius:8px}.qr-field-row{grid-template-columns:1fr}}.social-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.social-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--border);border-radius:100px;background:#fff;font-size:13px;font-weight:500;color:var(--dark);cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.social-chip svg{width:16px;height:16px;flex-shrink:0}.social-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.social-chip.active{color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.social-chip[data-social="instagram"]{--sc:#E4405F}.social-chip[data-social="facebook"]{--sc:#1877F2}.social-chip[data-social="x"]{--sc:#000000}.social-chip[data-social="tiktok"]{--sc:#000000}.social-chip[data-social="youtube"]{--sc:#FF0000}.social-chip[data-social="linkedin"]{--sc:#0A66C2}.social-chip[data-social="pinterest"]{--sc:#E60023}.social-chip[data-social="snapchat"]{--sc:#FFFC00}.social-chip[data-social="telegram"]{--sc:#26A5E4}.social-chip[data-social="reddit"]{--sc:#FF4500}.social-chip:hover{border-color:var(--sc,var(--primary));color:var(--sc,var(--primary))}.social-chip.active{background:var(--sc,var(--primary));border-color:var(--sc,var(--primary));color:#fff}.social-chip[data-social="snapchat"].active{color:#000}.generator-dark-area .social-chips .social-chip{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}.generator-dark-area .social-chips .social-chip:hover{border-color:var(--sc,rgba(255,255,255,0.4));color:#fff;background:rgba(255,255,255,0.1)}.generator-dark-area .social-chips .social-chip.active{background:var(--sc,var(--primary));border-color:var(--sc,var(--primary));color:#fff}.generator-dark-area .social-chip[data-social="snapchat"].active{color:#000}.social-chip-toggle{border-style:dashed}.social-chip-toggle svg{transition:transform 0.25s ease}.social-chip[data-social="other"]{--sc:#64748B}.social-chip[data-social="threads"]{--sc:#000000}.social-chip[data-social="spotify"]{--sc:#1DB954}.social-chip[data-social="reddit"]{--sc:#FF4500}.social-chip[data-social="whatsapp"]{--sc:#25D366}.social-chip[data-social="discord"]{--sc:#5865F2}.social-chip[data-social="twitch"]{--sc:#9146FF}.social-chip[data-social="github"]{--sc:#181717}.social-chip[data-social="dribbble"]{--sc:#EA4C89}.social-chip[data-social="behance"]{--sc:#1769FF}.social-chip[data-social="medium"]{--sc:#000000}.social-chip[data-social="vk"]{--sc:#0077FF}.social-chip[data-social="tumblr"]{--sc:#36465D}@media (max-width:768px){.social-chips{gap:6px}.social-chip{padding:5px 10px;font-size:12px}}.custom-slug-row{display:flex;align-items:center;gap:0;margin-top:12px;border-radius:10px;overflow:hidden;border:1.5px solid #e2e8f0;background:#fff;transition:border-color 0.2s}.custom-slug-row:focus-within{border-color:var(--primary)}.custom-slug-prefix{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f8fafc;border-right:1.5px solid #e2e8f0;font-size:13px;font-weight:600;color:#64748b;white-space:nowrap;user-select:all}.custom-slug-prefix svg{flex-shrink:0;color:var(--primary)}.custom-slug-row input{flex:1;border:none;outline:none;padding:10px 12px;font-size:14px;font-weight:500;color:#1e293b;background:transparent;min-width:0}.custom-slug-row input::placeholder{color:#94a3b8;font-weight:400;font-style:italic}.custom-slug-row .slug-error{display:none}.custom-slug-error{font-size:12px;color:var(--danger);margin-top:4px}.custom-slug-help{font-size:12px;color:#94a3b8;margin-top:4px}.rules-list{display:flex;flex-direction:column;gap:10px}.rule-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s}.rule-card:hover{border-color:#cbd5e1}.rule-card-header{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;user-select:none;transition:background 0.15s}.rule-card-header:hover{background:#f8fafc}.rule-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-icon-dynamic{background:rgba(43,111,103,0.1);color:var(--primary)}.rule-icon-password{background:rgba(99,102,241,0.1);color:#6366f1}.rule-icon-campaign{background:rgba(59,130,246,0.1);color:#3b82f6}.rule-icon-scanlimit{background:rgba(245,158,11,0.1);color:#f59e0b}.rule-icon-device{background:rgba(16,185,129,0.1);color:#10b981}.rule-icon-country{background:rgba(14,165,233,0.1);color:#0ea5e9}.rule-icon-language{background:rgba(168,85,247,0.1);color:#a855f7}.rule-icon-time{background:rgba(168,85,247,0.1);color:#a855f7}.rule-icon-abtest{background:rgba(244,63,94,0.1);color:#f43f5e}.rule-icon-utm{background:rgba(34,197,94,0.1);color:#22c55e}.rule-card-info{flex:1;min-width:0}.rule-card-info strong{display:block;font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.rule-card-info span{display:block;font-size:12px;color:#94a3b8;line-height:1.4;margin-top:2px}.rule-card-chevron{flex-shrink:0;color:#94a3b8;transition:transform 0.25s ease}.rule-card.open .rule-card-chevron{transform:rotate(180deg)}.rule-card-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 18px}.rule-card.open .rule-card-body{max-height:400px;padding:0 18px 18px}.rule-card-body .form-control{margin-top:0}.rule-card-body .form-row{margin-top:0}.rule-card-body .form-group{margin-bottom:0}.rule-card-body .form-group label{font-size:13px;font-weight:600;color:#475569;margin-bottom:6px;display:block}.rule-card-body .form-help{font-size:11px;color:#94a3b8;margin-top:4px}#ruleDynamicBody{max-height:0;padding:0 18px}#ruleDynamicBody.open{max-height:200px;padding:0 18px 18px}.rule-card-disabled{opacity:0.45;pointer-events:none;position:relative}.rule-card-disabled .rule-card-header{cursor:default}.rule-card-disabled .rule-card-header:hover{background:transparent}.rule-card-badge-dynamic{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6366f1;background:rgba(99,102,241,0.08);padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0;transition:opacity 0.25s}.rule-card-badge-active{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#059669;background:rgba(5,150,105,0.08);padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.rule-card-badge-active .badge-clear-text{display:none}.rule-card.open .rule-card-badge-active{color:#ef4444;background:rgba(239,68,68,0.08);cursor:pointer}.rule-card.open .rule-card-badge-active:hover{background:rgba(239,68,68,0.15)}.rule-card.open .rule-card-badge-active .badge-active-text{display:none}.rule-card.open .rule-card-badge-active .badge-clear-text{display:inline-flex;align-items:center;gap:4px}.rule-card-clear{display:none}.rule-card:not(.rule-card-disabled) .rule-card-badge-dynamic{display:none}.rule-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:12px;margin-bottom:16px}.rule-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all 0.2s;white-space:nowrap}.rule-tab:hover{color:#1e293b;background:rgba(255,255,255,0.6)}.rule-tab.active{color:var(--primary);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.08);font-weight:600}.rule-tab svg{flex-shrink:0;opacity:0.6}.rule-tab.active svg{opacity:1;color:var(--primary)}.rule-tab-content{display:none}.rule-tab-content.active{display:block;animation:ruleTabFadeIn 0.2s ease}@keyframes ruleTabFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.rule-tabs{gap:2px;padding:3px}.rule-tab{padding:8px 6px;font-size:11px;gap:3px}.rule-tab svg{width:12px;height:12px}}.rule-card.rule-type-hidden{display:none}.rule-tab-empty{text-align:center;padding:40px 24px;color:#94a3b8}.rule-tab-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#f1f5f9;color:#cbd5e1;margin-bottom:14px}.rule-tab-empty strong{display:block;font-size:14px;font-weight:600;color:#64748b;margin-bottom:6px}.rule-tab-empty p{font-size:13px;line-height:1.5;color:#94a3b8;max-width:320px;margin:0 auto}.rule-country-row,.rule-ab-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rule-country-select{flex:0 0 160px}.rule-country-url,.rule-ab-url{flex:1}.rule-row-remove{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s}.rule-row-remove:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.rule-add-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--primary);background:none;border:1px dashed #cbd5e1;border-radius:8px;padding:8px 14px;cursor:pointer;transition:all 0.15s;margin-bottom:8px}.rule-add-btn:hover{background:var(--primary-ghost);border-color:var(--primary)}.rule-ab-label{flex-shrink:0;width:26px;height:26px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.rule-ab-weight{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px 4px 4px}.rule-ab-pct{width:64px!important;min-width:64px;text-align:center;padding:6px 8px!important;font-size:14px;font-weight:600}.rule-days-grid{display:flex;flex-wrap:wrap;gap:6px}.rule-day-check{display:flex;align-items:center;gap:5px;font-size:13px;color:#475569;padding:4px 10px;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;transition:all 0.15s;user-select:none}.rule-day-check:has(input:checked){background:var(--primary-ghost);border-color:var(--primary);color:var(--primary)}.rule-day-check input{display:none}.rule-card[data-rule-types].rule-type-hidden{display:none}.qr-card-date{font-size:15px;font-weight:600;color:var(--primary);margin-top:8px}@media (max-width:768px){.custom-slug-prefix{padding:8px 10px;font-size:12px}.custom-slug-row input{padding:8px 10px;font-size:13px}.dynamic-options-grid{grid-template-columns:1fr}}.dashboard-header-desc{color:var(--text-secondary,#6b7280);font-size:14px;margin-top:4px}.templates-tabs{display:flex;gap:4px;background:var(--card-bg,#fff);border-radius:14px;padding:5px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04)}.templates-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary,#6b7280);cursor:pointer;transition:all 0.25s ease}.templates-tab-btn:hover{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#1f2937)}.templates-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(43,111,103,0.3)}.templates-tab-btn.active svg{stroke:#fff}.templates-tab-btn svg{flex-shrink:0;stroke:currentColor}.templates-tab-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px;background:rgba(255,255,255,0.2)}.templates-tab-btn:not(.active) .templates-tab-count{background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#6b7280)}.templates-tab-panel{display:none}.templates-tab-panel.active{display:block}.templates-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.templates-filter-chip{padding:6px 16px;border-radius:100px;border:1.5px solid var(--border,#e5e7eb);background:var(--card-bg,#fff);font-size:13px;font-weight:500;color:var(--text-secondary,#6b7280);cursor:pointer;transition:all 0.2s ease}.templates-filter-chip:hover{border-color:var(--primary);color:var(--primary)}.templates-filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.templates-page .tpl-card{background:var(--card-bg,#fff);border-radius:16px;border:1.5px solid var(--border,#e5e7eb);overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;width:auto;padding:0;flex-shrink:initial;text-align:left;cursor:default}.templates-page .tpl-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border-color:var(--primary);background:var(--card-bg,#fff)}.templates-page .tpl-card--premium{border-color:rgba(245,158,11,0.3)}.templates-page .tpl-card--premium:hover{border-color:rgba(245,158,11,0.6);box-shadow:0 12px 32px rgba(245,158,11,0.1),0 2px 8px rgba(0,0,0,0.04)}.tpl-badge{position:absolute;top:12px;right:12px;z-index:2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:4px 10px;border-radius:100px}.tpl-badge--pro{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,0.3)}.tpl-preview{display:flex;align-items:center;justify-content:center;padding:20px 16px;min-height:140px;border-radius:12px;margin:10px 10px 0;transition:transform 0.3s ease;position:relative}.templates-page .tpl-card:hover .tpl-preview{transform:scale(1.02)}.templates-page .tpl-page-canvas{width:140px;height:140px;border-radius:8px}.tpl-preview--lp{flex-direction:column;gap:12px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:150px}.tpl-preview--clean{background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%)}.tpl-preview--dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.tpl-preview--dark .tpl-lp-icon svg,.tpl-preview--dark .tpl-lp-block-line{color:#e2e8f0;stroke:#e2e8f0}.tpl-preview--dark .tpl-lp-block-line{background:rgba(255,255,255,0.15)}.tpl-preview--dark .tpl-lp-more{color:#94a3b8}.tpl-preview--soft{background:linear-gradient(135deg,#fef7f0 0%,#fce7f3 100%)}.tpl-preview--neon{background:linear-gradient(135deg,#0a0a0a 0%,#1a0a2e 100%)}.tpl-preview--neon .tpl-lp-icon svg{stroke:#a855f7}.tpl-preview--neon .tpl-lp-block-line{background:linear-gradient(90deg,#a855f7,#06b6d4)}.tpl-preview--neon .tpl-lp-more{color:#a855f7}.tpl-preview--glass{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.tpl-preview--brutal{background:#fef08a}.tpl-preview--gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tpl-preview--gradient .tpl-lp-icon svg{stroke:#fff}.tpl-preview--gradient .tpl-lp-block-line{background:rgba(255,255,255,0.3)}.tpl-preview--gradient .tpl-lp-more{color:#e0e7ff}.tpl-preview--midnight{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.tpl-preview--midnight .tpl-lp-icon svg{stroke:#c4b5fd}.tpl-preview--midnight .tpl-lp-block-line{background:rgba(196,181,253,0.2)}.tpl-preview--midnight .tpl-lp-more{color:#a5b4fc}.tpl-preview--nature{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.tpl-preview--warm{background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%)}.tpl-preview--cyberpunk{background:linear-gradient(135deg,#0c0a1a 0%,#1a0a2e 50%,#2d0a3e 100%)}.tpl-preview--cyberpunk .tpl-lp-icon svg{stroke:#f472b6}.tpl-preview--cyberpunk .tpl-lp-block-line{background:linear-gradient(90deg,#f472b6,#818cf8)}.tpl-preview--cyberpunk .tpl-lp-more{color:#f472b6}.tpl-preview--animated{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.tpl-preview--animated .tpl-lp-icon svg{stroke:#38bdf8}.tpl-preview--animated .tpl-lp-block-line{background:rgba(56,189,248,0.3)}.tpl-preview--animated .tpl-lp-more{color:#38bdf8}.tpl-lp-icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.tpl-preview--clean .tpl-lp-icon,.tpl-preview--soft .tpl-lp-icon,.tpl-preview--nature .tpl-lp-icon,.tpl-preview--warm .tpl-lp-icon{background:rgba(0,0,0,0.05)}.tpl-lp-blocks{display:flex;flex-direction:column;gap:6px;width:70%;align-items:center}.tpl-lp-block-line{height:8px;width:100%;border-radius:4px;background:rgba(0,0,0,0.08)}.tpl-lp-block-line:nth-child(2){width:85%}.tpl-lp-block-line:nth-child(3){width:70%}.tpl-lp-block-line:nth-child(4){width:55%}.tpl-lp-more{font-size:11px;font-weight:600;color:var(--text-secondary,#6b7280);margin-top:2px}.tpl-info{padding:14px 16px 4px}.tpl-name{font-size:15px;font-weight:600;color:var(--text-primary,#1f2937);margin:0 0 4px}.tpl-category{font-size:12px;color:var(--text-secondary,#6b7280)}.tpl-meta{display:flex;align-items:center;gap:8px}.tpl-block-count{font-size:12px;color:var(--text-secondary,#6b7280)}.tpl-theme-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280);text-transform:capitalize}.dashboard-body .tpl-use-btn,.dashboard-body .tpl-use-btn:hover{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 12px 12px;padding:9px 14px;border-radius:10px;background:var(--primary);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.dashboard-body .tpl-use-btn:hover{background:var(--primary-dark,#1f7a6e);box-shadow:0 4px 12px rgba(43,111,103,0.25);transform:translateY(-1px)}.tpl-use-btn svg{flex-shrink:0;stroke:#fff}.templates-empty-state{text-align:center;padding:60px 20px;background:var(--card-bg,#fff);border-radius:16px;border:2px dashed var(--border,#e5e7eb)}.templates-empty-state p{color:var(--text-secondary,#6b7280);margin-top:12px;font-size:14px}@media (max-width:1200px){.templates-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.templates-tabs{border-radius:12px}.templates-tab-btn{padding:10px 12px;font-size:13px;gap:6px}.templates-tab-btn svg{width:16px;height:16px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tpl-preview{min-height:130px;padding:20px 12px}.tpl-preview svg{width:100px;height:100px}}@media (max-width:480px){.templates-grid{grid-template-columns:1fr}.templates-filter-bar{gap:6px}.templates-filter-chip{padding:5px 12px;font-size:12px}}.doc-viewer-page{padding-bottom:60px}.doc-header{background:linear-gradient(135deg,#1e293b,#0f172a);padding:40px 0}.doc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.doc-header-info{flex:1}.doc-type-badge{display:inline-block;padding:4px 12px;border-radius:6px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}.doc-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.3}.doc-meta{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;flex-wrap:wrap}.doc-header-actions .btn{white-space:nowrap}.doc-viewer-wrap{margin-top:-20px;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.08);overflow:hidden;border:1px solid #e2e8f0}.doc-viewer-iframe{width:100%;height:80vh;min-height:500px;border:none;display:block}.doc-viewer-image{padding:24px;text-align:center}.doc-viewer-image img{max-width:100%;max-height:80vh;border-radius:8px}.doc-viewer-fallback{text-align:center;padding:80px 24px}.doc-fallback-icon{margin-bottom:20px}.doc-viewer-fallback h2{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.doc-viewer-fallback p{color:#64748b;font-size:15px;margin:0 0 24px}.doc-cta{text-align:center;padding:48px 24px;margin-top:40px;background:linear-gradient(135deg,rgba(43,111,103,0.04),rgba(43,111,103,0.08));border-radius:16px;border:1px solid rgba(43,111,103,0.1)}.doc-cta h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.doc-cta p{color:#64748b;font-size:15px;margin:0 0 20px}@media (max-width:768px){.doc-header{padding:24px 0}.doc-header-inner{flex-direction:column;align-items:flex-start}.doc-title{font-size:18px}.doc-viewer-iframe{height:85vh;min-height:500px}}.scanner-doc-banner{margin-top:16px;animation:fadeInUp 0.4s ease}.scanner-doc-banner-inner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(43,111,103,0.06),rgba(43,111,103,0.12));border:1px solid rgba(43,111,103,0.15);border-radius:12px}.scanner-doc-badge{padding:3px 8px;border-radius:5px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;flex-shrink:0}.scanner-doc-title{flex:1;font-size:14px;font-weight:600;color:var(--dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lpl-hero{padding:80px 0 60px;background:linear-gradient(160deg,#f8fffe 0%,#f0faf8 60%,#e8f5f2 100%);position:relative;overflow:hidden}.lpl-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(43,111,103,0.06) 0%,transparent 70%);pointer-events:none}.lpl-hero-grid{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}.lpl-hero-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:rgba(43,111,103,0.08);padding:6px 16px;border-radius:100px;margin-bottom:20px}.lpl-hero-text h1{font-size:48px;font-weight:800;color:var(--dark);line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.lpl-hero-text p{font-size:18px;color:var(--muted);line-height:1.7;max-width:480px;margin-bottom:32px}.lpl-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.lpl-phone{width:280px;margin:0 auto;background:#fff;border-radius:36px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04);position:relative}.lpl-phone-notch{width:100px;height:24px;background:#1a1a1a;border-radius:0 0 16px 16px;margin:0 auto 16px}.lpl-phone-screen{padding:16px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.lpl-mock-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#4db8ac)}.lpl-mock-name{width:100px;height:14px;border-radius:7px;background:#e5e7eb}.lpl-mock-bio{width:150px;height:8px;border-radius:4px;background:#f3f4f6}.lpl-mock-btn{width:100%;height:36px;border-radius:10px;background:var(--primary);opacity:0.9}.lpl-mock-btn--2{background:#3B82F6;opacity:0.8}.lpl-mock-btn--3{background:#8B5CF6;opacity:0.7}.lpl-mock-btn--4{background:#f3f4f6}.lpl-mock-social{display:flex;gap:10px;padding:6px 0}.lpl-mock-social span{width:28px;height:28px;border-radius:50%;background:#e5e7eb}.lpl-blocks{background:#fff}.lpl-blocks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lpl-block-card{padding:24px 20px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;text-align:center;transition:all 0.25s ease}.lpl-block-card:hover{border-color:rgba(43,111,103,0.2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.05)}.lpl-block-icon{width:44px;height:44px;border-radius:12px;background:rgba(43,111,103,0.08);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.lpl-block-card h4{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:4px}.lpl-block-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.4}.lpl-themes{background:var(--bg-alt);overflow:hidden;padding-bottom:80px}.lpl-showcase-row{overflow:hidden;padding:8px 0;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.lpl-showcase-track{display:flex;gap:16px;width:max-content}.lpl-showcase-track--left{animation:lplScrollLeft 40s linear infinite}.lpl-showcase-track--right{animation:lplScrollRight 45s linear infinite}@keyframes lplScrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}@keyframes lplScrollRight{0%{transform:translateX(-33.333%)}100%{transform:translateX(0)}}.lpl-themes .tpl-card--mini{flex-shrink:0;width:200px}.lpl-themes .tpl-card--mini .tpl-preview--lp{min-height:120px;padding:18px}.lpl-themes .tpl-card--mini .tpl-lp-icon{width:40px;height:40px;border-radius:10px}.lpl-themes .tpl-card--mini .tpl-lp-block-line{height:7px}.lpl-themes .tpl-card--mini .tpl-info{padding:10px 14px}.lpl-themes .tpl-card--mini .tpl-name{font-size:12px}.lpl-usecases{background:#fff}.lpl-usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lpl-usecase-card{padding:32px 24px;background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;transition:all 0.25s ease}.lpl-usecase-card:hover{border-color:rgba(43,111,103,0.2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.05)}.lpl-usecase-icon{width:52px;height:52px;border-radius:14px;background:rgba(43,111,103,0.08);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.lpl-usecase-card h3{font-size:17px;font-weight:700;color:var(--dark);margin-bottom:8px}.lpl-usecase-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.lpl-steps{background:var(--bg-alt)}.lpl-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.lpl-step{text-align:center;padding:36px 24px;background:#fff;border:1px solid var(--border);border-radius:20px;position:relative}.lpl-step-num{position:absolute;top:12px;right:16px;font-size:56px;font-weight:900;color:var(--dark);opacity:0.04;line-height:1}.lpl-step-icon{width:52px;height:52px;border-radius:14px;background:rgba(43,111,103,0.08);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lpl-step h3{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:8px}.lpl-step p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.lpl-faq{background:#fff}.lpl-faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0}.lpl-faq-item{border-bottom:1px solid var(--border)}.lpl-faq-item:first-child{border-top:1px solid var(--border)}.lpl-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;cursor:pointer;font-size:16px;font-weight:600;color:var(--dark);list-style:none;transition:color 0.2s ease}.lpl-faq-q::-webkit-details-marker{display:none}.lpl-faq-q:hover{color:var(--primary)}.lpl-faq-chevron{flex-shrink:0;transition:transform 0.2s ease;color:var(--muted)}.lpl-faq-item[open] .lpl-faq-chevron{transform:rotate(180deg)}.lpl-faq-a{padding:0 4px 20px;font-size:15px;color:var(--muted);line-height:1.7}.lpl-cta{padding:80px 0;text-align:center;background:linear-gradient(160deg,#f8fffe 0%,#f0faf8 100%)}.lpl-cta h2{font-size:32px;font-weight:700;color:var(--dark);margin-bottom:12px}.lpl-cta p{font-size:16px;color:var(--muted);margin-bottom:28px}.lpl-home-banner-section{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0;position:relative;overflow:hidden}.lpl-home-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}.lpl-banner-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.lpl-banner-track{display:flex;gap:14px;position:absolute;top:50%;transform:translateY(-50%);animation:lplBannerScroll 35s linear infinite;opacity:0.35}.lpl-banner-track .tpl-card--mini{flex-shrink:0;width:160px;border:1px solid rgba(0,0,0,0.06);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.lpl-banner-track .tpl-card--mini .tpl-preview--lp{min-height:90px;padding:14px}.lpl-banner-track .tpl-card--mini .tpl-lp-icon{width:32px;height:32px;border-radius:8px}.lpl-banner-track .tpl-card--mini .tpl-lp-block-line{height:5px}.lpl-banner-track .tpl-info{padding:6px 10px}.lpl-banner-track .tpl-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes lplBannerScroll{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(-33.333%)}}.lpl-home-banner-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);background:rgba(43,111,103,0.08);padding:5px 14px;border-radius:100px;margin-bottom:14px}.lpl-home-banner-text h3{font-size:28px;font-weight:800;color:var(--dark);margin-bottom:8px;letter-spacing:-0.5px}.lpl-home-banner-text p{font-size:15px;color:var(--muted);margin:0;max-width:480px;line-height:1.6}.lpl-home-banner-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;border-radius:12px;text-decoration:none;transition:all 0.25s ease;box-shadow:0 4px 16px rgba(43,111,103,0.2)}.lpl-home-banner-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,111,103,0.3);color:#fff}.lpl-home-banner-btn svg{transition:transform 0.2s ease}.lpl-home-banner-btn:hover svg{transform:translateX(3px)}@media (max-width:1024px){.lpl-hero-grid{grid-template-columns:1fr;gap:40px}.lpl-hero-text h1{font-size:36px}.lpl-hero-visual{order:-1}.lpl-blocks-grid{grid-template-columns:repeat(3,1fr)}.lpl-usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lpl-hero{padding:48px 0 40px}.lpl-hero-text h1{font-size:30px}.lpl-hero-text p{font-size:16px}.lpl-blocks-grid{grid-template-columns:repeat(2,1fr)}.lpl-usecases-grid{grid-template-columns:1fr}.lpl-steps-grid{grid-template-columns:1fr;gap:16px}.lpl-home-banner-inner{flex-direction:column;text-align:center}.lpl-home-banner-text p{max-width:none}.lpl-home-banner-section{padding:40px 0}}@media (max-width:480px){.lpl-blocks-grid{grid-template-columns:1fr 1fr;gap:10px}.lpl-hero-actions{flex-direction:column}.lpl-hero-actions .btn{width:100%;text-align:center}}.blk-hidden{display:none!important}.blk-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding:16px 0}.blk-step{display:flex;align-items:center;gap:8px;opacity:0.4;transition:opacity 0.3s}.blk-step.active{opacity:1}.blk-step.done{opacity:0.7}.blk-step-dot{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.blk-step.active .blk-step-dot{background:var(--primary);color:#fff}.blk-step.done .blk-step-dot{background:var(--primary);color:#fff;opacity:0.6}.blk-step-label{font-size:13px;font-weight:600;color:var(--dark)}.blk-step-line{width:40px;height:1px;background:var(--border);margin:0 8px}.blk-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.blk-step-desc{color:var(--muted);margin-bottom:1rem}.blk-serial-hint{font-size:13px;color:var(--primary);background:rgba(43,111,103,0.05);padding:10px 14px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.blk-upload-icon{color:var(--primary);opacity:0.6}.blk-preview-card{margin-top:1rem}.blk-overflow-x{overflow-x:auto}.blk-preview-table-wrap{max-height:420px;overflow-y:auto}.blk-editable-table{font-size:13px}.blk-editable-table thead th{position:sticky;top:0;background:#fff;z-index:1;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted)}.blk-th-num{width:36px;text-align:center;color:var(--muted)}.blk-td-num{width:36px;text-align:center;font-size:11px;color:var(--light);font-weight:600}.blk-th-action{width:32px}.blk-td-action{width:32px;text-align:center}.blk-td-edit{cursor:text;border-radius:4px;transition:background 0.15s;padding:8px 10px}.blk-td-edit:focus{outline:none;background:rgba(43,111,103,0.04);box-shadow:inset 0 0 0 1.5px var(--primary)}.blk-row-invalid{background:rgba(239,68,68,0.02)}.blk-row-invalid .blk-td-edit{color:#ef4444}.blk-row-delete{background:none;border:none;cursor:pointer;font-size:16px;color:var(--light);padding:2px 6px;border-radius:4px;transition:all 0.15s}.blk-row-delete:hover{color:#ef4444;background:rgba(239,68,68,0.06)}.blk-td-toggle{text-align:center}.blk-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.blk-toggle input{opacity:0;width:0;height:0;position:absolute}.blk-toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:20px;transition:all 0.2s}.blk-toggle-slider::before{content:'';position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform 0.2s}.blk-toggle input:checked + .blk-toggle-slider{background:var(--primary)}.blk-toggle input:checked + .blk-toggle-slider::before{transform:translateX(16px)}.blk-count-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);background:rgba(43,111,103,0.06);padding:6px 14px;border-radius:100px;margin-bottom:16px}.blk-count-badge svg{opacity:0.7}.blk-nav--preview{margin-top:16px}.blk-generating-body{text-align:center;padding:48px 24px}.blk-generating-title{margin-top:20px}.blk-progress-bar{max-width:400px;margin:20px auto 0}.blk-progress-text{margin-top:8px}.blk-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:blkSpin 0.8s linear infinite;margin:0 auto}@keyframes blkSpin{to{transform:rotate(360deg)}}.blk-results-stats{margin-bottom:1.5rem}.blk-success-val{color:var(--primary)}.blk-fail-val{color:#f87171}.blk-download-options{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin:20px 0 16px}.blk-dl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blk-dl-format-group{display:flex;gap:6px}.blk-dl-format{padding:6px 16px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.2s}.blk-dl-format.active{border-color:var(--primary);color:var(--primary);background:rgba(43,111,103,0.04)}.blk-dl-format:hover:not(.blk-dl-locked){border-color:rgba(43,111,103,0.3)}.blk-dl-locked{opacity:0.4;cursor:not-allowed}.blk-dl-transparent{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dark);cursor:pointer}.blk-toggle-mini{position:relative;width:32px;height:18px;display:inline-block}.blk-toggle-mini-slider{position:absolute;inset:0;background:var(--border);border-radius:18px;transition:all 0.2s}.blk-toggle-mini-slider::before{content:'';position:absolute;width:14px;height:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform 0.2s}.blk-dl-transparent input:checked ~ .blk-toggle-mini .blk-toggle-mini-slider{background:var(--primary)}.blk-dl-transparent input:checked ~ .blk-toggle-mini .blk-toggle-mini-slider::before{transform:translateX(14px)}.blk-dl-size-row{display:flex;align-items:center;gap:12px;margin-top:12px}.blk-dl-size-row label{font-size:13px;font-weight:600;color:var(--dark);white-space:nowrap}.blk-dl-size-range{flex:1}.blk-dl-size-val{font-size:13px;font-weight:700;color:var(--primary);min-width:52px;text-align:right}.blk-download-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.blk-row-counts{display:flex;gap:6px}.badge-success{background:rgba(43,111,103,0.1);color:var(--primary)}.badge-danger{background:rgba(239,68,68,0.1);color:#ef4444}.blk-errors-alert{margin-bottom:1rem}.blk-errors-list{margin:0.5rem 0 0;padding-left:1.25rem}.blk-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:20px 0}.blk-qr-preview-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}.blk-qr-preview-card canvas{width:100%;height:auto;border-radius:6px}.blk-qr-preview-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blk-qr-more{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border-style:dashed}.blk-qr-more-count{font-size:28px;font-weight:700;color:var(--primary)}@media (max-width:768px){.blk-step-label{display:none}.blk-step-line{width:24px}}@media (max-width:480px){.blk-download-actions{flex-direction:column}}.plan-gate-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,rgba(43,111,103,0.04),rgba(99,102,241,0.04));border:1.5px solid rgba(43,111,103,0.15);border-radius:16px;margin-bottom:28px}.plan-gate-icon{width:44px;height:44px;border-radius:12px;background:rgba(43,111,103,0.08);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-gate-text{flex:1}.plan-gate-text h3{font-size:15px;font-weight:700;color:var(--dark);margin:0 0 2px}.plan-gate-text p{font-size:13px;color:var(--muted);margin:0}.integrations-locked{}.integrations-grid{display:flex;flex-direction:column;gap:32px}.intg-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.integration-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.integration-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s}.integration-card:hover{border-color:rgba(43,111,103,0.25);box-shadow:0 2px 12px rgba(0,0,0,0.04)}.integration-card-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.integration-card-icon{width:38px;height:38px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-card-info{flex:1;min-width:0}.integration-card-info h3{font-size:14px;font-weight:700;color:var(--dark);margin:0}.integration-card-info p{font-size:12px;color:var(--muted);margin:2px 0 0;line-height:1.4}.integration-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.integration-input{width:100%;padding:10px 14px;font-size:13px;font-family:'SF Mono','Fira Code',monospace;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);color:var(--dark);transition:border-color 0.2s}.integration-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(43,111,103,0.08)}.integration-input::placeholder{color:var(--muted);font-family:inherit}.integration-row{display:flex;gap:8px}.integration-row .integration-input{flex:1}.integration-btn-row{display:flex;gap:8px;margin-top:4px}.integration-save-btn{margin-top:4px}.integration-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:2px dashed var(--border);border-radius:14px;background:none;color:var(--muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.2s}.integration-add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(43,111,103,0.03)}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--muted);transition:all 0.15s;display:flex;align-items:center}.btn-icon:hover{background:var(--bg)}.btn-icon-danger:hover{color:#EF4444;background:rgba(239,68,68,0.06)}.tg-toggles{display:flex;flex-direction:column;gap:10px;margin:18px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.tg-toggle-row{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background 0.15s}.tg-toggle-row:not(:last-child){border-bottom:1px solid var(--border)}.tg-toggle-row:hover{background:#FAFBFC}.tg-toggle-icon{width:38px;height:38px;border-radius:10px;background:rgba(34,158,217,0.1);color:#229ED9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tg-toggle-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tg-toggle-title{font-size:14px;font-weight:600;color:var(--dark)}.tg-toggle-sub{font-size:12px;color:var(--muted);line-height:1.4}.tg-switch{position:relative;width:40px;height:22px;flex-shrink:0}.tg-switch input{opacity:0;width:0;height:0;position:absolute}.tg-switch-slider{position:absolute;inset:0;background:#CBD5E1;border-radius:22px;transition:background 0.2s}.tg-switch-slider::before{content:'';position:absolute;left:2px;top:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.tg-switch input:checked + .tg-switch-slider{background:var(--primary)}.tg-switch input:checked + .tg-switch-slider::before{transform:translateX(18px)}.tg-switch input:focus-visible + .tg-switch-slider{box-shadow:0 0 0 3px rgba(43,111,103,0.2)}.tg-actions-row{display:flex;justify-content:flex-end;padding:0 22px 22px}.btn-outline-danger{background:#fff;color:#EF4444;border:1px solid #FCA5A5;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-weight:600;font-size:13px;border-radius:10px;transition:all 0.15s}.btn-outline-danger:hover{background:rgba(239,68,68,0.08);border-color:#EF4444;transform:translateY(-1px)}.btn-outline-danger svg{flex-shrink:0}.tg-hidden{display:none}.tg-pair-row{display:flex;justify-content:flex-end}html.tg-webapp header,html.tg-webapp footer,html.tg-webapp .main-nav,html.tg-webapp .main-footer,html.tg-webapp .site-header,html.tg-webapp .site-footer,html.tg-webapp .scanner-hero-content{display:none!important}html.tg-webapp body{background:var(--tg-theme-bg-color,#fff)}html.tg-webapp .scanner-hero{padding-top:8px}.tg-bot-link{display:inline-flex;align-items:center;gap:6px;color:#229ED9;font-weight:700;text-decoration:none;padding:4px 10px;background:rgba(34,158,217,0.08);border-radius:8px;transition:all 0.15s}.tg-bot-link:hover{background:rgba(34,158,217,0.14)}.tg-code-view{margin-top:12px}.tg-code-box{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #229ED9;border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px rgba(34,158,217,0.08)}.tg-code-box code{flex:1;font-family:'JetBrains Mono','Fira Code',monospace;font-size:16px;font-weight:800;color:#229ED9;background:transparent;letter-spacing:1px}.tg-code-copy{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--muted);transition:all 0.15s}.tg-code-copy:hover{color:#229ED9;border-color:#229ED9}.tg-code-expires{font-size:12px;color:var(--muted)}.tg-code-expires span{font-weight:700;color:var(--dark);font-family:'JetBrains Mono',monospace}.cd-card{max-width:720px;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}.cd-card.cd-locked::after{content:'';position:absolute;inset:0;background:rgba(247,248,250,0.68);backdrop-filter:saturate(0.5);-webkit-backdrop-filter:saturate(0.5);border-radius:inherit;pointer-events:auto;z-index:3}a.cd-upgrade-ribbon,a.cd-upgrade-ribbon:link,a.cd-upgrade-ribbon:visited,a.cd-upgrade-ribbon:hover,a.cd-upgrade-ribbon:active{color:#ffffff;text-decoration:none}a.cd-upgrade-ribbon{position:absolute;top:0;right:24px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:10px 18px 12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);font-size:12.5px;font-weight:800;letter-spacing:0.8px;text-transform:uppercase;line-height:1;border-radius:0 0 12px 12px;box-shadow:0 8px 18px rgba(43,111,103,0.32),0 2px 4px rgba(43,111,103,0.18),inset 0 -2px 0 rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.22);text-shadow:0 1px 2px rgba(0,0,0,0.22);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease;overflow:hidden;isolation:isolate;opacity:1;filter:none}.cd-upgrade-ribbon::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.22) 50%,transparent 100%);transform:translateX(-100%);animation:cdRibbonShimmer 3.6s ease-in-out infinite;pointer-events:none}@keyframes cdRibbonShimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.cd-upgrade-ribbon svg,.cd-upgrade-ribbon span{position:relative;z-index:1}.cd-upgrade-ribbon svg{flex-shrink:0;color:#fde68a;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.18))}.cd-upgrade-ribbon span{color:#ffffff}a.cd-upgrade-ribbon:hover{transform:translateY(3px);box-shadow:0 14px 26px rgba(43,111,103,0.38),0 3px 6px rgba(43,111,103,0.22),inset 0 -2px 0 rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.26)}a.cd-upgrade-ribbon:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.cd-upgrade-ribbon::before{animation:none!important}}.cd-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #F1F3F5}.cd-header-left{display:flex;align-items:center;gap:12px}.cd-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-icon-blue{background:rgba(26,115,232,0.1);color:#1A73E8}.cd-icon-green{background:rgba(52,168,83,0.08);color:#34A853}.cd-icon-yellow{background:rgba(249,171,0,0.08);color:#F9AB00}.cd-icon-red{background:rgba(234,67,53,0.08);color:#EA4335}.cd-icon-telegram{background:rgba(34,158,217,0.12);color:#229ED9}.cd-domain-badge{margin-left:8px;vertical-align:middle}.cd-domain{font-weight:700;font-size:15px;color:#1A1D1F}.cd-subtitle{font-size:12px;color:#6F767E}.cd-steps{display:flex;border-bottom:1px solid #F1F3F5}.cd-step{flex:1;display:flex;align-items:center;gap:10px;padding:14px 18px}.cd-step:not(:last-child){border-right:1px solid #F1F3F5}.cd-step.done{background:var(--primary-ghost,#f0f7f6)}.cd-step.pending{background:#F9FAFB}.cd-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-step.done .cd-step-num{background:var(--primary);color:#fff}.cd-step.pending .cd-step-num{background:#E5E7EB;color:#9CA3AF}.cd-step-label{font-size:12px;font-weight:600}.cd-step.done .cd-step-label{color:var(--primary)}.cd-step.pending .cd-step-label{color:#9CA3AF}.cd-body{padding:16px 22px}.cd-alert{display:flex;align-items:center;gap:10px;border-radius:10px;padding:14px 16px}.cd-alert-success{background:#f0f7f6}.cd-alert-success span{font-size:13px;color:#1A1D1F}.cd-alert-warning{background:#FFFBEB;border:1px solid #FDE68A}.cd-alert-warning .cd-alert-title{font-size:13px;font-weight:600;color:#92400E}.cd-alert-warning .cd-alert-desc{font-size:12px;color:#A16207;margin-top:2px}.cd-alert-danger{background:#FEF2F2;border:1px solid #FECACA}.cd-alert-danger span{font-size:12px;color:#991B1B}.cd-setup-header{padding:20px 22px 0}.cd-setup-title{display:flex;align-items:center;gap:12px;margin-bottom:6px}.cd-wizard{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #F1F3F5;border-bottom:1px solid #F1F3F5;margin-top:14px}.cd-wizard-step{padding:18px 20px}.cd-wizard-step:not(:last-child){border-right:1px solid #F1F3F5}.cd-wizard-step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cd-wizard-step-num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.cd-wizard-step-title{font-size:13px;font-weight:700;color:#1A1D1F}.cd-wizard-step p{font-size:12px;color:#6F767E;margin:0;line-height:1.5}.cd-wizard-step .cd-dns-note{font-size:11px;color:#9CA3AF;margin:0}.cd-dns-table{background:#f8f9fb;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;font-size:12px;margin-bottom:6px}.cd-dns-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr}.cd-dns-grid .cd-dns-th{padding:6px 10px;border-bottom:1px solid #E5E7EB;color:#9CA3AF;font-size:10px}.cd-dns-grid .cd-dns-td{padding:6px 10px;font-weight:700;font-family:monospace}.cd-dns-grid .cd-dns-th:not(:last-child),.cd-dns-grid .cd-dns-td:not(:last-child){border-right:1px solid #E5E7EB}.cd-dns-grid .cd-dns-target{color:var(--primary)}.cd-form{padding:16px 22px}.cd-form-row{display:flex;gap:10px;align-items:center}.cd-form-row input{flex:1}.cd-form-row .btn{white-space:nowrap;height:42px;padding:0 20px}@media (max-width:768px){.cd-wizard{grid-template-columns:1fr}.cd-wizard-step:not(:last-child){border-right:none;border-bottom:1px solid #F1F3F5}.cd-steps{flex-direction:column}.cd-step:not(:last-child){border-right:none;border-bottom:1px solid #F1F3F5}.cd-form-row{flex-direction:column}.cd-form-row .btn{width:100%}}@media (max-width:640px){.plan-gate-banner{flex-direction:column;text-align:center}.integration-cards{grid-template-columns:1fr}.integration-row{flex-direction:column}}.blog-section{padding:60px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow 0.2s ease,transform 0.2s ease}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-image{height:200px;overflow:hidden;background:var(--bg-alt)}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center}.blog-card-body{padding:20px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#94a3b8;margin-bottom:8px}.blog-card-rating{display:flex;align-items:center;gap:4px}.blog-card-title{font-size:17px;font-weight:700;color:var(--dark);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12px;color:#94a3b8}.blog-card-views{display:flex;align-items:center;gap:4px}.blog-card-read{color:var(--primary);font-weight:600}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.blog-pagination-info{font-size:14px;color:#64748b}.blog-hero{position:relative;width:100%;min-height:420px;overflow:hidden;background:linear-gradient(135deg,#1a2e2b 0%,#2B6F67 50%,#1e3a36 100%)}.blog-hero img{width:100%;height:420px;object-fit:cover;display:block}.blog-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 60%,transparent 100%);padding:80px 0 40px}.blog-hero--no-image{min-height:320px}.blog-hero--no-image .blog-hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,0.3) 0%,transparent 100%);top:0;display:flex;align-items:flex-end}.blog-hero-content{max-width:780px;margin:0 auto}.blog-hero-content h1{font-size:36px;font-weight:800;line-height:1.25;color:#fff;margin-bottom:14px;text-shadow:0 2px 12px rgba(0,0,0,0.3)}.blog-hero-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:rgba(255,255,255,0.85)}.blog-hero-meta span{display:flex;align-items:center;gap:5px}.blog-hero-meta svg{stroke:rgba(255,255,255,0.85)}.blog-hero-rating{color:#F59E0B;font-weight:600;display:flex;align-items:center;gap:5px}.blog-article-container{max-width:780px;margin:0 auto;padding:40px 20px 60px}.blog-article-content{line-height:1.8;font-size:16px;color:#334155}.blog-article-content h2{font-size:24px;font-weight:700;margin:32px 0 12px;color:var(--dark)}.blog-article-content h3{font-size:20px;font-weight:600;margin:24px 0 10px;color:var(--dark)}.blog-article-content p{margin-bottom:16px}.blog-article-content ul,.blog-article-content ol{margin:12px 0 16px 20px}.blog-article-content li{margin-bottom:6px}.blog-article-content strong{color:var(--dark)}.blog-article-content img{max-width:100%;border-radius:var(--radius);margin:16px 0}.blog-cta-banner{margin:32px 0;padding:28px 24px;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f0fdfa 100%);border:1px solid #bbf7d0;border-radius:16px;text-align:center;position:relative;overflow:hidden}.blog-cta-banner::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(43,111,103,0.08) 0%,transparent 70%);border-radius:50%}.blog-cta-icon{margin-bottom:12px}.blog-cta-text strong{display:block;font-size:18px;color:var(--dark);margin-bottom:6px}.blog-cta-text p{font-size:14px;color:#475569;margin-bottom:16px;line-height:1.5}.blog-cta-btn{display:inline-flex;padding:10px 28px;font-size:15px;font-weight:700}.blog-cta-note{display:block;margin-top:8px;font-size:12px;color:#64748b}.blog-rating-widget{text-align:center;padding:32px;margin:40px 0;background:var(--bg-alt);border-radius:var(--radius-md)}.blog-rating-widget h3{font-size:18px;margin-bottom:16px}.blog-stars{display:flex;justify-content:center;gap:8px}.blog-star{background:none;border:none;cursor:pointer;padding:4px;transition:transform 0.15s ease}.blog-star:hover{transform:scale(1.2)}.blog-rating-info{margin-top:10px;font-size:13px;color:#64748b}.blog-rating-form-fields{margin-top:16px;display:flex;flex-direction:column;gap:10px;max-width:480px;margin-left:auto;margin-right:auto}.blog-rating-field .form-control{text-align:left}.blog-captcha-row{display:flex;align-items:center;gap:10px}.blog-captcha-label{font-size:15px;font-weight:700;color:var(--dark);white-space:nowrap}.blog-captcha-input{width:80px!important;text-align:center!important}.blog-rating-submit{margin-top:12px}.blog-reviews{margin:40px 0}.blog-reviews h3{font-size:20px;font-weight:700;margin-bottom:20px}.blog-review-item{padding:16px 0;border-bottom:1px solid var(--border)}.blog-review-item:last-child{border-bottom:none}.blog-review-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-review-stars{display:flex;gap:2px}.blog-review-name{font-size:14px;color:var(--dark)}.blog-review-date{font-size:12px;color:#94a3b8;margin-left:auto}.blog-review-comment{margin-top:8px;font-size:14px;color:#475569;line-height:1.6}.blog-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.blog-nav-link{padding:16px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color 0.2s}.blog-nav-link:hover{border-color:var(--primary)}.blog-nav-link small{display:block;font-size:11px;color:#94a3b8;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px}.blog-nav-link span{font-size:14px;font-weight:600;color:var(--dark);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.blog-nav-next{text-align:right}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-card-image{height:180px}.blog-hero{min-height:300px}.blog-hero img{height:300px}.blog-hero--no-image{min-height:240px}.blog-hero-content h1{font-size:24px}.blog-hero-overlay{padding:60px 0 24px}.blog-hero-meta{gap:12px;font-size:12px}.blog-article-container{padding:24px 16px 40px}.blog-article-content{font-size:15px}.blog-nav{grid-template-columns:1fr}.blog-rating-widget{padding:20px}}.contact-hero{background:linear-gradient(135deg,#1a2e2b 0%,#2B6F67 50%,#1e3a36 100%);padding:60px 0 50px;text-align:center;color:#fff}.contact-hero h1{font-size:36px;font-weight:800;margin-bottom:12px;color:#fff}.contact-hero p{font-size:16px;color:rgba(255,255,255,0.8);max-width:500px;margin:0 auto}.contact-section{padding:50px 0 80px}.contact-grid{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-info-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:box-shadow 0.2s}.contact-info-card:hover{box-shadow:var(--shadow-md)}.contact-info-icon{width:44px;height:44px;background:var(--bg-green);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:14px}.contact-info-card h3{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--dark)}.contact-info-card p{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:10px}.contact-info-link{color:var(--primary);font-weight:600;font-size:14px;text-decoration:none}.contact-info-link:hover{text-decoration:underline}.contact-info-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:600;background:var(--bg-green);color:var(--primary);border-radius:20px}.contact-form-wrapper{min-width:0}.contact-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.contact-form-card h2{font-size:22px;font-weight:700;margin-bottom:6px}.contact-form-desc{font-size:14px;color:#64748b;margin-bottom:24px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:700;margin-top:8px}.contact-success{text-align:center;padding:60px 30px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.contact-success h3{font-size:22px;font-weight:700;margin:16px 0 8px;color:var(--dark)}.contact-success p{font-size:14px;color:#64748b;margin-bottom:24px}@media (max-width:768px){.contact-hero{padding:40px 0 32px}.contact-hero h1{font-size:26px}.contact-grid{grid-template-columns:1fr}.contact-info{order:2}.contact-form-wrapper{order:1}.contact-form-card{padding:20px}.contact-form-row{grid-template-columns:1fr}}.resources-hero{padding:120px 0 48px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(43,111,103,0.06) 0%,transparent 70%)}.resources-hero .brand-label{font-size:0.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.resources-hero h1{font-size:2.4rem;font-weight:800;color:var(--text);letter-spacing:-0.03em;margin-bottom:8px;line-height:1.2}.resources-hero p{font-size:0.95rem;color:var(--text-secondary);max-width:560px;margin:0 auto 24px}.resources-hero .hero-btn{display:inline-block;padding:12px 32px;background:var(--primary);color:#fff;font-weight:700;font-size:0.95rem;border-radius:10px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}.resources-hero .hero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(43,111,103,0.25);background:var(--primary-dark)}.resources-section{padding:56px 0}.resources-section .section-label{font-size:0.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.resources-section .section-title{font-size:1.6rem;font-weight:800;margin-bottom:8px}.resources-section .section-desc{color:var(--text-secondary);font-size:1rem;margin-bottom:32px}.resources-section .section-desc a{color:var(--primary);text-decoration:none;font-weight:600}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.resource-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:24px;transition:all 0.25s ease;display:flex;flex-direction:column}.resource-card:hover{border-color:var(--primary);box-shadow:0 8px 40px rgba(43,111,103,0.12);transform:translateY(-4px)}.resource-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.resource-card-icon{width:44px;height:44px;background:rgba(43,111,103,0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.resource-card-tag{font-size:0.7rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--primary);background:rgba(43,111,103,0.08);padding:3px 10px;border-radius:6px}.resource-card h3{font-size:1.05rem;font-weight:700;margin-bottom:6px;line-height:1.35}.resource-card h3 a{color:var(--text);text-decoration:none;transition:color 0.2s}.resource-card h3 a:hover{color:var(--primary)}.resource-card p{color:var(--text-secondary);font-size:0.9rem;flex:1}.resource-card-url{margin-top:12px;padding-top:12px;border-top:1px solid var(--border,#f1f5f9);font-size:0.78rem;color:var(--text-muted,#94a3b8);word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resources-quick{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:28px;margin-top:40px}.resources-quick h2{font-size:1.1rem;font-weight:700;margin-bottom:16px}.resources-quick-grid{display:flex;flex-wrap:wrap;gap:10px}.resources-quick-link{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;text-decoration:none;color:var(--text);font-weight:600;font-size:0.88rem;transition:all 0.2s}.resources-quick-link:hover{border-color:var(--primary);color:var(--primary)}.rd-hero{padding:120px 0 48px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(43,111,103,0.06) 0%,transparent 70%)}.rd-hero .brand-label{font-size:0.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.rd-hero h1{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-0.03em;margin-bottom:8px;line-height:1.2}.rd-hero p{font-size:0.95rem;color:var(--text-secondary);max-width:580px;margin:0 auto 24px}.rd-hero .visit-btn{display:inline-block;padding:12px 32px;background:var(--primary);color:#fff;font-weight:700;font-size:0.95rem;border-radius:10px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}.rd-hero .visit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(43,111,103,0.25);background:var(--primary-dark)}.rd-content{padding:48px 0;max-width:800px;margin:0 auto}.rd-back{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-weight:600;font-size:0.9rem;margin-bottom:32px}.rd-back:hover{text-decoration:underline}.rd-content h2{font-size:1.2rem;font-weight:700;margin-bottom:20px}.rd-list{list-style:none;padding:0}.rd-list li{padding:16px 0;border-bottom:1px solid var(--border,#f1f5f9);display:flex;align-items:flex-start;gap:14px}.rd-list li:last-child{border-bottom:none}.rd-list-icon{width:40px;height:40px;background:rgba(43,111,103,0.08);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;margin-top:2px}.rd-list a{color:var(--primary);text-decoration:none;font-weight:600;font-size:0.95rem}.rd-list a:hover{text-decoration:underline}.rd-list .rdesc{color:var(--text-secondary);font-size:0.85rem;margin-top:2px}@media (max-width:700px){.resources-hero h1{font-size:1.6rem}.resources-grid{grid-template-columns:1fr}.resources-quick-grid{flex-direction:column}.rd-hero h1{font-size:1.5rem}}.sb-hero{position:relative;padding:80px 0 40px;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);overflow:hidden}.sb-hero__bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(43,111,103,0.08) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(34,158,217,0.06) 0%,transparent 45%);pointer-events:none}.sb-hero__content{text-align:center;max-width:720px;margin:0 auto 48px;position:relative}.sb-hero__badge{display:inline-block;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;background:var(--primary-ghost);color:var(--primary);border-radius:100px;margin-bottom:16px}.sb-hero__title{font-size:44px;font-weight:800;letter-spacing:-1.2px;line-height:1.08;color:#0f172a;margin:0 0 14px}.sb-hero__subtitle{font-size:16px;color:#475569;line-height:1.6;margin:0;max-width:580px;margin-left:auto;margin-right:auto}.sb-studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;background:#fff;border:1px solid rgba(15,23,42,0.06);border-radius:20px;padding:24px;box-shadow:0 24px 56px -12px rgba(15,23,42,0.1),0 4px 12px -2px rgba(15,23,42,0.04);max-width:1180px;margin:0 auto;position:relative;align-items:start}.sb-studio__controls{display:flex;flex-direction:column;gap:16px;min-width:0;order:2}.sb-group{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:#fafbfc;border:1px solid rgba(15,23,42,0.05);border-radius:14px}.sb-group__head{display:flex;align-items:center;justify-content:space-between}.sb-group__title{margin:0;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#64748b}.sb-cols-2{display:grid;grid-template-columns:1fr;gap:12px}.sb-studio__controls::-webkit-scrollbar{width:8px}.sb-studio__controls::-webkit-scrollbar-track{background:transparent}.sb-studio__controls::-webkit-scrollbar-thumb{background:rgba(15,23,42,0.1);border-radius:8px}.sb-field{display:flex;flex-direction:column;gap:8px}.sb-field__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-field__label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#475569}.sb-field__label--sm{font-size:10.5px;letter-spacing:0.6px;color:#64748b}.sb-field__hint{font-size:11.5px;color:#94a3b8;line-height:1.45;margin:0}.sb-field__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:14px}.sb-field__counter{font-size:11px;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums;letter-spacing:0.2px;flex-shrink:0;font-family:ui-monospace,'SFMono-Regular',Menlo,monospace}.sb-field__counter.is-warn{color:#d97706}.sb-field__counter.is-max{color:var(--primary)}.sb-field__err{font-size:12px;font-weight:500;color:#b91c1c;line-height:1.4;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.25s ease,opacity 0.2s ease}.sb-field__err.is-visible{max-height:40px;opacity:1}.sb-field__row{display:flex;gap:8px;align-items:stretch}.sb-segment{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:rgba(15,23,42,0.04);border-radius:11px;width:100%;box-sizing:border-box}.sb-segment__btn{flex:1 1 calc(33.333% - 4px);min-width:80px}.sb-segment__btn{height:34px;padding:0 8px;font-size:12.5px;font-weight:600;letter-spacing:0.1px;color:#64748b;background:transparent;border:0;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color 0.2s ease,background 0.2s ease,box-shadow 0.25s ease;font-family:inherit}.sb-segment__btn:hover{color:#0f172a}.sb-segment__btn.is-active{color:#0f172a;background:#ffffff;box-shadow:0 2px 6px rgba(15,23,42,0.06),0 0 0 1px rgba(15,23,42,0.05)}.sb-segment__btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.sb-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:rgba(15,23,42,0.08);border-radius:4px;outline:none;cursor:pointer}.sb-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#ffffff;border:2px solid var(--primary);border-radius:50%;box-shadow:0 2px 6px rgba(43,111,103,0.3);cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease}.sb-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.sb-range::-moz-range-thumb{width:18px;height:18px;background:#ffffff;border:2px solid var(--primary);border-radius:50%;cursor:pointer}.sb-range:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.sb-field--toggle{padding:2px 0}.sb-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.sb-toggle input{position:absolute;opacity:0;pointer-events:none}.sb-toggle__track{position:relative;width:38px;height:22px;background:rgba(15,23,42,0.18);border-radius:100px;transition:background 0.25s ease;flex-shrink:0}.sb-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#ffffff;border-radius:50%;box-shadow:0 2px 4px rgba(15,23,42,0.2);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1)}.sb-toggle input:checked ~ .sb-toggle__track{background:var(--primary)}.sb-toggle input:checked ~ .sb-toggle__track .sb-toggle__thumb{transform:translateX(16px)}.sb-toggle__label{font-size:12.5px;font-weight:600;color:#475569;letter-spacing:0.2px}.sb-bg-color{width:32px;height:32px;border-radius:50%;border:2px solid rgba(15,23,42,0.08);cursor:pointer;padding:0;position:relative;background:currentColor;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.sb-bg-color[data-hex="#ffffff"]{color:#ffffff;border-color:rgba(15,23,42,0.14)}.sb-bg-color[data-hex="#FFF8EC"]{color:#FFF8EC}.sb-bg-color[data-hex="#E7F6F0"]{color:#E7F6F0}.sb-bg-color[data-hex="#E6F4FB"]{color:#E6F4FB}.sb-bg-color[data-hex="#1f2937"]{color:#1f2937}.sb-bg-color.is-transparent{background-image:linear-gradient(45deg,#d1d5db 25%,transparent 25%),linear-gradient(-45deg,#d1d5db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d5db 75%),linear-gradient(-45deg,transparent 75%,#d1d5db 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#ffffff;color:transparent}.sb-bg-color:hover{transform:scale(1.12);box-shadow:0 4px 10px rgba(15,23,42,0.15)}.sb-bg-color.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ghost),0 4px 10px rgba(15,23,42,0.12);transform:scale(1.08)}.sb-valid-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(15,23,42,0.06);color:#94a3b8;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease}.sb-valid-badge__ok,.sb-valid-badge__err{display:none}.sb-valid-badge.is-valid{background:rgba(34,197,94,0.14);color:#16a34a;transform:scale(1)}.sb-valid-badge.is-valid .sb-valid-badge__ok{display:block}.sb-valid-badge.is-invalid{background:rgba(239,68,68,0.14);color:#dc2626;animation:sbShake 0.3s ease}.sb-valid-badge.is-invalid .sb-valid-badge__err{display:block}@keyframes sbShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.sb-input{flex:1;width:100%;height:42px;padding:0 14px;font-size:14px;font-weight:500;color:#0f172a;background:#fff;border:1px solid rgba(15,23,42,0.12);border-radius:10px;font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;letter-spacing:0.2px;transition:border-color 0.2s ease,box-shadow 0.2s ease}.sb-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.sb-input.is-valid{border-color:rgba(34,197,94,0.4)}.sb-input.is-valid:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(34,197,94,0.12)}.sb-input.is-invalid{border-color:rgba(239,68,68,0.55);background:rgba(254,242,242,0.45)}.sb-input.is-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(239,68,68,0.14)}select.sb-input{font-family:inherit;letter-spacing:normal;cursor:pointer}.sb-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-ghost);color:var(--primary);border:1px solid rgba(43,111,103,0.18);border-radius:10px;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease;flex-shrink:0}.sb-icon-btn:hover{background:rgba(43,111,103,0.14);transform:rotate(-20deg)}.sb-color-row{display:flex;align-items:center;gap:10px}.sb-colors{display:flex;flex-wrap:wrap;gap:8px;flex:1}.sb-color{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;padding:0;position:relative;background:currentColor}.sb-color[data-hex="#0f172a"]{color:#0f172a}.sb-color[data-hex="#2B6F67"]{color:#2B6F67}.sb-color[data-hex="#229ED9"]{color:#229ED9}.sb-color[data-hex="#F97566"]{color:#F97566}.sb-color[data-hex="#C98D2E"]{color:#C98D2E}.sb-color[data-hex="#7C3AED"]{color:#7C3AED}.sb-color:hover{transform:scale(1.12);box-shadow:0 4px 10px rgba(15,23,42,0.15)}.sb-color.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--primary),0 4px 10px rgba(15,23,42,0.15);transform:scale(1.08)}.sb-color-custom{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#22c55e,#229ED9,#7c3aed,#ef4444);color:#fff;cursor:pointer;box-shadow:inset 0 0 0 2px #fff,0 2px 6px rgba(15,23,42,0.1);transition:transform 0.2s ease}.sb-color-custom:hover{transform:scale(1.12)}.sb-color-custom input[type="color"]{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.sb-shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;width:100%;box-sizing:border-box}.sb-shape{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#fff;border:1px solid rgba(15,23,42,0.06);border-radius:10px;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;color:#0f172a}.sb-shape:hover{transform:translateY(-2px);border-color:rgba(43,111,103,0.2);box-shadow:0 4px 10px rgba(15,23,42,0.05)}.sb-shape.is-active{border-color:var(--primary);background:var(--primary-ghost);color:var(--primary);box-shadow:0 3px 8px rgba(43,111,103,0.12)}.sb-shape__thumb{display:inline-flex;align-items:center;justify-content:center}.sb-shape__label{font-size:10.5px;font-weight:600;letter-spacing:0.1px;line-height:1.2;text-align:center}.sb-studio__stage{display:flex;flex-direction:column;gap:14px;order:1;min-width:0}.sb-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media (max-width:760px){.sb-stage-grid{grid-template-columns:1fr}}@media (max-width:979px){.sb-studio{grid-template-columns:1fr}.sb-studio__stage,.sb-studio__controls{order:initial}}.sb-canvas{position:relative;background:radial-gradient(circle at 20% 0%,rgba(43,111,103,0.035) 0%,transparent 55%),radial-gradient(circle at 80% 100%,rgba(34,158,217,0.03) 0%,transparent 50%),linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%);border:1px solid rgba(15,23,42,0.06);border-radius:16px;padding:26px 22px;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sb-canvas::before{content:'';position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(15,23,42,0.028) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,23,42,0.028) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,23,42,0.028) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,23,42,0.028) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;opacity:0.6;pointer-events:none}.sb-canvas__frame{position:relative;width:100%;max-width:520px;margin:0 auto;padding:24px 28px;background:#ffffff;border-radius:10px;box-shadow:0 22px 50px -14px rgba(15,23,42,0.18),0 4px 10px -2px rgba(15,23,42,0.06),inset 0 0 0 1px rgba(15,23,42,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:center;justify-content:center}.sb-canvas__frame:hover{transform:translateY(-2px);box-shadow:0 28px 60px -14px rgba(15,23,42,0.22),0 6px 14px -2px rgba(15,23,42,0.08),inset 0 0 0 1px rgba(15,23,42,0.04)}.sb-canvas__frame.is-transparent-bg{background-color:#ffffff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.sb-preview{width:100%;color:#0f172a}.sb-preview svg{display:block;width:100%;height:auto}.sb-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2;border-radius:10px;font-size:13px;font-weight:500;width:100%}.sb-error[hidden]{display:none}.sb-actions{display:flex;flex-wrap:wrap;gap:10px}.sb-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13.5px;font-weight:700;letter-spacing:0.1px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.25s ease,background 0.2s ease,border-color 0.2s ease}.sb-btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px rgba(43,111,103,0.24),inset 0 1px 0 rgba(255,255,255,0.12)}.sb-btn--primary:hover{background:var(--primary-dark,#245e57);transform:translateY(-1px);box-shadow:0 8px 18px rgba(43,111,103,0.32),inset 0 1px 0 rgba(255,255,255,0.14)}.sb-btn--outline{background:#fff;color:#0f172a;border-color:rgba(15,23,42,0.14)}.sb-btn--outline:hover{background:#fafbfc;border-color:rgba(15,23,42,0.22);transform:translateY(-1px)}.sb-btn--ghost{background:transparent;color:#475569}.sb-btn--ghost:hover{background:rgba(15,23,42,0.04);color:#0f172a}.sb-btn[disabled]{opacity:0.45;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none;filter:saturate(0.7)}.sb-notes{display:flex;flex-direction:column;gap:6px;padding:10px 14px;margin:0;list-style:none;background:#fafbfc;border:1px solid rgba(15,23,42,0.05);border-radius:10px}.sb-note{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:#64748b;line-height:1.45}.sb-note svg{flex-shrink:0;margin-top:2px;color:#94a3b8}.sb-note:first-child svg{color:#22c55e}.sb-why-section{padding:72px 0 40px;background:#fff}.sb-why{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;max-width:1080px;margin:0 auto;padding:40px 44px;background:linear-gradient(180deg,#fafbfc 0%,#ffffff 100%);border:1px solid rgba(15,23,42,0.06);border-radius:20px;box-shadow:0 18px 44px -14px rgba(15,23,42,0.08)}.sb-why__lead{display:flex;flex-direction:column;gap:14px}.sb-why__kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary);padding:4px 10px;background:var(--primary-ghost);border-radius:100px;align-self:flex-start}.sb-why__title{margin:0;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-0.6px;color:#0f172a}.sb-why__lede{margin:0;font-size:14.5px;line-height:1.65;color:#475569}.sb-why__lede--muted{color:#64748b;font-size:13.5px}.sb-why__fine{display:flex;flex-direction:column;gap:18px;padding:22px 24px;background:#ffffff;border:1px solid rgba(15,23,42,0.06);border-radius:14px}.sb-why__fine-head{display:flex;align-items:center;gap:8px;color:#64748b;padding-bottom:8px;border-bottom:1px solid rgba(15,23,42,0.06)}.sb-why__fine-head h3{margin:0;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#64748b}.sb-why__list{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;counter-reset:fineItem}.sb-why__item{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:flex-start}.sb-why__num{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;letter-spacing:0.2px;color:var(--primary);background:var(--primary-ghost);border-radius:7px;flex-shrink:0}.sb-why__item strong{display:block;font-size:11px;font-weight:800;letter-spacing:1.1px;color:#0f172a;margin-bottom:4px}.sb-why__item p{margin:0;font-size:12.5px;line-height:1.55;color:#64748b}@media (max-width:860px){.sb-why{grid-template-columns:1fr;gap:28px;padding:28px 20px}.sb-why__title{font-size:22px}}.sb-how-section{padding:80px 0;background:#fff}.sb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.sb-step{padding:28px 24px;background:#fff;border:1px solid rgba(15,23,42,0.06);border-radius:16px;transition:transform 0.25s ease,box-shadow 0.3s ease}.sb-step:hover{transform:translateY(-4px);box-shadow:0 14px 32px -8px rgba(15,23,42,0.1)}.sb-step__num{--step-color:var(--primary);position:relative;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--step-color) 12%,transparent);color:var(--step-color);border-radius:14px;margin-bottom:14px}.sb-step__num span{position:absolute;top:-6px;right:-6px;width:22px;height:22px;background:var(--step-color);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 2px 5px rgba(15,23,42,0.15)}.sb-step h3{font-size:17px;font-weight:700;color:#0f172a;letter-spacing:-0.3px;margin:0 0 6px}.sb-step p{font-size:13.5px;color:#64748b;line-height:1.55;margin:0}.sb-faq-section{padding:60px 0 100px;background:#fafbfc}.sb-faq-list{max-width:780px;margin:32px auto 0;display:flex;flex-direction:column;gap:10px}.sb-faq-item{background:#fff;border:1px solid rgba(15,23,42,0.06);border-radius:12px;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.sb-faq-item:hover{border-color:rgba(15,23,42,0.12)}.sb-faq-item.open{box-shadow:0 4px 10px rgba(15,23,42,0.04)}.sb-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:transparent;border:0;cursor:pointer;font-size:15px;font-weight:600;color:#0f172a;text-align:left;letter-spacing:-0.1px;line-height:1.4}.sb-faq-q svg{flex-shrink:0;color:#94a3b8;transition:transform 0.25s ease}.sb-faq-item.open .sb-faq-q svg{transform:rotate(180deg);color:var(--primary)}.sb-faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease}.sb-faq-item.open .sb-faq-a{max-height:400px}.sb-faq-a p{padding:0 22px 22px;margin:0;font-size:14px;color:#475569;line-height:1.6}@media (max-width:900px){.sb-hero{padding:48px 0 24px}.sb-hero__title{font-size:30px;letter-spacing:-0.6px}.sb-hero__subtitle{font-size:14px}.sb-studio{grid-template-columns:1fr;padding:16px;border-radius:14px;gap:16px}.sb-studio__controls{max-height:none;overflow:visible;padding-right:0}.sb-shapes{grid-template-columns:repeat(4,minmax(0,1fr));max-height:320px}.sb-canvas{padding:18px;min-height:200px}.sb-actions{flex-direction:column}.sb-actions .sb-btn{width:100%;justify-content:center}.sb-steps{grid-template-columns:1fr}.sb-how-section{padding:48px 0}.sb-faq-section{padding:40px 0 60px}}@media (max-width:480px){.sb-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}}.nav-link__badge{display:inline-block;margin-left:6px;padding:2px 7px;font-size:9px;font-weight:800;letter-spacing:0.8px;text-transform:uppercase;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);color:#fff;border-radius:100px;line-height:1.4;box-shadow:0 2px 4px rgba(34,197,94,0.25);vertical-align:middle}.tg-hero{position:relative;padding:96px 0 72px;background:linear-gradient(180deg,#F0F7FC 0%,#FFFFFF 100%);overflow:hidden}.tg-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 80% 20%,rgba(34,158,217,0.18),transparent 60%),radial-gradient(ellipse 40% 35% at 15% 80%,rgba(43,111,103,0.12),transparent 60%);pointer-events:none}.tg-hero .container{position:relative}.tg-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.tg-hero-copy h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;font-weight:800;color:var(--dark);margin:16px 0 20px;letter-spacing:-0.02em}.tg-hero-badge{display:inline-flex;align-items:center;padding:6px 14px;background:rgba(34,158,217,0.12);color:#229ED9;border-radius:999px;font-size:0.75rem;font-weight:700;letter-spacing:0.08em}.tg-hero-subtitle{font-size:1.125rem;line-height:1.6;color:var(--muted);margin-bottom:32px;max-width:540px}.tg-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.tg-cta-connect{background:#229ED9;border-color:#229ED9}.tg-cta-connect:hover{background:#1B8CC1;border-color:#1B8CC1}.tg-icon{margin-right:8px;vertical-align:-3px}.tg-hero-bot{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#FFFFFF;border:1px solid var(--border);border-radius:14px;max-width:540px;flex-wrap:wrap}.tg-hero-bot-label{font-family:'SF Mono',Menlo,monospace;font-weight:700;color:#229ED9;font-size:0.95rem}.tg-hero-bot-note{color:var(--muted);font-size:0.85rem}.tg-hero-shot img{width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -20px rgba(34,158,217,0.25),0 12px 30px -8px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.04)}@media (max-width:900px){.tg-hero{padding:64px 0 48px}.tg-hero-grid{grid-template-columns:1fr;gap:40px}}.tg-features{padding:80px 0}.tg-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.tg-feature-card{padding:28px 24px;background:var(--bg);border:1px solid var(--border);border-radius:16px;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.tg-feature-card:hover{transform:translateY(-4px);border-color:var(--primary-200);box-shadow:0 18px 40px -20px rgba(0,0,0,0.15)}.tg-feature-icon{width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.tg-feature-icon--teal{background:rgba(43,111,103,0.12);color:#2B6F67}.tg-feature-icon--blue{background:rgba(34,158,217,0.12);color:#229ED9}.tg-feature-icon--purple{background:rgba(139,92,246,0.12);color:#7C3AED}.tg-feature-icon--green{background:rgba(34,197,94,0.12);color:#15803D}.tg-feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--dark)}.tg-feature-card p{color:var(--muted);line-height:1.55;font-size:0.95rem}@media (max-width:900px){.tg-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tg-feature-grid{grid-template-columns:1fr}}.tg-howto{padding:80px 0;background:var(--bg-alt)}.tg-howto-eyebrow{display:inline-block;padding:4px 12px;background:rgba(34,158,217,0.12);color:#229ED9;border-radius:999px;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;margin-bottom:14px}.tg-step-list{list-style:none;padding:0;margin:48px 0 0;display:flex;flex-direction:column;gap:72px}.tg-step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.tg-step--flip .tg-step-text{order:2}.tg-step--flip .tg-step-media{order:1}.tg-step-text h3{font-size:1.5rem;font-weight:700;margin-bottom:14px;color:var(--dark);letter-spacing:-0.01em}.tg-step-text p{color:var(--muted);line-height:1.7;font-size:1.025rem;max-width:480px}.tg-step-media img{width:100%;height:auto;max-width:520px;margin:0 auto;display:block;border-radius:18px;box-shadow:0 24px 50px -20px rgba(0,0,0,0.2),0 8px 20px -6px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05)}@media (max-width:900px){.tg-step{grid-template-columns:1fr;gap:28px}.tg-step--flip .tg-step-text{order:1}.tg-step--flip .tg-step-media{order:0}.tg-step-list{gap:56px}}.tg-commands{padding:80px 0}.tg-cmd-table{max-width:880px;margin:40px auto 0;background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.tg-cmd-head{display:grid;grid-template-columns:280px 1fr;padding:14px 22px;background:var(--bg-alt);border-bottom:1px solid var(--border);font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted)}.tg-cmd-row{display:grid;grid-template-columns:280px 1fr;padding:14px 22px;border-bottom:1px solid var(--border);align-items:center;gap:16px}.tg-cmd-row:last-child{border-bottom:0}.tg-cmd-code{font-family:'SF Mono',Menlo,monospace;font-size:0.9rem;color:#229ED9;font-weight:600;background:rgba(34,158,217,0.08);padding:6px 10px;border-radius:8px;display:inline-block;width:fit-content}.tg-cmd-desc{color:var(--body);font-size:0.95rem}@media (max-width:640px){.tg-cmd-head{display:none}.tg-cmd-row{grid-template-columns:1fr;gap:6px}}.tg-usecases{padding:80px 0;background:var(--bg-alt)}.tg-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.tg-usecase-card{padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:14px;transition:border-color 0.2s ease,transform 0.2s ease}.tg-usecase-card:hover{border-color:var(--primary-200);transform:translateY(-2px)}.tg-usecase-card svg{color:var(--primary);margin-bottom:14px}.tg-usecase-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--dark)}.tg-usecase-card p{color:var(--muted);line-height:1.55;font-size:0.88rem}@media (max-width:900px){.tg-usecase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tg-usecase-grid{grid-template-columns:1fr}}.tg-faq{padding:80px 0}.tg-faq-list{max-width:780px;margin:36px auto 0;display:flex;flex-direction:column;gap:12px}.tg-faq-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:border-color 0.2s ease}.tg-faq-item[open]{border-color:var(--primary-200)}.tg-faq-item summary{padding:18px 22px;cursor:pointer;font-weight:600;color:var(--dark);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.tg-faq-item summary::-webkit-details-marker{display:none}.tg-faq-item summary::after{content:'+';font-size:1.4rem;font-weight:400;color:var(--muted);transition:transform 0.2s ease}.tg-faq-item[open] summary::after{transform:rotate(45deg)}.tg-faq-item p{padding:0 22px 18px;color:var(--muted);line-height:1.65;font-size:0.95rem}.tg-final-cta{padding:80px 0 100px;background:var(--bg-alt)}.tg-final-cta-card{max-width:780px;margin:0 auto;padding:56px 40px;background:linear-gradient(135deg,#229ED9 0%,#2B6F67 100%);border-radius:24px;text-align:center;color:#FFFFFF;box-shadow:0 30px 60px -20px rgba(34,158,217,0.35)}.tg-final-cta-card h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:14px;color:#FFFFFF;letter-spacing:-0.01em}.tg-final-cta-card p{color:rgba(255,255,255,0.88);font-size:1.05rem;line-height:1.55;max-width:520px;margin:0 auto 28px}.tg-final-cta-actions{display:flex;justify-content:center}.tg-final-cta-actions .btn-primary{background:#FFFFFF;color:#229ED9;border-color:#FFFFFF}.tg-final-cta-actions .btn-primary:hover{background:#F0F7FC;border-color:#F0F7FC;color:#1B8CC1}.bx-hero{position:relative;padding:80px 0 60px;overflow:hidden;background:linear-gradient(135deg,#0f2c27 0%,#123831 100%);color:#e6fff7}.bx-hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(46,215,168,0.22),transparent 45%),radial-gradient(circle at 85% 80%,rgba(46,215,168,0.12),transparent 50%);pointer-events:none}.bx-hero .container{position:relative}.bx-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.bx-hero-copy h1{font-size:48px;line-height:1.1;font-weight:800;margin:14px 0 18px;letter-spacing:-0.02em;color:#fff}.bx-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(46,215,168,0.18);color:#2ED7A8;border:1px solid rgba(46,215,168,0.35);border-radius:100px;font-size:13px;font-weight:600;letter-spacing:0.01em}.bx-hero-subtitle{font-size:17px;line-height:1.6;color:rgba(230,255,247,0.82);margin-bottom:26px;max-width:540px}.bx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.bx-hero-actions .btn-outline,.bx-hero-actions a.btn-outline{color:#e6fff7!important;background:transparent!important;border:1px solid rgba(230,255,247,0.35)!important}.bx-hero-actions .btn-outline:hover,.bx-hero-actions a.btn-outline:hover{background:rgba(230,255,247,0.08)!important;border-color:rgba(230,255,247,0.55)!important;color:#fff!important}.bx-icon{flex-shrink:0}.bx-hero-bot{display:flex;flex-direction:column;gap:2px;padding-top:20px;border-top:1px solid rgba(230,255,247,0.12)}.bx-hero-bot-label{font-weight:600;font-size:14px;color:#e6fff7}.bx-hero-bot-note{font-size:12.5px;color:rgba(230,255,247,0.55)}.bx-hero-shot{display:flex;justify-content:center}.bx-popup-mock{width:100%;max-width:380px;background:#fff;border-radius:16px;box-shadow:0 40px 80px rgba(0,0,0,0.35),0 8px 24px rgba(46,215,168,0.15);overflow:hidden;color:#202124;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);transition:transform 0.35s ease}.bx-popup-mock:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.bx-popup-bar{display:flex;gap:6px;padding:10px 14px;background:#f4f6f7;border-bottom:1px solid #e8eaed}.bx-popup-dot{width:10px;height:10px;border-radius:50%}.bx-popup-dot--red{background:#ff5f56}.bx-popup-dot--yellow{background:#ffbd2e}.bx-popup-dot--green{background:#27c93f}.bx-popup-body{padding:18px}.bx-popup-hero{background:linear-gradient(135deg,#0f2c27 0%,#2b6f67 100%);border-radius:12px;padding:18px;color:#e6fff7;margin-bottom:12px}.bx-popup-hero-title{font-size:18px;font-weight:700;margin-bottom:4px}.bx-popup-hero-sub{font-size:12.5px;color:rgba(230,255,247,0.7)}.bx-popup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.bx-popup-stat{padding:12px 8px;background:#f8fafb;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:2px}.bx-popup-stat strong{font-size:22px;font-weight:800;color:#0f2c27}.bx-popup-stat span{font-size:11px;color:#5f6c68;text-transform:uppercase;letter-spacing:0.5px}.bx-popup-notif{display:flex;align-items:center;gap:10px;padding:12px;background:#f0fbf5;border:1px solid #c5ead9;border-radius:10px;font-size:12.5px}.bx-popup-notif span{display:flex;flex-direction:column}.bx-popup-notif strong{color:#0f2c27}.bx-popup-notif em{font-style:normal;color:#5f6c68;font-size:11.5px}.bx-features{padding:80px 0;background:#fff}.bx-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.bx-feature-card{padding:28px;background:#fff;border:1px solid #e8eaed;border-radius:16px;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.bx-feature-card:hover{border-color:#2ED7A8;transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,215,168,0.1)}.bx-feature-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.bx-feature-icon--teal{background:rgba(46,215,168,0.12);color:#2ED7A8}.bx-feature-icon--blue{background:rgba(66,133,244,0.12);color:#4285F4}.bx-feature-icon--green{background:rgba(52,168,83,0.12);color:#34A853}.bx-feature-icon--purple{background:rgba(161,66,244,0.12);color:#A142F4}.bx-feature-icon--amber{background:rgba(249,171,0,0.12);color:#F9AB00}.bx-feature-icon--rose{background:rgba(234,67,53,0.12);color:#EA4335}.bx-feature-card h3{font-size:18px;font-weight:700;margin:0 0 10px;color:#202124}.bx-feature-card p{font-size:14.5px;line-height:1.6;color:#5f6c68;margin:0}.bx-howto{padding:80px 0;background:#f8fafb}.bx-howto-eyebrow{display:inline-block;padding:4px 12px;background:rgba(46,215,168,0.12);color:#2ED7A8;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px}.bx-step-list{list-style:none;padding:0;margin:48px 0 0;display:flex;flex-direction:column;gap:48px}.bx-step{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.bx-step--flip{grid-template-columns:1fr 1.2fr}.bx-step--flip .bx-step-text{order:2}.bx-step--flip .bx-step-media{order:1}.bx-step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#2ED7A8 0%,#1fae8a 100%);color:#0f2c27;border-radius:12px;font-size:20px;font-weight:800;margin-bottom:14px}.bx-step-text h3{font-size:26px;font-weight:700;margin:0 0 12px;color:#0f2c27}.bx-step-text p{font-size:16px;line-height:1.65;color:#5f6c68;margin:0;max-width:500px}.bx-step-media{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;border:1px solid #e8eaed;border-radius:20px;box-shadow:0 4px 16px rgba(15,44,39,0.04);color:#2ED7A8;min-height:200px}.bx-compat{padding:80px 0;background:#fff}.bx-compat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.bx-compat-card{padding:28px 20px;background:#fff;border:1px solid #e8eaed;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.bx-compat-card--live{border-color:#2ED7A8;box-shadow:0 8px 24px rgba(46,215,168,0.15)}.bx-compat-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f8fafb;border-radius:16px}.bx-compat-card h3{font-size:17px;font-weight:700;margin:0;color:#0f2c27}.bx-compat-status{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:0.02em}.bx-compat-status--live{background:rgba(52,168,83,0.15);color:#1f7a3d}.bx-compat-status--pending{background:rgba(249,171,0,0.15);color:#a26800}.bx-compat-status--planned{background:#eef0f2;color:#5f6c68}.bx-compat-link{font-size:13.5px;font-weight:600;color:#2ED7A8;text-decoration:none;margin-top:auto;padding-top:8px}.bx-compat-link:hover{color:#1fae8a;text-decoration:underline}.bx-compat-link--muted{color:#8e9a96;cursor:default}.bx-compat-link--muted:hover{text-decoration:none;color:#8e9a96}.bx-faq{padding:80px 0;background:#f8fafb}.bx-faq-list{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:12px}.bx-faq-item{background:#fff;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;transition:border-color 0.2s ease}.bx-faq-item[open]{border-color:#2ED7A8}.bx-faq-item summary{padding:18px 22px;font-size:16px;font-weight:600;color:#0f2c27;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.bx-faq-item summary::-webkit-details-marker{display:none}.bx-faq-item summary::after{content:"＋";color:#2ED7A8;font-size:22px;font-weight:300;transition:transform 0.2s ease;flex-shrink:0}.bx-faq-item[open] summary::after{transform:rotate(45deg)}.bx-faq-item p{padding:0 22px 22px;margin:0;font-size:15px;line-height:1.65;color:#5f6c68}.bx-final-cta{padding:80px 0;background:#fff}.bx-final-cta-card{max-width:820px;margin:0 auto;padding:56px 48px;background:linear-gradient(135deg,#0f2c27 0%,#123831 100%);border-radius:24px;text-align:center;color:#e6fff7;position:relative;overflow:hidden}.bx-final-cta-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(46,215,168,0.18),transparent 50%),radial-gradient(circle at 80% 70%,rgba(46,215,168,0.12),transparent 50%);pointer-events:none}.bx-final-cta-card>*{position:relative}.bx-final-cta-card h2{font-size:34px;font-weight:800;margin:0 0 14px;letter-spacing:-0.02em;color:#fff}.bx-final-cta-card p{font-size:17px;line-height:1.55;color:rgba(230,255,247,0.82);margin:0 0 28px}.bx-final-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width:900px){.bx-hero-grid,.bx-step,.bx-step--flip{grid-template-columns:1fr;gap:32px}.bx-step--flip .bx-step-text{order:1}.bx-step--flip .bx-step-media{order:2}.bx-feature-grid{grid-template-columns:repeat(2,1fr)}.bx-compat-grid{grid-template-columns:repeat(2,1fr)}.bx-hero-copy h1{font-size:36px}.bx-final-cta-card h2{font-size:26px}}@media (max-width:560px){.bx-hero{padding:48px 0 40px}.bx-feature-grid{grid-template-columns:1fr}.bx-compat-grid{grid-template-columns:1fr 1fr}.bx-final-cta-card{padding:36px 24px}.bx-hero-copy h1{font-size:30px}}.ql-launcher{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:900;display:flex;align-items:center;pointer-events:none}.ql-launcher>*{pointer-events:auto}.ql-tab{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;width:46px;min-height:200px;padding:14px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#2ED7A8 0%,#1fae8a 100%);color:#0f2c27;border-radius:12px 0 0 12px;box-shadow:-4px 6px 18px rgba(15,44,39,0.22);transition:transform 0.25s cubic-bezier(0.32,0.72,0,1),box-shadow 0.25s ease,background 0.2s ease;position:relative;z-index:2;overflow:hidden}.ql-tab::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.22) 0%,transparent 60%);opacity:0;animation:qlTabBreath 3.2s ease-in-out infinite;pointer-events:none}@keyframes qlTabBreath{0%,100%{opacity:0}50%{opacity:1}}.ql-tab:hover,.ql-tab:focus-visible{background:linear-gradient(180deg,#33e6b3 0%,#21bc96 100%);box-shadow:-6px 8px 24px rgba(15,44,39,0.32);transform:translateX(-2px);outline:none}.ql-tab:hover::before,.ql-tab:focus-visible::before{animation:none;opacity:0}.ql-tab-icons{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center}.ql-tab-icon{width:30px;height:30px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,0.08);overflow:hidden}.ql-tab-icon img{display:block;width:22px;height:22px}.ql-tab-icon--tg{color:#229ED9;background:#fff}.ql-tab-pulse{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#EA4335;border:2px solid #fff;animation:qlPulse 1.8s ease-in-out infinite}@keyframes qlPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:0.7}}.ql-launcher--open .ql-tab-pulse{display:none}.ql-tab-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap}.ql-tab-arrow{width:18px;height:18px;flex-shrink:0;transition:transform 0.3s ease}.ql-launcher--open .ql-tab-arrow{transform:rotate(180deg)}.ql-launcher--peek .ql-tab{animation:qlPeekWobble 0.6s ease-in-out}@keyframes qlPeekWobble{0%,100%{transform:translateX(0)}30%{transform:translateX(-6px)}60%{transform:translateX(-2px)}}.ql-panel{position:absolute;right:40px;top:50%;transform:translate(12px,-50%);width:300px;padding:20px;background:#fff;border-radius:14px 0 0 14px;box-shadow:-12px 16px 40px rgba(15,44,39,0.22),-2px 4px 10px rgba(15,44,39,0.08);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,transform 0.25s cubic-bezier(0.32,0.72,0,1),visibility 0.25s;z-index:1;display:flex;flex-direction:column;gap:10px}.ql-launcher--open .ql-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}.ql-panel-head{padding-bottom:10px;border-bottom:1px solid #eef1f0}.ql-panel-head h3{margin:0 0 4px;font-size:15px;font-weight:700;color:#0f2c27}.ql-panel-head p{margin:0;font-size:12.5px;color:#5f6c68;line-height:1.45}.ql-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafb;border:1px solid transparent;border-radius:10px;text-decoration:none;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease}.ql-card:hover{background:#fff;border-color:#2ED7A8;transform:translateX(-2px)}.ql-card-icon{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;box-shadow:0 2px 6px rgba(15,44,39,0.06)}.ql-card-icon--telegram{color:#229ED9}.ql-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ql-card-body strong{font-size:13.5px;font-weight:700;color:#0f2c27}.ql-card-body em{font-style:normal;font-size:11.5px;color:#5f6c68;line-height:1.4}.ql-card-cta{flex-shrink:0;color:#b3bdba;transition:color 0.15s ease,transform 0.15s ease}.ql-card:hover .ql-card-cta{color:#2ED7A8;transform:translateX(2px)}.ql-panel-foot{margin-top:4px;padding-top:10px;border-top:1px solid #eef1f0;text-align:center;font-size:11.5px;color:#8a9a95}@media (max-width:900px){.ql-launcher{display:none}}