:root{--accent:#7357ff;--accent-soft:rgba(115,87,255,.094);--ink:#111314;--muted:#747b82;--line:#e7e8e9;--surface:#fff;--surface-2:#f7f8f8;--success:#35a46f;--warning:#b77a14;--danger:#c54a4a;--shadow:0 24px 70px rgba(14,18,22,.08);--glow:color-mix(in srgb, var(--accent) 32%, transparent);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{text-size-adjust:100%;background:#fff;width:100%;min-width:0;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 50% -20%, var(--accent-soft), transparent 36%), #fff;width:100%;min-width:0;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-width:0;max-width:100%;overflow-x:hidden}body.modal-open{overscroll-behavior:none;width:100%;overflow:hidden}button,input,select,textarea{font:inherit}button,input,select,textarea,img,video,canvas,iframe{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.browser-gate{width:100%;min-height:100vh;background:radial-gradient(circle at 20% 82%,rgba(115,87,255,.18),transparent 34%),radial-gradient(circle at 82% 15%,rgba(239,181,92,.2),transparent 34%),#f8f8f6;align-items:center;justify-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.browser-gate-card{backdrop-filter:blur(22px);text-align:center;z-index:1;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);border-radius:30px;width:100%;min-width:0;max-width:520px;padding:42px;animation:.72s cubic-bezier(.2,.85,.2,1) both authCardReveal;position:relative;box-shadow:0 28px 90px rgba(24,28,31,.13)}.browser-gate-mark{color:#fff;width:58px;height:58px;box-shadow:0 14px 36px rgba(17,17,17,.2), 0 0 28px var(--accent-soft);background:#111;border-radius:20px;align-items:center;justify-items:center;margin:0 auto 18px;display:grid}.browser-gate-kicker{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:680}.browser-gate-card h1{font-size:31px;letter-spacing:-.05em;overflow-wrap:anywhere;margin:12px 0;font-size:max(27px,min(7vw,38px));line-height:1.08}.browser-gate-card>p{max-width:420px;color:var(--muted);overflow-wrap:anywhere;margin:0 auto;font-size:14px;line-height:1.75}.browser-gate-browser{color:#8c681e;background:#fff9eb;border:1px solid #eee1c5;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:38px;margin:22px auto 0;padding:0 14px;font-size:12px;display:inline-flex}.browser-gate-copy{width:100%;min-height:48px;margin-top:24px}.browser-gate-card>small{color:#969ba0;margin-top:17px;font-size:10px;line-height:1.6;display:block}.browser-gate-ambient{-webkit-filter:blur(12px);filter:blur(12px);opacity:.36;pointer-events:none;border-radius:50%;position:absolute}.browser-gate-ambient-one{background:radial-gradient(circle, var(--accent), transparent 68%);width:380px;height:380px;animation:13s ease-in-out infinite alternate authAmbientOne;bottom:-180px;left:-160px}.browser-gate-ambient-two{background:radial-gradient(circle,#f2bd67,transparent 68%);width:420px;height:420px;animation:16s ease-in-out infinite alternate authAmbientTwo;top:-210px;right:-190px}.app-shell{isolation:isolate;width:100%;min-width:0;max-width:100%;min-height:100vh;position:relative;overflow:clip}.ambient-stage{top:0;bottom:0;left:0;right:0;z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient-orb{opacity:.19;-webkit-filter:blur(10px);filter:blur(10px);will-change:transform;border-radius:50%;display:block;position:absolute}.ambient-orb-a{background:radial-gradient(circle at 35% 35%, var(--accent), transparent 68%);width:440px;height:440px;animation:15s ease-in-out infinite alternate ambientFloatA;top:14%;left:-180px}.ambient-orb-b{background:radial-gradient(circle,#e6b35d,transparent 67%);width:520px;height:520px;animation:18s ease-in-out infinite alternate ambientFloatB;top:35%;right:-220px}.ambient-orb-c{background:radial-gradient(circle,#6ed6c1,transparent 67%);width:380px;height:380px;animation:20s ease-in-out infinite alternate ambientFloatC;bottom:-260px;left:42%}.ambient-grid{top:0;bottom:0;left:0;right:0;opacity:.14;background-image:linear-gradient(rgba(40,44,48,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,44,48,.05) 1px,transparent 1px);background-size:72px 72px;animation:24s linear infinite ambientGrid;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(rgba(0,0,0,.55),transparent 72%);mask-image:linear-gradient(rgba(0,0,0,.55),transparent 72%)}.topbar{z-index:40;backdrop-filter:blur(18px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(232,233,234,.5);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:82px;padding:0 34px;animation:.75s cubic-bezier(.2,.85,.2,1) both headerDrop;display:grid;position:sticky;top:0}.topbar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 35%, #f2bd67 52%, var(--accent) 68%, transparent 100%);opacity:.55;background-size:220% 100%;height:1px;animation:5s linear infinite headerShimmer;position:absolute;bottom:-1px;left:0;right:0}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;font-weight:680;display:inline-flex}.brand>span:last-child{border:1px solid var(--line);border-radius:999px;padding:10px 16px}.brand.static{cursor:default}.brand-mark{border:1px solid var(--line);background:#fff;border-radius:50%;flex:none;align-items:center;justify-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 6px 18px rgba(0,0,0,.04)}.brand-mark.large{width:52px;height:52px}.brand-mark span{-webkit-clip-path:polygon(50% 0,100% 25%,86% 86%,50% 100%,14% 86%,0 25%);clip-path:polygon(50% 0,100% 25%,86% 86%,50% 100%,14% 86%,0 25%);background:#111;width:15px;height:18px;display:block;position:relative}.brand-mark span:after{content:"";opacity:.8;background:#fff;width:2px;height:11px;position:absolute;top:3px;left:5px;transform:rotate(20deg)}.brand:hover .brand-mark{box-shadow:0 9px 25px var(--glow);animation:.7s cubic-bezier(.2,.8,.2,1) brandOrbit}.menu-pill,.language-pill{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 24px;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex}.menu-pill{display:none}.menu-pill:hover,.language-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.desktop-navigation{border:1px solid var(--line);background:rgba(247,248,248,.92);border-radius:999px;justify-self:center;align-items:center;gap:2px;min-width:0;padding:4px;animation:.78s cubic-bezier(.2,.85,.2,1) .12s both navReveal;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px rgba(18,22,25,.04)}.desktop-navigation:before{content:"";pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.82) 48%,transparent 70%);animation:6s ease-in-out 1.2s infinite navSweep;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}.desktop-navigation button{color:#565c61;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;padding:0 10px;font-size:11px;font-weight:620;transition:color .2s,background .2s,transform .2s,box-shadow .2s;display:inline-flex}.desktop-navigation button:hover{color:#111;background:#fff;transform:translateY(-1px)}.desktop-navigation button:hover svg{animation:.48s iconWiggle}.desktop-navigation button.active{color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.18), 0 0 22px var(--glow);background:linear-gradient(135deg,#090909,#29222f)}.language-control{justify-self:end;position:relative}.language-pill{gap:9px;padding:5px 7px 5px 17px}.language-pill strong{background:#2c2d2f;border-radius:999px;padding:9px 15px;font-size:12px}.language-menu{border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:10px;animation:.18s both menuIn;position:absolute;top:calc(100% + 10px);right:0}.language-menu small{color:var(--muted);padding:7px 10px;display:block}.language-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 10px;font-size:15px;display:flex}.language-menu button:hover,.language-menu button.active{background:var(--surface-2)}.language-menu .language-logout{border-top:1px solid var(--line);color:#8f3636;border-radius:0 0 10px 10px;margin-top:6px;padding-top:13px}.page-wrap{width:calc(100% - 48px);min-width:0;max-width:1180px;margin:0 auto;padding:40px 0 80px;animation:.62s cubic-bezier(.2,.85,.2,1) both pageReveal}.page-heading{margin:0 0 24px;animation:.72s cubic-bezier(.2,.85,.2,1) 60ms both headingReveal;position:relative}.page-heading:after{content:"";background:linear-gradient(90deg, var(--accent), #efb55c, transparent);transform-origin:0;border-radius:999px;width:72px;height:3px;margin-top:14px;animation:1s cubic-bezier(.2,.85,.2,1) .24s both headingLine;display:block}.page-heading h1{font-size:30px;letter-spacing:-.04em;overflow-wrap:break-word;word-break:break-word;margin:0 0 7px;font-size:max(25px,min(2.4vw,34px))}.page-heading p{color:var(--muted);margin:0;font-size:14px}.custom-footer{text-align:center;color:var(--muted);margin-top:50px;font-size:13px}.page-wrap>:not(.page-heading):not(.modal-backdrop){animation:.68s cubic-bezier(.2,.85,.2,1) both contentRise}.page-wrap>:nth-child(2){animation-delay:.11s}.page-wrap>:nth-child(3){animation-delay:.18s}.page-wrap>:nth-child(4){animation-delay:.25s}.page-wrap>:nth-child(n+5){animation-delay:.31s}.card,.table-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;transition:transform .28s cubic-bezier(.22,.8,.22,1),box-shadow .28s,border-color .28s}.card{position:relative;overflow:hidden}.card:before,.node-card:before,.stat-grid article:before,.quick-grid>button:before,.client-grid button:before{content:"";opacity:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.92) 50%,transparent 60%);transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .28s;position:absolute;top:-60%;bottom:-60%;left:-35%;right:-35%;transform:translate(-55%)rotate(8deg)}.card:hover:before,.node-card:hover:before,.stat-grid article:hover:before,.quick-grid>button:hover:before,.client-grid button:hover:before{opacity:.72;transform:translate(58%)rotate(8deg)}.card:hover{box-shadow:0 25px 70px rgba(21,25,28,.11), 0 0 34px var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 22%, #dbdddf);transform:translateY(-7px)scale(1.006)}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-heading h2{letter-spacing:-.025em;margin:0 0 5px;font-size:18px}.card-heading p{color:var(--muted);margin:0;font-size:13px}.badge{white-space:nowrap;border:1px solid var(--line);color:#686e73;background:#f7f7f7;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;line-height:1;display:inline-flex}.badge-green{color:#31855b;background:#effaf3;border-color:#d9f1e2}.badge-blue{color:#526ea0;background:#eff5ff;border-color:#dce7fc}.badge-amber{color:#9d731c;background:#fff8e9;border-color:#f2e3ba}.badge-red{color:#b05b5b;background:#fff2f2;border-color:#f0dada}.primary-button,.outline-button,.subtle-button{color:#fff;cursor:pointer;isolation:isolate;background:#111;border:1px solid #111;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 19px;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}.primary-button:after,.outline-button:after,.subtle-button:after,.hero-action:after{content:"";z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);width:42%;transition:left .62s cubic-bezier(.2,.8,.2,1);position:absolute;top:-60%;bottom:-60%;left:-62%;transform:skew(-22deg)}.primary-button:hover:after,.outline-button:hover:after,.subtle-button:hover:after,.hero-action:hover:after{left:122%}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.16)}.outline-button{color:#111;border-color:var(--line);background:#fff}.outline-button:hover:not(:disabled),.subtle-button:hover:not(:disabled){border-color:#aaa;transform:translateY(-1px)}.subtle-button{color:#444;border-color:var(--line);background:#fff;font-weight:550}.primary-button:disabled,.outline-button:disabled,.subtle-button:disabled{opacity:.4;cursor:not-allowed}.full-button{width:100%;margin-top:18px}.primary-button.small{min-height:36px;padding:0 15px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;align-items:center;justify-items:center;width:38px;height:38px;transition:transform .2s;display:grid}.icon-button:hover{transform:rotate(8deg)}.alert-stack{gap:10px;margin-bottom:18px;display:grid}.threshold-alert{color:#3a6388;background:#f1f8ff;border:1px solid #deecfb;border-radius:16px;align-items:center;gap:11px;min-height:50px;padding:10px 14px;font-size:13px;display:flex}.threshold-alert.amber{color:#8c681e;background:#fff9eb;border-color:#f4e7c7}.threshold-alert span{flex:1}.threshold-alert button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.hero-banner{color:#fff;background:linear-gradient(120deg,#16262b 0%,#263b3d 36%,#6c5b74 66%,#8b7454 100%) 50%/180% 180%;border-radius:25px;justify-content:space-between;align-items:flex-end;gap:24px;min-height:180px;margin-bottom:16px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(31,35,40,.16);animation:10s ease-in-out infinite alternate heroGradient,.68s cubic-bezier(.2,.85,.2,1) .11s both contentRise!important}.hero-banner:before{content:"";background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.13) 48%,transparent 72%);animation:6.5s ease-in-out 1s infinite heroSweep;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}.hero-banner:after{content:"";opacity:.22;background-image:radial-gradient(circle at 20% 30%,#fff 0,#fff 1px,transparent 1.5px),radial-gradient(circle at 78% 20%,#fff 0,#fff 1px,transparent 1.5px);background-size:76px 76px,112px 112px;animation:18s linear infinite starDrift;position:absolute;top:0;bottom:0;left:0;right:0}.hero-banner.with-image{min-height:205px}.hero-orb{-webkit-filter:blur(10px);filter:blur(10px);opacity:.66;border-radius:50%;position:absolute}.hero-orb-one{background:#d4a85e;width:250px;height:250px;bottom:-210px;left:18%}.hero-orb-two{background:var(--accent);width:220px;height:220px;top:-170px;right:13%}.hero-orb-one{animation:8s ease-in-out infinite alternate heroOrbOne}.hero-orb-two{animation:9s ease-in-out infinite alternate heroOrbTwo}.hero-copy,.hero-action{z-index:1;position:relative}.hero-copy small{opacity:.7;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.hero-copy h2{letter-spacing:-.04em;max-width:620px;margin:8px 0 0;font-size:max(20px,min(2.4vw,32px));line-height:1.15}.hero-action{backdrop-filter:blur(10px);color:#fff;cursor:pointer;white-space:nowrap;isolation:isolate;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 18px;display:inline-flex;overflow:hidden}.hero-action:hover svg{transform:translate(4px)}.hero-action svg{transition:transform .2s}.dashboard-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,1.22fr);gap:12px;display:grid}.dashboard-grid>.card{min-height:420px;padding:24px}.usage-ring{--progress:0deg;aspect-ratio:1;background:#f1f2f2;background:conic-gradient(var(--accent) var(--progress), #f1f2f2 0);width:164px;height:164px;box-shadow:0 0 0 0 var(--accent-soft);border-radius:50%;align-items:center;justify-items:center;margin:22px auto;animation:4.8s ease-in-out infinite ringFloat;display:grid;position:relative}.usage-ring:before{content:"";top:15px;bottom:15px;left:15px;right:15px;background:#fff;border-radius:50%;position:absolute;top:15px;bottom:15px;left:15px;right:15px}.usage-ring>div{text-align:center;display:grid;position:relative}.usage-ring strong{letter-spacing:-.04em;font-size:28px}.usage-ring span{color:var(--muted);font-size:11px}.metric-list{gap:10px;margin:0;display:grid}.metric-list div{justify-content:space-between;gap:20px;font-size:12px;display:flex}.metric-list dt{color:var(--muted)}.metric-list dd{margin:0;font-weight:630}.account-links-card{flex-direction:column;display:flex}.account-links-card>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:80px;padding:10px 0;display:grid}.account-links-card>button:last-child{border-bottom:0}.account-links-card>button>span:nth-child(2){gap:2px;display:grid}.account-links-card small{color:var(--muted);font-size:10px}.account-links-card strong{font-size:16px}.account-links-card em{color:var(--muted);font-size:11px;font-style:normal}.account-links-card>button>svg{color:#aaa;transition:transform .2s}.account-links-card>button:hover>svg{color:#111;transform:translate(4px)}.account-links-card>button:hover .soft-icon,.quick-grid>button:hover .soft-icon{box-shadow:0 9px 25px var(--accent-soft);transform:translateY(-3px)rotate(-7deg)scale(1.1)}.soft-icon{color:#555;background:#f4f4f4;border-radius:12px;flex:none;align-items:center;justify-items:center;width:38px;height:38px;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;display:inline-grid}.soft-icon.blue{color:#4a91c7;background:#eef7ff}.soft-icon.amber{color:#c68a19;background:#fff7e5}.soft-icon.green{color:#42a775;background:#ecfbf4}.soft-icon.purple{color:#7d63cd;background:#f3efff}.traffic-card{cursor:pointer;flex-direction:column;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex}.traffic-card:hover{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));box-shadow:0 20px 50px rgba(20,24,27,.09), 0 0 28px var(--accent-soft);transform:translateY(-4px)}.traffic-card:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.traffic-view-label{color:var(--muted);align-items:center;gap:3px;font-size:10px;font-weight:650;display:inline-flex}.traffic-card:hover .traffic-view-label svg{color:var(--ink);transform:translate(3px)}.traffic-view-label svg{transition:transform .2s}.traffic-chart{margin-top:auto;padding-top:30px}.traffic-chart svg{width:100%;height:220px;overflow:visible}.traffic-chart .grid-line{stroke:#edf0f1;stroke-width:1px}.traffic-chart .area-line{fill:url(#trafficFill);animation:1.45s .5s both chartArea}.traffic-chart .stroke-line{fill:none;stroke:var(--accent);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:900px;animation:1.8s cubic-bezier(.2,.8,.2,1) .45s forwards chartDraw,3.4s ease-in-out 2.3s infinite chartGlow}.chart-labels{color:#9b9fa3;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.quick-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:19px;align-items:center;gap:13px;min-height:84px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex}.quick-grid>button,.node-card,.stat-grid article,.client-grid button{position:relative;overflow:hidden}.quick-grid>button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.06)}.quick-grid>button>span:nth-child(2){flex:1;gap:4px;display:grid}.quick-grid strong{font-size:14px}.quick-grid small{color:var(--muted);font-size:10px}.segmented-control{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.segmented-control button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:37px;padding:0 17px;font-size:12px}.segmented-control button.active{color:#fff;background:#111;border-color:#111}.plan-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.plan-card{border:1px solid var(--line);border-radius:24px;flex-direction:column;min-height:380px;padding:22px;transition:transform .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden}.plan-card:hover{box-shadow:0 28px 76px rgba(20,24,27,.14), 0 0 38px var(--accent-soft);transform:translateY(-10px)rotateX(1.6deg)rotateY(-1.2deg)}.plan-card.featured{border-color:color-mix(in srgb, var(--accent) 45%, #ddd);animation:.72s cubic-bezier(.2,.85,.2,1) backwards cardReveal,4s ease-in-out .72s infinite featuredGlow}.plan-card.featured:before{content:"";background:radial-gradient(circle at 42% 44%, color-mix(in srgb, var(--accent) 76%, white), color-mix(in srgb, var(--accent) 44%, transparent) 38%, transparent 68%);opacity:.36;-webkit-filter:blur(6px);filter:blur(6px);pointer-events:none;border-radius:42% 58% 63% 37%;width:520px;height:520px;animation:9s ease-in-out infinite alternate featuredMorph;position:absolute;top:-105px;left:-190px}.plan-card>*{position:relative}.plan-card-head{justify-content:space-between;gap:12px;display:flex}.plan-card h2{margin-bottom:8px;font-size:16px}.plan-price strong{font-size:30px;letter-spacing:-.05em;overflow-wrap:break-word;word-break:break-word;font-size:max(24px,min(2.5vw,35px))}.plan-price span{color:var(--muted);font-size:11px}.plan-badges{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.period-pills{flex-wrap:wrap;gap:6px;margin:18px 0 16px;display:flex}.period-pills span{border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:999px;padding:5px 9px;font-size:10px}.plan-card ul{border-top:1px solid var(--line);flex:1;gap:10px;margin:0;padding:15px 0 20px;list-style:none;display:grid}.plan-card li{align-items:flex-start;gap:9px;font-size:12px;line-height:1.4;display:flex}.plan-card li>span{color:#4a9d70;background:#edf9f2;border-radius:50%;flex:none;align-items:center;justify-items:center;width:16px;height:16px;display:grid}.plan-card>button{width:100%}.inline-purchase{border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:18px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.search-field{border:1px solid var(--line);color:#9a9fa3;border-radius:999px;align-items:center;gap:9px;width:100%;min-width:0;max-width:340px;min-height:40px;padding:0 13px;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.toolbar select,.form-field select{border:1px solid var(--line);background:#fff;border-radius:999px;outline:0;min-height:40px;padding:0 34px 0 14px}.node-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.node-card{border:1px solid var(--line);border-radius:21px;min-height:165px;padding:18px;transition:transform .24s,box-shadow .24s}.node-card:hover{box-shadow:0 22px 52px rgba(20,24,27,.11), 0 0 28px var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 26%, var(--line));transform:translateY(-7px)scale(1.012)}.node-card header,.node-card header>div,.node-card footer{justify-content:space-between;align-items:center;gap:9px;display:flex}.country-flag{color:inherit;font-size:14px}.node-delivered{background:#43b979;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px rgba(67,185,121,.12),0 0 14px rgba(67,185,121,.35)}.node-card header strong{font-size:14px}.node-card dl{gap:9px;margin:18px 0 12px;display:grid}.node-endpoint-protected{color:#4b7b62;background:#f7fbf9;border:1px dashed #dfe6e2;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:70px;margin:14px 0 10px;font-size:11px;display:flex}.node-card dl>div{justify-content:space-between;gap:15px;font-size:11px;display:flex}.node-card dt{color:var(--muted);align-items:center;gap:7px;display:flex}.node-card dd{text-overflow:ellipsis;white-space:nowrap;max-width:72%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.node-card footer{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.node-card footer span{color:var(--muted);align-items:center;gap:7px;display:flex}.subscription-card{margin-bottom:18px;padding:19px}.subscription-actions{justify-content:flex-end;gap:8px;margin:17px 0 14px;display:flex}.usage-bar{background:#eee;border-radius:999px;height:5px;overflow:hidden}.usage-bar span{background:var(--accent);border-radius:inherit;height:100%;transition:width .6s;animation:2.8s ease-in-out infinite usagePulse;display:block;position:relative;overflow:hidden}.usage-bar span:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:2.4s ease-in-out infinite usageSweep;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.usage-caption{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.client-section{padding:22px}.os-tabs{gap:7px;margin:16px 0;display:flex}.os-tabs button{border:1px solid var(--line);cursor:pointer;text-transform:none;background:#fff;border-radius:999px;min-height:36px;padding:0 15px;font-size:12px}.os-tabs button.active{color:#fff;background:#111;border-color:#111}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.client-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;transition:transform .2s,border-color .2s;display:flex}.client-grid button:hover{border-color:#bbb;transform:translateY(-4px)}.client-logo{color:#fff;background:linear-gradient(140deg,#111,#5b646b);border-radius:12px;align-items:center;justify-items:center;width:40px;height:40px;font-size:10px;display:grid}.client-grid strong{font-size:12px}.client-grid small{color:var(--muted);font-size:9px}.qr-modal,.payment-qr{align-items:center;justify-items:center;gap:13px;display:grid}.qr-image{border-radius:12px;max-width:100%;height:auto;display:block}.table-card{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden}.data-table{min-width:900px;padding:15px 22px}.table-row{color:#6a7075;border-bottom:1px solid #f0f1f1;align-items:center;gap:16px;min-height:47px;font-size:11px;display:grid}.table-row:last-child{border-bottom:0}.order-table{min-width:1000px}.order-table .table-row{grid-template-columns:1.55fr 1fr .9fr .7fr .75fr 1.2fr .72fr}.order-cell{min-width:0}.order-amount{color:var(--ink);font-weight:650}.ticket-table .table-row{grid-template-columns:2fr .8fr .8fr 1.2fr}.table-row.table-head{color:#222;font-weight:650}.table-row code{color:#222;font-size:10px}.table-row strong{color:#333}.order-cancel-button{color:#a33131;cursor:pointer;white-space:nowrap;background:#fff7f7;border:1px solid #e4b2b2;border-radius:999px;min-height:31px;padding:0 11px;font-size:10px;transition:background .18s,border-color .18s,transform .18s}.order-cancel-button:hover{background:#fff0f0;border-color:#ca6b6b;transform:translateY(-1px)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-grid article{border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:112px;padding:18px;display:flex;position:relative}.stat-grid article small{color:var(--muted);font-size:11px}.stat-grid article strong{letter-spacing:-.04em;font-size:23px}.stat-grid article .soft-icon{border-radius:50%;width:29px;height:29px;position:absolute;top:15px;right:15px}.commission-card{padding:22px}.commission-card h2{margin:15px 0;font-size:19px}.commission-card>div{align-items:center;gap:18px;display:flex}.account-balance{background:linear-gradient(135deg,#f4fbf7,#fff);border:1px solid #dce9e2;border-radius:16px;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:9px;min-width:178px;margin-left:auto;padding:10px 13px;display:grid;box-shadow:0 8px 24px rgba(28,93,58,.08)}.account-balance .soft-icon{grid-row:1/3;width:30px;height:30px}.account-balance small{color:var(--muted);font-size:10px}.account-balance strong{color:var(--ink);letter-spacing:-.02em;font-size:15px}.commission-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.commission-card .section-title{justify-content:space-between}.invite-list{gap:9px;margin-top:13px;display:grid!important}.invite-list>div{border:1px solid #eff0f0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:52px;padding:8px 12px;display:flex;overflow-x:auto}.invite-list>div>div{gap:6px;display:flex}.invite-list button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.invited-users-card{margin-top:18px;padding:22px}.invited-users-card .section-title>div{align-items:center;gap:10px;display:flex}.invited-users-card .section-title small{color:var(--muted);font-size:10px}.invitee-table{min-width:0;padding:12px 0 4px}.invitee-table .table-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(140px,.8fr)}.invitee-table .table-row>*{overflow-wrap:anywhere;min-width:0}.invite-pagination{margin-top:16px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.knowledge-grid>.card{padding:22px}.knowledge-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;display:flex}.knowledge-link:last-child{border-bottom:0}.knowledge-link>span{gap:4px;display:grid}.knowledge-link strong{font-size:13px}.knowledge-link small{color:var(--muted);font-size:9px}.knowledge-link svg{transition:transform .2s}.knowledge-link:hover svg{transform:translate(4px)}.external-doc-card{align-items:center;gap:13px;min-height:90px;display:flex}.external-doc-card div{flex:1;gap:3px;display:grid}.external-doc-card small{color:var(--muted)}.knowledge-detail{padding:26px;overflow:hidden}.knowledge-detail>header{border-bottom:1px solid var(--line);gap:22px;padding-bottom:22px;display:grid}.knowledge-detail>header>div{justify-items:start;gap:10px;display:grid}.knowledge-detail h2{font-size:28px;letter-spacing:-.035em;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:max(22px,min(3vw,34px));line-height:1.2}.knowledge-detail time{color:var(--muted);font-size:10px}.knowledge-back{justify-self:start}.knowledge-back svg{transform:rotate(180deg)}.knowledge-body{color:#333;overflow-wrap:anywhere;padding-top:24px;font-size:14px;line-height:1.85}.knowledge-body>:first-child{margin-top:0}.knowledge-body>:last-child{margin-bottom:0}.knowledge-body h1,.knowledge-body h2,.knowledge-body h3,.knowledge-body h4{color:#111;margin:1.5em 0 .65em;line-height:1.35}.knowledge-body img,.knowledge-body video,.knowledge-body iframe{border-radius:14px;max-width:100%;height:auto;display:block}.knowledge-body iframe{border:1px solid var(--line);width:100%;min-height:360px}.knowledge-body pre{color:#f5f5f5;background:#101112;border-radius:14px;max-width:100%;padding:16px;overflow:auto}.knowledge-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.knowledge-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.knowledge-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.knowledge-body th,.knowledge-body td{border:1px solid var(--line);text-align:left;padding:9px 12px}.knowledge-body blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);margin:18px 0;padding:12px 16px}.settings-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:start;gap:16px;display:grid}.settings-card,.security-note{padding:23px}.setting-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:68px;display:flex}.setting-row>span{gap:4px;display:grid}.setting-row strong{font-size:13px}.setting-row small{color:var(--muted);font-size:10px}.setting-row i{background:#d8dadd;border-radius:999px;width:42px;height:24px;padding:3px;transition:background .2s}.setting-row i b{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 2px 5px rgba(0,0,0,.15)}.setting-row i.active{background:#111}.setting-row i.active b{transform:translate(18px)}.security-note{gap:13px;display:grid}.security-note h2{margin:0;font-size:15px;line-height:1.5}.security-note p{color:var(--muted);margin:0;font-size:11px}.menu-backdrop{top:0;bottom:0;left:0;right:0;z-index:70;backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:rgba(10,12,13,.28);transition:opacity .25s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-panel{opacity:0;-webkit-overflow-scrolling:touch;background:#fff;width:100%;min-width:0;max-width:420px;padding:22px;transition:transform .32s cubic-bezier(.22,.8,.22,1),opacity .25s;position:absolute;top:0;bottom:0;left:50%;overflow:auto;transform:translate(-50%)translateY(-22px)scale(.97)}.menu-backdrop.open .menu-panel{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.menu-panel-head,.menu-panel-head>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-account{background:var(--surface-2);border-radius:14px;gap:4px;margin:22px 0 12px;padding:15px;display:grid;overflow:hidden}.menu-account small{color:var(--muted)}.menu-account span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-panel nav{gap:5px;display:grid}.menu-panel nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:49px;padding:0 13px;display:grid}.menu-panel nav button:hover,.menu-panel nav button.active{color:#fff;background:#111}.logout-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:12px;display:flex}.modal-backdrop{top:0;bottom:0;left:0;right:0;width:100%;height:100vh;z-index:100;backdrop-filter:blur(6px);background:rgba(11,13,14,.38);align-items:center;justify-items:center;max-width:100vw;height:100dvh;max-height:100dvh;padding:20px;animation:.2s both fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.modal{width:calc(100vw - 40px);min-width:0;max-width:480px;max-height:calc(100vh - 40px);contain:layout paint;background:#fff;border-radius:24px;flex-direction:column;max-height:calc(100dvh - 40px);animation:.32s cubic-bezier(.22,.8,.22,1) both modalIn;display:flex;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.25)}.modal-wide{max-width:760px}.modal-header{backdrop-filter:blur(10px);z-index:1;background:rgba(255,255,255,.96);flex:none;justify-content:space-between;align-items:center;padding:20px 22px 10px;display:flex}.modal-header h2{margin:0;font-size:18px}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:13px 22px 22px;overflow-x:hidden;overflow-y:auto}.modal-help{color:var(--muted);font-size:12px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.danger-button{color:#fff;cursor:pointer;background:#a43a3a;border:1px solid #9f3030;border-radius:999px;min-height:42px;padding:0 19px;font-weight:650}.danger-button:hover:not(:disabled){background:#8c2929;transform:translateY(-1px)}.danger-button:disabled{opacity:.45;cursor:not-allowed}.cancel-order-confirm{gap:14px;display:grid}.cancel-order-warning{color:#8b3030;background:#fff8f8;border:1px solid #f0cccc;border-radius:15px;align-items:flex-start;gap:11px;padding:14px;display:flex}.cancel-order-warning svg{flex:none;margin-top:2px}.cancel-order-warning p{margin:0;font-size:12px;line-height:1.65}.cancel-order-confirm dl{gap:9px;margin:0;display:grid}.cancel-order-confirm dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding-bottom:8px;font-size:11px;display:flex}.cancel-order-confirm dt{color:var(--muted)}.cancel-order-confirm dd{text-align:right;overflow-wrap:anywhere;max-width:70%;margin:0}.purchase-notice{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 7%, #fff);border-radius:15px;margin-bottom:18px;padding:14px 15px}.purchase-notice strong{margin-bottom:6px;font-size:12px;display:block}.purchase-notice p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.7}.coupon-form{gap:7px;margin:0 0 14px;display:grid}.coupon-form>label{color:var(--muted);font-size:11px;font-weight:650}.coupon-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.coupon-input-row input{border:1px solid var(--line);text-transform:none;background:#fff;border-radius:13px;outline:none;width:100%;min-width:0;min-height:42px;padding:0 13px}.coupon-input-row input:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.coupon-input-row button{min-width:82px;min-height:42px}.coupon-applied{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:color-mix(in srgb, var(--accent) 6%, #fff);border-radius:13px;gap:7px;margin:-3px 0 14px;padding:11px 13px;font-size:11px;display:grid}.coupon-applied>div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.coupon-applied span{overflow-wrap:anywhere;min-width:0}.coupon-applied strong{color:#16844c;white-space:nowrap;font-size:13px}.coupon-applied small{color:var(--muted)}.coupon-applied button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.period-grid button,.payment-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;min-height:61px;padding:10px 13px;display:flex}.period-grid button>*,.payment-option>*{overflow-wrap:break-word;word-break:break-word;min-width:0}.period-grid button.selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}.period-grid span{font-size:12px}.period-grid strong{font-size:14px}.payment-list{gap:9px;display:grid}.payment-list-head{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.payment-list-head>p{color:var(--ink);margin:0;font-size:12px;font-weight:650}.payment-account-balance{white-space:nowrap;background:linear-gradient(135deg,#f4fbf7,#fff);border:1px solid #dce9e2;border-radius:999px;justify-content:flex-end;align-items:center;gap:7px;min-width:128px;padding:7px 11px;display:inline-flex}.payment-account-balance small{color:var(--muted);font-size:9px}.payment-account-balance strong{color:#16844c;font-size:12px}.payment-option{touch-action:manipulation;transition:transform .16s,border-color .16s,box-shadow .16s,opacity .16s;position:relative;overflow:hidden}.payment-option:hover:not(:disabled){border-color:#aaa;transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,24,27,.06)}.payment-option:active:not(:disabled){transform:scale(.985)}.payment-option:disabled{cursor:wait;opacity:.58}.cashier-transition{text-align:center;align-content:center;align-items:center;justify-items:center;gap:12px;min-height:260px;animation:.28s both cashierReveal;display:grid}.cashier-transition strong{font-size:18px}.cashier-transition small{color:var(--muted);line-height:1.6}.cashier-transition .outline-button{margin-top:4px;text-decoration:none}.cashier-transition-orbit{background:radial-gradient(circle,rgba(17,17,17,.09) 0,rgba(17,17,17,.09) 30%,transparent 31%),conic-gradient(from 90deg,transparent,rgba(17,17,17,.22),#111);border-radius:50%;align-items:center;justify-items:center;width:72px;height:72px;animation:1s linear infinite cashierOrbit;display:grid;position:relative}.cashier-transition-orbit:before{content:"";border-radius:inherit;background:#fff;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.cashier-transition-orbit span{z-index:1;background:#111;border-radius:50%;width:13px;height:13px;animation:.9s ease-in-out infinite alternate cashierPulse;position:relative;box-shadow:0 0 0 8px rgba(17,17,17,.06)}.notice-content img{border-radius:14px;max-width:100%;margin-bottom:12px}.notice-content p{white-space:pre-wrap;color:#555;line-height:1.65}.notice-rich-content{color:#555;overflow-wrap:anywhere;line-height:1.65}.notice-rich-content img{max-width:100%;height:auto}.notice-rich-content a{color:var(--accent);text-decoration:underline}.traffic-detail{gap:16px;display:grid}.traffic-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.traffic-summary-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;align-content:space-between;gap:8px;min-width:0;min-height:88px;padding:14px;display:grid}.traffic-summary-grid small{color:var(--muted);font-size:10px}.traffic-summary-grid strong{overflow-wrap:anywhere;font-size:17px}.traffic-detail-list{border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:16px;max-width:100%;overflow-x:auto}.traffic-detail-row{border-bottom:1px solid var(--line);min-width:610px;min-height:44px;color:var(--muted);grid-template-columns:1.15fr 1fr 1fr 1fr;align-items:center;gap:14px;padding:0 14px;font-size:11px;display:grid}.traffic-detail-row:last-child{border-bottom:0}.traffic-detail-row strong{color:var(--ink)}.traffic-detail-head{color:var(--ink);background:var(--surface-2);font-weight:650}.traffic-pagination{grid-template-columns:minmax(96px,auto) 1fr minmax(96px,auto);align-items:center;gap:12px;display:grid}.traffic-pagination>span{color:var(--muted);text-align:center;font-size:11px}.traffic-pagination .outline-button{min-height:38px}.order-pagination{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:17px;margin-top:14px;padding:12px 14px;box-shadow:0 10px 28px rgba(20,24,27,.035)}.order-pagination .outline-button{touch-action:manipulation}.form-stack{gap:14px;display:grid}.form-field{gap:7px;display:grid}.form-field>span{color:#5b6064;font-size:11px;font-weight:600}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line);background:#fff;border-radius:13px;outline:none;width:100%;padding:11px 13px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.form-field textarea{resize:vertical}.inline-input{gap:8px;display:flex}.inline-input input{flex:1}.inline-input button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:13px;min-width:110px}.auth-page{background:#f7f7f5;width:100%;min-width:0;max-width:100%;min-height:100vh;position:relative;overflow:hidden}.auth-header{z-index:2;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex;position:relative}.auth-header select{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);border-radius:999px;min-height:40px;padding:0 35px 0 15px}.auth-main{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:90px;width:calc(100% - 48px);min-width:0;max-width:1100px;min-height:calc(100vh - 82px);margin:0 auto;padding:45px 0 80px;display:grid;position:relative}.auth-story{animation:.9s cubic-bezier(.2,.85,.2,1) .12s both authStoryReveal}.auth-story small{color:var(--muted)}.auth-story h1{font-size:54px;letter-spacing:-.065em;overflow-wrap:break-word;word-break:break-word;max-width:650px;margin:22px 0 14px;font-size:max(40px,min(5.2vw,72px));line-height:.98}.auth-story>p{color:var(--muted);max-width:530px;line-height:1.7}.auth-badge{align-items:center;gap:10px;font-weight:650;display:inline-flex}.auth-feature-list{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.auth-feature-list span{background:rgba(255,255,255,.58);border:1px solid rgba(0,0,0,.07);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;animation:.58s cubic-bezier(.2,.85,.2,1) both authChipReveal;display:flex}.auth-feature-list span:nth-child(2){animation-delay:.1s}.auth-feature-list span:nth-child(3){animation-delay:.2s}.auth-feature-list span:nth-child(4){animation-delay:.3s}.auth-card{backdrop-filter:blur(18px);min-width:0;box-shadow:var(--shadow);background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);border-radius:30px;padding:32px;animation:.9s cubic-bezier(.2,.85,.2,1) .2s both authCardReveal;position:relative;overflow:hidden}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);animation:5.5s ease-in-out 1.2s infinite authCardSweep;position:absolute;top:-90%;bottom:-90%;left:-45%;right:-45%;transform:translate(-70%)rotate(8deg)}.auth-card>*{position:relative}.auth-card-head{text-align:center;margin-bottom:26px}.auth-card-head .brand-mark{margin-bottom:17px}.auth-card-head h2{letter-spacing:-.04em;margin-bottom:8px;font-size:25px}.auth-card-head p{color:var(--muted);margin:0;font-size:11px}.auth-submit{min-height:48px}.auth-switch{color:var(--muted);justify-content:space-between;gap:10px;margin-top:19px;font-size:11px;display:flex}.auth-switch button{cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-ambient{-webkit-filter:blur(5px);filter:blur(5px);opacity:.5;border-radius:50%;position:absolute}.auth-ambient-one{background:radial-gradient(circle at 35% 35%,#d7cbff,transparent 65%);width:680px;height:680px;animation:13s ease-in-out infinite alternate authAmbientOne;bottom:-310px;left:-260px}.auth-ambient-two{background:radial-gradient(circle,#ffe4a8,transparent 66%);width:600px;height:600px;animation:16s ease-in-out infinite alternate authAmbientTwo;top:-300px;right:-280px}.empty-state,.loading-state{text-align:center;min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{color:#555;margin:10px 0 5px;font-size:14px}.empty-state p{font-size:11px}.empty-dot{border:1px dashed #bbb;border-radius:50%;width:38px;height:38px}.loading-state{flex-direction:row;gap:10px;font-size:12px}.spinner{border:2px solid #e4e4e4;border-top-color:#111;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.toast-stack{z-index:200;gap:9px;display:grid;position:fixed;bottom:22px;right:22px}.toast{color:#fff;background:#111;border-radius:14px;align-items:center;gap:9px;min-width:220px;max-width:380px;padding:12px 14px;font-size:12px;animation:.3s both toastIn;display:flex;box-shadow:0 16px 40px rgba(0,0,0,.2)}.toast-error{background:#7f2828}.topbar>*,.page-wrap>*,.dashboard-grid>*,.quick-grid>*,.plan-grid>*,.node-grid>*,.client-grid>*,.stat-grid>*,.knowledge-grid>*,.settings-grid>*,.card-heading>*,.plan-card-head>*,.toolbar>*,.commission-card>*,.auth-main>*,.inline-input>*{min-width:0}.card,.table-card,.hero-banner,.toolbar,.subscription-card,.client-section,.commission-card,.knowledge-detail,.settings-card,.security-note{max-width:100%}.card-heading h2,.card-heading p,.plan-card h2,.node-card header strong,.knowledge-link strong,.knowledge-link small,.security-note h2,.security-note p{overflow-wrap:break-word;word-break:break-word}.plan-grid>*,.node-grid>*,.stat-grid>*,.client-grid>*,.knowledge-grid>*{animation:.72s cubic-bezier(.2,.85,.2,1) backwards cardReveal}.plan-grid>:nth-child(2),.node-grid>:nth-child(2),.stat-grid>:nth-child(2),.client-grid>:nth-child(2),.knowledge-grid>:nth-child(2){animation-delay:80ms}.plan-grid>:nth-child(3),.node-grid>:nth-child(3),.stat-grid>:nth-child(3),.client-grid>:nth-child(3),.knowledge-grid>:nth-child(3){animation-delay:.15s}.plan-grid>:nth-child(4),.node-grid>:nth-child(4),.stat-grid>:nth-child(4),.client-grid>:nth-child(4){animation-delay:.22s}.plan-grid>:nth-child(5),.node-grid>:nth-child(5),.client-grid>:nth-child(5){animation-delay:.29s}.plan-grid>:nth-child(n+6),.node-grid>:nth-child(n+6),.client-grid>:nth-child(n+6){animation-delay:.36s}@keyframes ambientFloatA{0%{transform:translate(0,0)scale(1)}to{transform:translate(170px,-65px)scale(1.18)}}@keyframes ambientFloatB{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(-190px,85px)scale(.92)}}@keyframes ambientFloatC{0%{transform:translate(-70px)scale(.9)}to{transform:translate(110px,-120px)scale(1.15)}}@keyframes ambientGrid{to{transform:translate(72px,72px)}}@keyframes headerDrop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes headerShimmer{to{background-position:-220% 0}}@keyframes navReveal{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navSweep{0%,68%{transform:translate(-110%)}88%,to{transform:translate(110%)}}@keyframes brandOrbit{45%{transform:rotate(-10deg)scale(1.08)}75%{transform:rotate(8deg)scale(1.04)}}@keyframes iconWiggle{35%{transform:rotate(-12deg)scale(1.14)}70%{transform:rotate(8deg)scale(1.08)}}@keyframes pageReveal{0%{opacity:0;-webkit-filter:blur(5px);filter:blur(5px);transform:translateY(18px)scale(.992)}to{opacity:1;-webkit-filter:blur();filter:blur();transform:none}}@keyframes headingReveal{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes headingLine{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes contentRise{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(34px)rotateX(4deg)scale(.96)}to{opacity:1;transform:none}}@keyframes heroGradient{0%{background-position:0%}to{background-position:100%}}@keyframes heroSweep{0%,62%{transform:translate(-110%)}90%,to{transform:translate(110%)}}@keyframes starDrift{to{background-position:76px 76px,-112px 112px}}@keyframes heroOrbOne{to{border-radius:58% 42% 34% 66%;transform:translate(115px,-85px)scale(1.25)}}@keyframes heroOrbTwo{to{border-radius:40% 60% 66% 34%;transform:translate(-95px,105px)scale(1.2)}}@keyframes ringFloat{0%,to{box-shadow:0 0 0 0 var(--accent-soft);transform:translateY(0)}50%{box-shadow:0 14px 30px var(--accent-soft);transform:translateY(-6px)}}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartArea{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes chartGlow{50%{-webkit-filter:drop-shadow(0 0 7px var(--accent));filter:drop-shadow(0 0 7px var(--accent))}}@keyframes featuredGlow{0%,to{box-shadow:0 18px 48px rgba(19,22,25,.08),0 0 rgba(115,87,255,0)}50%{box-shadow:0 28px 78px rgba(19,22,25,.13), 0 0 36px var(--accent-soft)}}@keyframes featuredMorph{to{border-radius:64% 36% 42% 58%;transform:translate(115px,75px)rotate(32deg)scale(1.22)}}@keyframes usagePulse{50%{-webkit-filter:saturate(1.35)brightness(1.08);filter:saturate(1.35)brightness(1.08)}}@keyframes usageSweep{0%,25%{transform:translate(-110%)}70%,to{transform:translate(110%)}}@keyframes authStoryReveal{0%{opacity:0;-webkit-filter:blur(7px);filter:blur(7px);transform:translate(-44px)}to{opacity:1;-webkit-filter:blur();filter:blur();transform:none}}@keyframes authCardReveal{0%{opacity:0;-webkit-filter:blur(7px);filter:blur(7px);transform:translate(45px)rotateY(-5deg)scale(.94)}to{opacity:1;-webkit-filter:blur();filter:blur();transform:none}}@keyframes authStoryRevealMobile{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes authCardRevealMobile{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}@keyframes authChipReveal{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:none}}@keyframes authCardSweep{0%,66%{transform:translate(-70%)rotate(8deg)}88%,to{transform:translate(70%)rotate(8deg)}}@keyframes authAmbientOne{to{border-radius:62% 38% 58% 42%;transform:translate(190px,-90px)scale(1.2)}}@keyframes authAmbientTwo{to{border-radius:35% 65% 42% 58%;transform:translate(-150px,120px)scale(.92)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes cashierReveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes cashierOrbit{to{transform:rotate(360deg)}}@keyframes cashierPulse{to{opacity:.55;transform:scale(.72)}}@media (max-width:980px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-card{grid-column:1/-1;min-height:360px!important}.plan-grid,.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-main{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px}}@media (max-width:1180px) and (min-width:721px){.topbar{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);padding:0 20px}.desktop-navigation button{width:38px;height:38px;padding:0}.desktop-navigation button span,.language-title{display:none}.language-pill{padding-left:7px}}@media (max-width:720px){.modal-backdrop{backdrop-filter:none;background:rgba(11,13,14,.48)}.modal-header{backdrop-filter:none;background:#fff}body.modal-open .ambient-orb,body.modal-open .ambient-grid,body.modal-open .topbar:after,body.modal-open .hero-banner,body.modal-open .usage-ring{animation-play-state:paused!important}.topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;height:68px;padding:0 16px;position:relative}.brand>span:last-child,.language-title{display:none}.brand-mark{width:34px;height:34px}.menu-pill{min-height:38px;padding:0 14px;display:inline-flex}.desktop-navigation{display:none}.language-pill{min-height:38px;padding:4px 5px}.language-pill>svg{display:none}.language-pill strong{padding:8px 10px}.page-wrap{width:calc(100% - 28px);max-width:620px;padding:28px 0 60px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:27px}.hero-banner{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:190px;padding:24px}.hero-action{min-height:40px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card{min-height:auto}.traffic-card{grid-column:auto;min-height:330px!important}.traffic-detail-list{overflow-x:hidden}.traffic-detail-row{grid-template-columns:1.15fr repeat(3,minmax(0,.9fr));gap:5px;min-width:0;padding:0 8px;font-size:9px}.traffic-detail-row>*{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.quick-grid,.plan-grid,.node-grid{grid-template-columns:1fr}.plan-card{min-height:350px}.nodes-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.subscription-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subscription-actions>button{white-space:normal;width:100%;min-width:0;padding-left:10px;padding-right:10px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-tabs{padding-bottom:4px;overflow-x:auto}.table-card{overflow-x:auto}.order-table-card{overflow:visible}.order-table{gap:12px;min-width:0;padding:0;display:grid}.order-table .table-head{display:none}.order-table .order-row{border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;min-height:0;padding:16px;box-shadow:0 10px 28px rgba(20,24,27,.04)}.order-table .order-row:last-child{border-bottom:1px solid var(--line)}.order-cell{overflow-wrap:anywhere;align-content:start;gap:5px;display:grid}.order-cell:before{content:attr(data-label);color:var(--muted);font-family:inherit;font-size:9px;font-weight:500;line-height:1.2}.order-trade,.order-time{grid-column:1/-1}.order-trade{white-space:normal;word-break:break-all;border-bottom:1px solid #f0f1f1;padding-bottom:11px;font-size:10px!important}.order-time{padding-top:2px}.order-action{align-items:start}.order-cancel-button{justify-self:start}.order-pagination{z-index:1;background:rgba(255,255,255,.94);margin-top:12px;padding:10px;position:relative}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-card>div{flex-direction:column;align-items:flex-start}.commission-card .account-balance{width:100%;min-width:0;margin-left:0}.commission-card .section-title,.invite-list>div{flex-direction:row;align-items:center}.invite-list>div{overflow:auto}.invited-users-card{padding:18px 14px}.invitee-table .table-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr);gap:7px;font-size:9px}.invitee-table time{white-space:normal}.knowledge-grid,.settings-grid{grid-template-columns:1fr}.knowledge-detail{padding:20px}.knowledge-body iframe{min-height:220px}.toolbar{flex-direction:column;align-items:stretch}.toolbar>.primary-button{flex:none}.auth-header{height:68px;padding:0 16px}.auth-main{grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;width:calc(100% - 28px);max-width:480px;min-height:calc(100vh - 68px);padding:25px 0 50px}.auth-story{text-align:center;justify-items:center;gap:8px;animation-name:authStoryRevealMobile;animation-duration:.62s;display:grid}.auth-story .auth-badge,.auth-story>small,.auth-feature-list{display:none}.auth-story h1{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:max(28px,min(9vw,40px));line-height:1.05}.auth-story>p{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:12px;line-height:1.55}.auth-card{border-radius:24px;padding:24px 19px;animation-name:authCardRevealMobile}.auth-switch{flex-direction:column;align-items:center}.language-menu{width:calc(100% - 24px);min-width:0;max-width:220px;position:fixed;top:61px;right:12px}.toast-stack{bottom:14px;left:14px;right:14px}.toast{width:100%;min-width:0}}@media (max-width:430px){.browser-gate{padding:14px}.browser-gate-card{border-radius:24px;padding:32px 20px}.stat-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.period-grid{grid-template-columns:1fr}.payment-list-head{flex-direction:column;align-items:stretch}.payment-account-balance{border-radius:13px;justify-content:space-between;width:100%;min-width:0}.traffic-summary-grid{grid-template-columns:1fr}.traffic-summary-grid article{min-height:72px}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.modal-actions>button{width:100%;min-width:0}.modal-backdrop{padding:10px;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:center;justify-items:center}.modal{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:22px;max-height:calc(100dvh - 20px)}.traffic-pagination{grid-template-columns:1fr 1fr;gap:8px}.traffic-pagination>span{grid-area:1/1/auto/-1}.traffic-pagination .outline-button{width:100%;min-height:44px}}@media (max-width:360px){.topbar{gap:6px;padding-left:10px;padding-right:10px}.menu-pill{padding:0 11px}.menu-pill-label{display:none}.language-pill strong{padding:8px;font-size:10px}.page-wrap,.auth-main{width:calc(100% - 20px)}.subscription-actions,.client-grid{grid-template-columns:minmax(0,1fr)}.modal-body,.modal-header{padding-left:14px;padding-right:14px}.inline-input{flex-direction:column}.inline-input button{width:100%;min-width:0;min-height:42px}.coupon-input-row{grid-template-columns:minmax(0,1fr)}.coupon-input-row button{width:100%}}@supports not (display:grid){.topbar{justify-content:space-between;display:flex}.topbar .brand{margin-right:auto}.topbar .desktop-navigation{margin-left:auto;margin-right:auto}.topbar .language-control{margin-left:auto}.brand-mark,.soft-icon,.client-logo,.plan-card li>span{justify-content:center;align-items:center;display:inline-flex}.usage-ring{justify-content:center;align-items:center;display:flex}.usage-ring>*{position:relative}.account-links-card>button,.menu-panel nav button,.table-row{display:flex}.account-links-card>button>span:nth-child(2),.menu-panel nav button>span:nth-child(2){flex:auto}.menu-panel nav button{margin-bottom:5px}.modal-backdrop,.qr-modal,.payment-qr{justify-content:center;align-items:center;display:flex}.qr-modal,.payment-qr{flex-direction:column}.form-stack,.form-field{display:block}.form-stack>*,.form-field>*{margin-bottom:7px}.dashboard-grid,.quick-grid,.plan-grid,.node-grid,.client-grid,.stat-grid,.knowledge-grid,.settings-grid,.period-grid{flex-wrap:wrap;align-items:stretch;display:flex}.dashboard-grid>*,.quick-grid>*,.plan-grid>*,.node-grid>*,.knowledge-grid>*{flex:calc(33.333% - 12px);margin:6px}.client-grid>*,.stat-grid>*{flex:calc(25% - 12px);margin:6px}.settings-grid>:first-child{flex:calc(62% - 12px);margin:6px}.settings-grid>:last-child{flex:calc(38% - 12px);margin:6px}.period-grid>*{flex:calc(50% - 12px);margin:6px}.auth-main{display:flex}.auth-story{flex:auto;margin-right:40px}.auth-card{flex:0 460px;width:460px}.order-table .table-row>:first-child{flex:1.55 0 0}.order-table .table-row>:nth-child(2){flex:1 0 0}.order-table .table-row>:nth-child(3){flex:.9 0 0}.order-table .table-row>:nth-child(4),.order-table .table-row>:nth-child(5){flex:.72 0 0}.order-table .table-row>:nth-child(6){flex:1.2 0 0}.order-table .table-row>:nth-child(7){flex:.72 0 0}.ticket-table .table-row>:first-child{flex:2 0 0}.ticket-table .table-row>:nth-child(2),.ticket-table .table-row>:nth-child(3){flex:.8 0 0}.ticket-table .table-row>:nth-child(4){flex:1.2 0 0}@media (max-width:980px){.dashboard-grid>*,.plan-grid>*,.node-grid>*,.stat-grid>*{flex-basis:calc(50% - 12px)}.dashboard-grid>.traffic-card{flex-basis:calc(100% - 12px)}.client-grid>*{flex-basis:calc(33.333% - 12px)}.auth-card{flex-basis:420px;width:420px}}@media (max-width:720px){.dashboard-grid>*,.quick-grid>*,.plan-grid>*,.node-grid>*,.knowledge-grid>*,.settings-grid>*{flex-basis:calc(100% - 12px)}.client-grid>*,.stat-grid>*{flex-basis:calc(50% - 12px)}.auth-main{flex-direction:column}.auth-story{flex:none;margin-bottom:18px;margin-right:0}.auth-card{flex:none;width:100%}}@media (max-width:430px){.stat-grid>*,.period-grid>*{flex-basis:calc(100% - 12px)}.modal-backdrop{align-items:center}}@media (max-width:360px){.client-grid>*{flex-basis:calc(100% - 12px)}}}:root[data-motion=soft] .ambient-orb{opacity:.1;animation-duration:28s}:root[data-motion=soft] .ambient-grid{opacity:.06;animation-duration:42s}:root[data-motion=soft] .hero-banner,:root[data-motion=soft] .plan-card.featured,:root[data-motion=soft] .usage-ring,:root[data-motion=soft] .usage-bar span,:root[data-motion=soft] .auth-ambient{animation-duration:18s}:root[data-motion=soft] .hero-banner:before,:root[data-motion=soft] .desktop-navigation:before,:root[data-motion=soft] .topbar:after,:root[data-motion=soft] .auth-card:before,:root[data-motion=off] .ambient-stage{display:none}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}