@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{min-height:100vh;width:100%}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}.bg-grid-pattern{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(180deg,#ffffff0d 1px,#0000 0);background-position:50%;background-size:20px 20px}#pricing{min-height:400px;overflow:visible!important;position:relative;z-index:2}.pricing-plans{margin-bottom:2rem}@media (max-width:640px){#pricing{padding-bottom:3rem;padding-top:3rem}.pricing-plans>div{margin-bottom:2rem}.pricing-plans button{margin-top:1rem;width:100%}}@media (max-width:768px){body,html{scroll-padding-top:120px}}@supports (-webkit-touch-callout:none){#pricing{padding-top:5rem!important}}.dark-theme .dashboard-card{background-color:#1f2937;border-color:#4b55634d;color:#f3f4f6}.dark-theme .dashboard-card-title{border-bottom-color:#4b55634d;color:#f3f4f6}.dark-theme table{color:#e5e7eb}.dark-theme thead tr{background-color:#111827;color:#9ca3af}.dark-theme tbody tr{background-color:initial}.dark-theme tbody tr:hover{background-color:#37415180}.dark-theme .bg-white,.dark-theme tbody td.sticky,.dark-theme td.sticky,.dark-theme th.sticky,.dark-theme thead th.sticky{background-color:#1f2937!important}.dark-theme input,.dark-theme select,.dark-theme textarea{background-color:#374151;border-color:#4b556380;color:#f3f4f6}.dark-theme input:focus,.dark-theme select:focus,.dark-theme textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f133}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:#9ca3af}.dark-theme .fixed.inset-0.z-50 .bg-white{background-color:#1f2937;color:#f3f4f6}.dark-theme .text-gray-700{color:#e5e7eb}.dark-theme .text-gray-600{color:#d1d5db}.dark-theme .text-gray-500{color:#9ca3af}.dark-theme .border-gray-300{border-color:#4b556380}.dark-theme .border-gray-200{border-color:#4b55634d}.dark-theme .pagination-button{background-color:#374151;border-color:#4b556380;color:#f3f4f6}.dark-theme .pagination-button:hover:not(:disabled){background-color:#4b5563}.dark-theme .pagination-button:disabled{background-color:#1f2937;color:#6b7280;cursor:not-allowed}.dark-theme .bg-green-100{background-color:#064e3b66}.dark-theme .text-green-800{color:#10b981}.dark-theme .border-green-200{border-color:#10b98166}.dark-theme .bg-red-100{background-color:#7f1d1d66}.dark-theme .text-red-800{color:#f87171}.dark-theme .border-red-200{border-color:#f8717166}.dark-theme .bg-yellow-100{background-color:#78350f66}.dark-theme .text-yellow-800{color:#fbbf24}.dark-theme .border-yellow-200{border-color:#fbbf2466}.dark-theme .bg-purple-100{background-color:#4c1d9566}.dark-theme .text-purple-800{color:#c084fc}.dark-theme .border-purple-200{border-color:#c084fc66}.dark-theme .bg-indigo-100{background-color:#3730a366}.dark-theme .text-indigo-800{color:#818cf8}.dark-theme .border-indigo-200{border-color:#818cf866}.dark-theme .bg-gray-100{background-color:#37415166}.dark-theme .text-gray-800{color:#d1d5db}.dark-theme .border-gray-200{border-color:#d1d5db66}.dark-theme .spinner{border-top-color:#818cf8}:root{--bg:#06060e;--bg2:#0a0a18;--p:#8b5cf6;--p2:#a78bff;--p3:#c4b5fd;--glow:#8b5cf680;--glow2:#8b5cf626;--cyan:#67e8f9;--cyan2:#67e8f91f;--text:#f5f3ff;--muted:#64638a;--muted2:#9493b8;--b:#8b5cf62e;--bh:#8b5cf680;--green:#10b981}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#06060e;background:var(--bg);color:#f5f3ff;color:var(--text);font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.05)}}@keyframes blink{0%,to{box-shadow:0 0 0 0 #67e8f980;opacity:1}60%{box-shadow:0 0 0 5px #67e8f900}}@keyframes cur{0%,to{opacity:1}50%{opacity:0}}.noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.028;z-index:900}.aurora,.noise{inset:0;pointer-events:none;position:fixed}.aurora{overflow:hidden;z-index:0}.orb{animation:drift 18s ease-in-out infinite alternate;border-radius:50%;filter:blur(90px);position:absolute}.orb1{animation-delay:0s;background:radial-gradient(circle,#6d28d938,#0000 70%);height:500px;left:20%;top:-150px;width:700px}.orb2{animation-delay:-7s;background:radial-gradient(circle,#67e8f91a,#0000 70%);height:400px;right:-80px;top:200px;width:500px}.orb3{animation-delay:-13s;background:radial-gradient(circle,#8b5cf626,#0000 70%);bottom:100px;height:300px;left:-60px;width:400px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.gcard{background:linear-gradient(#0a0a18,#0a0a18) padding-box,linear-gradient(145deg,#8b5cf673,#67e8f914 50%,#8b5cf60f) border-box;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,#8b5cf673 0,#67e8f914 50%,#8b5cf60f 100%) border-box;border:1px solid #0000;border-radius:16px;transition:all .25s}.gcard:hover{background:linear-gradient(#0a0a18,#0a0a18) padding-box,linear-gradient(145deg,#8b5cf6bf,#67e8f933 50%,#8b5cf626) border-box;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,#8b5cf6bf 0,#67e8f933 50%,#8b5cf626 100%) border-box;box-shadow:0 20px 60px #0006;transform:translateY(-3px)}.announce{align-items:center;background:linear-gradient(90deg,#6d28d900,#6d28d92e 50%,#6d28d900);border-bottom:1px solid #8b5cf633;color:#9493b8;color:var(--muted2);display:flex;font-size:12.5px;gap:10px;justify-content:center;letter-spacing:.3px;padding:9px 20px;position:relative;text-align:center;z-index:10}.announce strong{color:#c4b5fd;color:var(--p3);font-weight:600}.announce-pill{background:#8b5cf626;border:1px solid #8b5cf62e;border:1px solid var(--b);border-radius:20px;color:#c4b5fd;color:var(--p3);font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:2px 12px;text-decoration:none;transition:background .2s}.announce-pill:hover{background:#8b5cf647}nav{align-items:center;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:#06060eb3;border-bottom:1px solid #8b5cf61f;display:flex;height:62px;justify-content:space-between;padding:0 52px;position:sticky;top:0;transition:box-shadow .3s;z-index:100}nav.scrolled{box-shadow:0 4px 32px #0006}.logo{color:#f5f3ff;color:var(--text);font-size:17px;font-weight:700;gap:9px;letter-spacing:-.3px;text-decoration:none}.logo,.logo-mark{align-items:center;display:flex}.logo-mark{background:linear-gradient(135deg,#7c3aed,#67e8f9);border-radius:9px;box-shadow:0 0 18px #8b5cf680;font-size:15px;height:32px;justify-content:center;width:32px}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#64638a;color:var(--muted);font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#f5f3ff;color:var(--text)}.nav-r{align-items:center;display:flex;gap:10px}.btn-ghost{background:none;border:1px solid #8b5cf638;border-radius:8px;color:#9493b8;color:var(--muted2);cursor:pointer;font-family:inherit;font-size:13px;padding:7px 18px;transition:all .2s}.btn-ghost:hover{border-color:#a78bff;border-color:var(--p2);color:#f5f3ff;color:var(--text)}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;box-shadow:0 0 24px #8b5cf673,inset 0 1px 0 #ffffff1a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 0 36px #8b5cf6a6,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.hero{overflow:hidden;padding:110px 52px 100px;position:relative;text-align:center;z-index:1}.hero-vignette{background:radial-gradient(ellipse 70% 50% at 50% -5%,#6d28d938 0,#0000 65%),radial-gradient(ellipse 40% 30% at 80% 70%,#67e8f90f 0,#0000 60%)}.hero-grid,.hero-vignette{inset:0;pointer-events:none;position:absolute}.hero-grid{background-image:linear-gradient(rgba(139,92,246,.055) 1px,#0000 0),linear-gradient(90deg,rgba(139,92,246,.055) 1px,#0000 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(ellipse 90% 65% at 50% 0,#000 30%,#0000 100%)}.eyebrow{align-items:center;background:linear-gradient(135deg,#8b5cf61f,#67e8f90f);border:1px solid #8b5cf64d;border-radius:30px;color:#c4b5fd;color:var(--p3);display:inline-flex;font-size:11.5px;font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:32px;padding:6px 16px;position:relative;text-transform:uppercase}.eyebrow-dot{animation:blink 2.2s infinite;background:#67e8f9;background:var(--cyan);border-radius:50%;height:7px;width:7px}.hero h1{font-size:clamp(42px,5.5vw,76px);font-weight:800;letter-spacing:-2.5px;line-height:1.1;margin-bottom:24px;position:relative}.h1-plain{color:#f5f3ff;color:var(--text);display:block}.h1-grad{-webkit-text-fill-color:#0000;background:linear-gradient(125deg,#c4b5fd,#a78bff 35%,#67e8f9);-webkit-background-clip:text;background-clip:text;display:block}.typewriter-cursor{animation:cur 1s steps(1) infinite;background:#67e8f9;background:var(--cyan);display:inline-block;height:.85em;margin-left:4px;vertical-align:middle;width:3px}.hero-sub{color:#9493b8;color:var(--muted2);font-size:17px;line-height:1.75;margin:0 auto 42px;max-width:540px}.hero-sub .plat{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:5px;color:#c4b5fd;color:var(--p3);font-weight:600;padding:1px 7px;white-space:nowrap}.cta-group{display:flex;gap:12px;justify-content:center;margin-bottom:56px}.btn-hero{align-items:center;border-radius:11px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;padding:14px 30px;transition:all .25s}.btn-hero-p{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;box-shadow:0 0 40px #8b5cf68c,inset 0 2px 0 #ffffff14;color:#fff}.btn-hero-p:hover{box-shadow:0 0 60px #8b5cf6bf,inset 0 2px 0 #ffffff14;transform:translateY(-2px)}.btn-hero-g{background:#ffffff08;border:1px solid #8b5cf647;color:#9493b8;color:var(--muted2)}.btn-hero-g:hover{background:#8b5cf614;border-color:#a78bff;border-color:var(--p2);color:#f5f3ff;color:var(--text)}.cta-hint{color:#64638a;color:var(--muted);font-size:12px;letter-spacing:.3px;margin-bottom:42px;margin-top:-42px}.plat-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:64px}.plat-label{color:#64638a;color:var(--muted);font-size:12px;letter-spacing:.3px;margin-right:2px}.plat-chip{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;display:flex;font-size:12.5px;font-weight:600;gap:7px;letter-spacing:.2px;padding:7px 15px;transition:all .2s}.plat-chip:hover{background:#8b5cf60f;border-color:#8b5cf666}.chip-dot{border-radius:50%;height:8px;width:8px}.cd-tt{background:#00f2ea;box-shadow:0 0 6px #00f2ea80}.cd-fb{background:#1877f2;box-shadow:0 0 6px #1877f280}.cd-gg{background:#34a853;box-shadow:0 0 6px #34a85380}.stats-row{align-items:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a0a18e6,#0a0a18e6) padding-box,linear-gradient(90deg,#8b5cf64d,#67e8f926,#8b5cf61a) border-box;border:1px solid #0000;border-radius:18px;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:720px;overflow:hidden}.stat{flex:1 1;padding:26px 20px;position:relative;text-align:center}.stat+.stat:before{background:linear-gradient(180deg,#0000,#8b5cf64d,#0000);content:"";height:60%;left:0;position:absolute;top:20%;width:1px}.stat-n{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1}.stat-l{color:#64638a;color:var(--muted);font-size:11.5px;letter-spacing:.4px;margin-top:5px}.section{padding:90px 52px;position:relative;z-index:1}.tag{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:20px;color:#a78bff;color:var(--p2);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.9px;margin-bottom:18px;padding:4px 13px;text-transform:uppercase}.s-title{font-size:clamp(28px,3.5vw,46px);font-weight:800;letter-spacing:-1.2px;line-height:1.18;margin-bottom:14px}.s-title em{-webkit-text-fill-color:#0000;background:linear-gradient(125deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;font-style:normal}.s-desc{color:#9493b8;color:var(--muted2);font-size:15.5px;line-height:1.7;max-width:500px}.divider{background:linear-gradient(90deg,#0000,#8b5cf64d 30%,#67e8f933 70%,#0000);height:1px;margin:0 52px}.partners-bg{background:linear-gradient(180deg,#0000,#8b5cf60a 50%,#0000);padding:52px;position:relative;z-index:1}.partners-label{color:#64638a;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:1.2px;margin-bottom:30px;text-align:center;text-transform:uppercase}.partners-track{flex-wrap:wrap;gap:14px;justify-content:center}.partner-chip,.partners-track{align-items:center;display:flex}.partner-chip{background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:10px;color:#64638a;color:var(--muted);cursor:default;font-size:13px;font-weight:700;gap:9px;letter-spacing:.3px;padding:10px 20px;transition:all .2s;white-space:nowrap}.partner-chip:hover{background:#8b5cf614;border-color:#8b5cf647;color:#9493b8;color:var(--muted2)}.pc-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cases-bg{overflow:hidden;padding:80px 0 90px;position:relative;z-index:1}.cases-bg:before{background:radial-gradient(ellipse 70% 60% at 50% 100%,#6d28d91a,#0000 70%);bottom:0;content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0}.cases-title{margin-bottom:52px;padding:0 52px;text-align:center}.carousel-mask{overflow:hidden;position:relative;width:100%}.carousel-mask:after,.carousel-mask:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:220px;z-index:2}.carousel-mask:before{background:linear-gradient(90deg,#06060e 0,#0000);background:linear-gradient(to right,var(--bg) 0,#0000 100%);left:0}.carousel-mask:after{background:linear-gradient(270deg,#06060e 0,#0000);background:linear-gradient(to left,var(--bg) 0,#0000 100%);right:0}.carousel-track{align-items:flex-end;display:flex;gap:28px;padding:24px 0 48px;width:max-content;will-change:transform}.phone-wrap{align-items:center;cursor:default;display:flex;flex-direction:column;flex-shrink:0;gap:16px}.phone-frame{background:linear-gradient(160deg,#1e1e30,#0c0c1a);border:2px solid #ffffff1a;border-radius:34px;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px 0 #ffffff12;padding:10px 7px 12px;position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;width:158px}.phone-wrap:hover .phone-frame{box-shadow:0 40px 80px #000000a6,0 0 50px #8b5cf638;transform:translateY(-12px) scale(1.04)}.phone-wrap.featured .phone-frame{border-color:#8b5cf666;box-shadow:0 28px 70px #0009,0 0 40px #8b5cf640,inset 0 1px 0 #ffffff1a;width:180px}.phone-notch{background:#000;border-radius:0 0 7px 7px;height:7px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:56px;z-index:10}.phone-screen{border-radius:26px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.phone-label{color:#9493b8;color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.6px}.arch-bg{background:radial-gradient(ellipse 70% 55% at 50% 50%,#6d28d912,#0000 70%);padding:80px 52px;position:relative;z-index:1}.arch-inner{margin:0 auto;max-width:1080px}.pipeline{flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:48px}.pipe-node,.pipeline{align-items:center;display:flex}.pipe-node{background:hsla(0,0%,100%,.025);border:1px solid #8b5cf633;border-radius:12px;cursor:default;flex-direction:column;gap:6px;min-width:110px;padding:16px 18px;text-align:center;transition:all .2s}.pipe-node:hover{background:#8b5cf60f;border-color:#8b5cf680;transform:translateY(-2px)}.pipe-node.pipe-entry{background:#67e8f90a;border-color:#67e8f94d}.pipe-node.pipe-end{background:#10b9810a;border-color:#10b9814d}.pipe-icon{font-size:22px;line-height:1}.pipe-label{color:#f5f3ff;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.2px}.pipe-sub{color:#64638a;color:var(--muted);font-family:Courier New,monospace;font-size:10.5px;letter-spacing:.5px}.pipe-arrow{color:#8b5cf666;flex-shrink:0;font-size:18px;font-weight:700;padding:0 2px}.arch-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:36px}.arch-card{padding:26px}.arch-card-head{align-items:center;display:flex;gap:10px;margin-bottom:18px}.arch-badge{border:1px solid #0000;border-radius:8px;flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.6px;padding:3px 10px;white-space:nowrap}.arch-card-title{color:#f5f3ff;color:var(--text);font-size:14px;font-weight:700}.arch-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:18px}.arch-list li{align-items:flex-start;color:#9493b8;color:var(--muted2);display:flex;font-family:Courier New,monospace;font-size:12.5px;gap:9px;line-height:1.6}.arch-dot{border-radius:50%;flex-shrink:0;height:6px;margin-top:5px;width:6px}.arch-metric{align-items:center;background:#8b5cf612;border:1px solid #8b5cf62e;border-radius:8px;color:#9493b8;color:var(--muted2);display:inline-flex;font-size:12px;padding:5px 12px}.arch-metric strong{color:#c4b5fd;color:var(--p3);margin-left:4px}.infra-row{align-items:center;background:linear-gradient(#0a0a18cc,#0a0a18cc) padding-box,linear-gradient(90deg,#8b5cf640,#67e8f91f,#8b5cf614) border-box;border:1px solid #0000;border-radius:16px;display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:28px 0}.infra-item{flex:1 1;min-width:120px;padding:12px 20px;text-align:center}.infra-val{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-1px}.infra-key{color:#64638a;color:var(--muted);font-size:11.5px;letter-spacing:.3px;margin-top:4px}.infra-sep{background:linear-gradient(180deg,#0000,#8b5cf64d,#0000);flex-shrink:0;height:40px;width:1px}.feat-bg{padding:80px 52px;position:relative;z-index:1}.feat-inner{margin:0 auto;max-width:1080px}.tab-bar{display:flex;gap:6px;margin-bottom:38px}.tab{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;color:#64638a;color:var(--muted);display:flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.tab.on{background:#8b5cf61f;border:1px solid #8b5cf666;color:#c4b5fd;color:var(--p3)}.tdot{border-radius:50%;height:8px;width:8px}.feat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.feat-card{padding:26px}.feat-icon{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:10px;display:flex;flex-shrink:0;font-size:19px;height:42px;justify-content:center;margin-bottom:16px;width:42px}.feat-card h4{font-size:15px;font-weight:700;margin-bottom:8px}.feat-card p{color:#9493b8;color:var(--muted2);font-size:13.5px;line-height:1.65;margin-bottom:12px}.metric{align-items:center;background:#67e8f912;border:1px solid #67e8f92e;border-radius:6px;color:#67e8f9;color:var(--cyan);display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.3px;padding:3px 11px}.how-bg{background:radial-gradient(ellipse 60% 50% at 50% 80%,#6d28d912,#0000 70%);padding:80px 52px;position:relative;z-index:1}.how-inner{margin:0 auto;max-width:1080px}.steps{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-top:52px}.step{overflow:hidden;padding:28px 22px;position:relative}.step-bg-n{color:rgba(139,92,246,.045);font-size:80px;font-weight:900;line-height:1;pointer-events:none;position:absolute;right:14px;top:-10px}.step-n{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:8px;box-shadow:0 0 14px #8b5cf666;display:flex;font-size:13px;font-weight:800;height:32px;justify-content:center;margin-bottom:16px;width:32px}.step h4{font-size:15px;font-weight:700;margin-bottom:8px}.step p{color:#9493b8;color:var(--muted2);font-size:13px;line-height:1.65}.step-arr{color:#8b5cf666;font-size:20px;font-weight:800;position:absolute;right:-7px;top:50%;transform:translateY(-50%);z-index:2}.step-time{align-items:center;color:#10b981;color:var(--green);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;margin-top:12px}.cmp-bg{padding:80px 52px;position:relative;z-index:1}.cmp-inner{margin:0 auto;max-width:860px}.cmp-table{background:linear-gradient(#0a0a18,#0a0a18) padding-box,linear-gradient(135deg,#8b5cf64d,#67e8f91a,#8b5cf60d) border-box;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,#8b5cf64d,#67e8f91a,#8b5cf60d) border-box;border:1px solid #0000;border-collapse:initial;border-radius:16px;border-spacing:0;overflow:hidden;width:100%}.cmp-table td,.cmp-table th{font-size:13.5px;padding:14px 22px;text-align:left}.cmp-table thead th{background:#8b5cf614;border-bottom:1px solid #8b5cf626;color:#64638a;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cmp-table tbody tr{border-bottom:1px solid #8b5cf614;transition:background .15s}.cmp-table tbody tr:hover{background:#8b5cf60d}.cmp-table tbody tr:last-child{border-bottom:none}.cmp-table td:first-child{color:#f5f3ff;color:var(--text);font-weight:500}.col-y{color:#c4b5fd;color:var(--p3);font-weight:600}.col-n{color:#f87171}.ck{color:#67e8f9;color:var(--cyan)}.ck,.cx{font-size:15px}.cx{color:#f87171}.faq-bg{background:radial-gradient(ellipse 60% 50% at 50% 50%,#6d28d90d,#0000 70%);padding:80px 52px;position:relative;z-index:1}.faq-inner{margin:50px auto 0;max-width:720px}.faq-item{border-bottom:1px solid #8b5cf61f;overflow:hidden;transition:all .3s}.faq-item:first-child{border-top:1px solid #8b5cf61f}.faq-q{align-items:center;color:#f5f3ff;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:16px;justify-content:space-between;padding:20px 0;-webkit-user-select:none;user-select:none}.faq-q:hover{color:#c4b5fd;color:var(--p3)}.faq-icon{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:6px;color:#a78bff;color:var(--p2);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .3s;width:24px}.faq-item.open .faq-icon{background:#8b5cf640;transform:rotate(45deg)}.faq-a{color:#9493b8;color:var(--muted2);font-size:14px;line-height:1.75;max-height:0;overflow:hidden;padding-bottom:0;transition:max-height .4s ease,padding .3s ease}.faq-item.open .faq-a{max-height:300px;padding-bottom:20px}.pricing-bg{padding:80px 52px;position:relative;z-index:1}.pricing-inner{margin:0 auto;max-width:1080px}.pricing-toggle{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0 0}.ptog-label{color:#9493b8;color:var(--muted2);font-size:13px;font-weight:600}.ptog-label.active{color:#c4b5fd;color:var(--p3)}.ptog-switch{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .2s;width:44px}.ptog-switch.on{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.ptog-knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s;width:18px}.ptog-switch.on .ptog-knob{transform:translateX(20px)}.save-badge{background:#10b98126;border:1px solid #10b9814d;border-radius:10px;color:#10b981;color:var(--green);font-size:11px;font-weight:700;padding:2px 8px}.pricing-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-top:50px}.price-card{border-radius:18px;padding:26px 18px;position:relative;transition:all .25s}.price-card.featured{background:linear-gradient(#0a0a18,#0a0a18) padding-box,linear-gradient(145deg,#8b5cf6cc,#67e8f94d 60%,#8b5cf633) border-box;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(145deg,#8b5cf6cc,#67e8f94d 60%,#8b5cf633) border-box;border:1px solid #0000;box-shadow:0 0 60px #8b5cf62e,0 30px 60px #0000004d;transform:scale(1.04)}.price-card.featured:hover{transform:scale(1.06) translateY(-2px)}.featured-badge{background:linear-gradient(90deg,#7c3aed,#5b21b6);border-radius:20px;box-shadow:0 0 20px #8b5cf680;color:#fff;font-size:11px;font-weight:800;left:50%;letter-spacing:.6px;padding:4px 16px;position:absolute;text-transform:uppercase;top:-13px;transform:translateX(-50%);white-space:nowrap}.price-tier{color:#64638a;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.price-name{font-size:20px;font-weight:800;margin-bottom:18px}.price-amount{align-items:baseline;display:flex;gap:4px;margin-bottom:6px}.price-curr{color:#9493b8;color:var(--muted2);font-size:18px;font-weight:700}.price-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1}.price-per{color:#64638a;color:var(--muted);font-size:12px;margin-bottom:3px}.price-avg{color:#9493b8;color:var(--muted2);font-size:11.5px;margin-bottom:14px}.price-count{color:#67e8f9;color:var(--cyan);font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}.price-count-label{color:#64638a;color:var(--muted);font-size:11px;margin-bottom:18px}.price-desc{color:#9493b8;color:var(--muted2);font-size:13px;line-height:1.55;margin-bottom:24px}.price-divider{background:#8b5cf626;height:1px;margin-bottom:22px}.price-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:28px}.price-features li{align-items:flex-start;color:#9493b8;color:var(--muted2);display:flex;font-size:13.5px;gap:9px}.pf-ck{color:#67e8f9;color:var(--cyan)}.pf-ck,.pf-cx{flex-shrink:0;font-size:14px;margin-top:1px}.pf-cx{color:#f87171}.btn-plan{border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:13px;transition:all .2s;width:100%}.btn-plan-p{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;box-shadow:0 0 28px #8b5cf666;color:#fff}.btn-plan-p:hover{box-shadow:0 0 44px #8b5cf699;transform:translateY(-1px)}.btn-plan-g{background:#8b5cf614;border:1px solid #8b5cf64d;color:#c4b5fd;color:var(--p3)}.btn-plan-g:hover{background:#8b5cf629;border-color:#a78bff;border-color:var(--p2)}.price-note{color:#64638a;color:var(--muted);font-size:12.5px;margin-top:22px;text-align:center}.price-note a{color:#a78bff;color:var(--p2);text-decoration:none}.trust-row{flex-wrap:wrap;gap:28px;justify-content:center;margin-top:36px}.trust-badge,.trust-row{align-items:center;display:flex}.trust-badge{color:#9493b8;color:var(--muted2);font-size:12.5px;gap:7px}.tb-icon{font-size:16px}.btn-lang{background:#0000;border:1px solid #8b5cf647;border-radius:7px;color:#9493b8;color:var(--muted2);cursor:pointer;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.5px;line-height:1;padding:5px 12px;transition:all .2s}.btn-lang:hover{background:#8b5cf624;border-color:#a78bff;border-color:var(--p2);color:#c4b5fd;color:var(--p3)}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#06060ecc;display:flex;opacity:0;padding:20px;pointer-events:none;transition:opacity .25s;z-index:3000}.modal-overlay.show{display:flex!important;opacity:1;pointer-events:auto}.modal-box{background:linear-gradient(145deg,#0e0e1e,#13132a);border:1px solid #8b5cf647;border-radius:22px;box-shadow:0 32px 80px #0000008c,0 0 80px #8b5cf61f,inset 0 1px 0 #ffffff0f;max-width:420px;padding:36px 34px 30px;position:relative;transform:translateY(18px) scale(.96);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;width:100%}.modal-overlay.show .modal-box{transform:translateY(0) scale(1)}.modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#9493b8;color:var(--muted2);display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;position:absolute;right:18px;top:16px;transition:all .2s;width:30px}.modal-close:hover{background:#ffffff1f;border-color:#fff3;color:#f5f3ff;color:var(--text)}.modal-tabs{border-bottom:1px solid #8b5cf62e;display:flex;margin-bottom:28px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64638a;color:var(--muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;margin-bottom:-1px;padding:10px 0 12px;transition:all .22s}.modal-tab.active{border-bottom-color:#8b5cf6;border-bottom-color:var(--p);color:#f5f3ff;color:var(--text)}.modal-tab:hover:not(.active){color:#9493b8;color:var(--muted2)}.modal-field{margin-bottom:16px}.modal-label{color:#9493b8;color:var(--muted2);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:7px;text-transform:uppercase}.modal-input{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:10px;color:#f5f3ff;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.modal-input::placeholder{color:#64638a;color:var(--muted);font-size:13.5px}.modal-input:focus{background:#ffffff12;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.modal-input.err{border-color:#f8717199;box-shadow:0 0 0 3px #f871711a}.modal-code-row{display:flex;gap:8px}.modal-code-row .modal-input{flex:1 1;min-width:0}.btn-send-code{background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:10px;color:#c4b5fd;color:var(--p3);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:700;padding:12px 14px;transition:all .2s;white-space:nowrap}.btn-send-code:hover:not(:disabled){background:#8b5cf638;border-color:#a78bff;border-color:var(--p2)}.btn-send-code:disabled{cursor:not-allowed;opacity:.45}.modal-hint{color:#64638a;color:var(--muted);font-size:11.5px;line-height:1.45;margin-top:7px}.modal-forgot{margin-bottom:18px;margin-top:-8px;text-align:right}.modal-forgot a{color:#a78bff;color:var(--p2);font-size:12.5px;text-decoration:none;transition:color .2s}.modal-forgot a:hover{color:#c4b5fd;color:var(--p3);text-decoration:underline}.modal-agree{align-items:flex-start;cursor:pointer;display:flex;gap:9px;line-height:1.5;margin-bottom:20px}.modal-agree input[type=checkbox]{accent-color:#8b5cf6;accent-color:var(--p);cursor:pointer;flex-shrink:0;height:15px;margin-top:2px;width:15px}.modal-agree-text{color:#9493b8;color:var(--muted2);font-size:12.5px}.modal-agree-text a{color:#a78bff;color:var(--p2);text-decoration:none}.modal-agree-text a:hover{color:#c4b5fd;color:var(--p3);text-decoration:underline}.modal-agree-text .legal-link,.modal-agree-text .legal-link:visited{background:none;border:none;color:#a78bff;color:var(--p2);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.modal-agree-text .legal-link:hover{color:#c4b5fd;color:var(--p3);text-decoration:underline}.btn-modal-submit{background:linear-gradient(135deg,#7c3aed,#5b8ef6 50%,#22d3ee);border:none;border-radius:11px;box-shadow:0 4px 28px #8b5cf666;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:13.5px;position:relative;transition:all .25s;width:100%}.btn-modal-submit:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn-modal-submit:hover{box-shadow:0 6px 40px #8b5cf68c;transform:translateY(-1px)}.btn-modal-submit:hover:before{opacity:1}.btn-modal-submit:active{transform:translateY(0)}.btn-modal-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.modal-divider:after,.modal-divider:before{background:#8b5cf626;content:"";flex:1 1;height:1px}.modal-divider span{color:#64638a;color:var(--muted);font-size:12px;white-space:nowrap}.modal-switch{color:#9493b8;color:var(--muted2);font-size:13px;margin-top:18px;text-align:center}.modal-switch a{color:#a78bff;color:var(--p2);font-weight:600;text-decoration:none;transition:color .2s}.modal-switch a:hover{color:#c4b5fd;color:var(--p3)}.modal-msg{border-radius:9px;display:none;font-size:13px;margin-bottom:16px;padding:10px 14px;text-align:center}.modal-msg.success{background:#10b9811f;border:1px solid #10b9814d;color:#10b981}.modal-msg.error{background:#f871711a;border:1px solid #f8717140;color:#f87171}html:not([lang=en]) .i18n-en,html[lang=en] .i18n-zh{display:none!important}.cta-bg{overflow:hidden;padding:100px 52px;position:relative;text-align:center;z-index:1}.cta-glow{background:radial-gradient(ellipse,#6d28d938,#0000 65%);height:350px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.cta-bg h2{font-size:clamp(34px,4.5vw,58px);font-weight:800;letter-spacing:-2px;line-height:1.15;margin-bottom:18px;position:relative}.cta-bg p{color:#9493b8;color:var(--muted2);font-size:17px;margin-bottom:40px;position:relative}.cta-row{display:flex;gap:12px;justify-content:center;position:relative}.float-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#06060ef2,#06060ef2) padding-box,linear-gradient(90deg,#8b5cf666,#67e8f926) border-box;border-top:1px solid #0000;bottom:0;display:flex;gap:20px;justify-content:space-between;left:0;padding:14px 52px;position:fixed;right:0;transform:translateY(100%);transition:transform .4s ease;z-index:9999}.float-bar.show{transform:translateY(0)}.float-bar-text{color:#9493b8;color:var(--muted2);font-size:14px}.float-bar-text strong{color:#f5f3ff;color:var(--text)}.float-bar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.float-bar-close{background:none;border:none;color:#64638a;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:color .2s}.float-bar-close:hover{color:#f5f3ff;color:var(--text)}.social-popup{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a18f2;border:1px solid #8b5cf64d;border-radius:12px;bottom:80px;box-shadow:0 8px 32px #0006;display:flex;gap:12px;left:24px;max-width:300px;min-width:240px;padding:12px 16px;position:fixed;transform:translateX(-120%);transition:transform .4s ease;z-index:500}.social-popup.show{transform:translateX(0)}.sp-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#67e8f9);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.sp-text{color:#9493b8;color:var(--muted2);font-size:12.5px;line-height:1.5}.sp-text strong{color:#f5f3ff;color:var(--text);display:block}.sp-close{background:none;border:none;color:#64638a;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:15px;line-height:1;margin-left:auto;padding:0}footer{border-top:1px solid #8b5cf61f;justify-content:space-between;padding:32px 52px;position:relative;z-index:1}.foot-l,footer{align-items:center;display:flex}.foot-l{gap:14px}.foot-brand{align-items:center;display:flex;font-size:15px;font-weight:700;gap:8px}.foot-copy{color:#64638a;color:var(--muted);font-size:12.5px}footer nav{display:flex;gap:22px}footer nav a{color:#64638a;color:var(--muted);font-size:12.5px;text-decoration:none;transition:color .2s}footer nav a:hover{color:#f5f3ff;color:var(--text)}.nav-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:4px;width:36px}.nav-toggle span{background:#9493b8;background:var(--muted2);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s;width:100%}nav.open .nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}nav.open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-drawer{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06060ef7;bottom:0;display:none;flex-direction:column;gap:32px;justify-content:center;left:0;padding:80px 32px 40px;position:fixed;right:0;top:0;z-index:99}nav.open~.nav-drawer{display:flex}.nav-drawer a{color:#f5f3ff;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.5px;text-decoration:none;transition:color .2s}.nav-drawer a:hover{color:#a78bff;color:var(--p2)}.nav-drawer-btns{display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:280px;width:100%}.nav-drawer-btns button{border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px;width:100%}@media (max-width:900px){nav{padding:0 24px}.nav-links,.nav-r .btn-ghost{display:none}.nav-toggle{display:flex}.hero{padding:80px 28px 72px}.steps{grid-template-columns:1fr 1fr}.step-arr{display:none}.pricing-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:480px}.price-card.featured{order:-1;transform:none}.arch-grid{grid-template-columns:1fr}.pipeline{gap:4px}.pipe-arrow{display:none}.infra-row{gap:10px}.infra-sep{display:none}footer{flex-direction:column;gap:18px;text-align:center}footer nav{justify-content:center}.divider{margin:0 28px}.float-bar{padding:14px 24px}}@media (max-width:640px){.announce{flex-wrap:wrap;font-size:11.5px;gap:5px;line-height:1.5;padding:8px 16px}nav{height:56px;padding:0 20px}.btn-primary{font-size:12.5px;padding:7px 16px}.hero{padding:60px 20px 56px}.hero h1{letter-spacing:-1.2px;margin-bottom:20px}.h1-plain{display:block}.hero-sub{font-size:15px;margin-bottom:32px}.hero-sub br{display:none}.cta-group{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:40px}.btn-hero{font-size:14.5px;justify-content:center;padding:14px 20px}.plat-row{gap:7px;margin-bottom:44px}.plat-label{margin-bottom:4px;margin-right:0;text-align:center;width:100%}.stats-row{border-radius:14px;display:grid;grid-template-columns:1fr 1fr;max-width:100%}.stat{padding:18px 10px}.stat+.stat:before{display:none}.stat:first-child,.stat:nth-child(3){border-right:1px solid #8b5cf633}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid #8b5cf61f}.stat-n{font-size:26px;letter-spacing:-.5px}.stat-l{font-size:10.5px}.arch-bg,.cmp-bg,.faq-bg,.feat-bg,.how-bg,.partners-bg,.pricing-bg{padding:60px 20px}.cta-bg{padding:70px 20px}.divider{margin:0 20px}.section{padding:60px 20px}.s-title{letter-spacing:-.8px}.partners-track{gap:8px}.partner-chip{font-size:12px;padding:7px 13px}.tab-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px}.tab{flex-shrink:0;font-size:13px;padding:9px 16px;white-space:nowrap}.feat-grid{gap:14px;grid-template-columns:1fr}.feat-card{padding:22px 20px}.steps{gap:12px;grid-template-columns:1fr;margin-top:36px}.step{padding:22px 20px}.cmp-wrap{-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto}.cmp-table{border-radius:0;min-width:520px}.cmp-table td,.cmp-table th{font-size:12.5px;padding:12px 16px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card{padding:22px 16px}.price-num{font-size:30px}.cta-bg h2{letter-spacing:-1px}.cta-bg p{font-size:15px;margin-bottom:30px}.cta-row{align-items:stretch;flex-direction:column;gap:10px}footer{gap:16px;padding:28px 20px}footer nav{flex-wrap:wrap;gap:14px 20px;justify-content:center}.foot-l{align-items:center;flex-direction:column;gap:8px;text-align:center}.orb1{height:200px;width:280px}.orb1,.orb2{filter:blur(60px)}.orb2{height:180px;width:220px}.orb3{height:140px;width:180px}.float-bar{flex-wrap:wrap;padding:12px 16px}.float-bar-text{font-size:13px}.social-popup{left:12px;max-width:260px;min-width:220px}}@media (max-width:375px){.hero h1{font-size:36px}.stat-n{font-size:22px}.plat-chip{font-size:11.5px;padding:6px 10px}.partner-chip{font-size:11px;padding:6px 10px}}.contact-modal-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.contact-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;inset:0;position:absolute}.contact-modal-box{background:linear-gradient(180deg,#6366f133,#000000e6);border:1px solid #8b5cf64d;border-radius:24px;max-width:420px;padding:32px;position:relative;width:100%}.contact-modal-close{background:none;border:none;color:#9493b8;cursor:pointer;font-size:20px;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s}.contact-modal-close:hover{color:#f5f3ff}.contact-modal-header{margin-bottom:28px;text-align:center}.contact-modal-header h3{color:#f5f3ff;font-size:24px;font-weight:700;margin-bottom:10px}.contact-modal-header p{color:#a78bfa;font-size:14px;line-height:1.5}.contact-modal-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.contact-item{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:18px 20px;transition:all .2s}.contact-item:hover{background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-2px)}.contact-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-icon svg{height:24px;width:24px}.contact-info{flex:1 1}.contact-type{color:#a78bfa;font-size:13px;margin-bottom:2px}.contact-id{color:#f5f3ff;font-size:16px;font-weight:600}.contact-arrow{color:#a78bfa;font-size:24px}.contact-modal-footer{border-top:1px solid #8b5cf61a;color:#64638a;font-size:13px;padding-top:16px;text-align:center}.qr-modal-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:110}.qr-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:absolute}.qr-modal-box{background:#fff;border-radius:16px;max-width:400px;padding:32px;position:relative;width:100%}.qr-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:4px;position:absolute;right:12px;top:12px}.qr-image{border-radius:8px;height:auto;width:100%}.qr-placeholder{padding:40px 20px;text-align:center}.qr-placeholder p{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.qr-copy-btn{background:#07c160;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.qr-copy-btn:hover{background:#06a854}:root{--bg-primary:#1a2236;--bg-sidebar:linear-gradient(180deg,#4f46e5,#7c3aed 50%,#8b5cf6);--bg-sidebar-solid:#0e1422;--bg-input:#1e293b;--bg-secondary:#1e293b;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-indigo:#6366f1;--accent-purple:#a78bfa;--accent-cyan:#22d3ee;--success-bg:#10b98133;--success-text:#10b981;--error-bg:#ef444433;--error-text:#ef4444;--t1:#f8fafc;--t2:#cbd5e1;--t3:#94a3b8;--shadow-color:#0006;--highlight-color:#ffffff1a;--transition-speed:0.22s}.light-theme{--bg-base:#f8fafc;--bg-primary:#f1f5f9;--bg-sidebar:linear-gradient(180deg,#4f46e5,#7c3aed 50%,#8b5cf6);--bg-sidebar-solid:#f1f5f9;--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#fff;--bg-secondary:#fff;--border:#e2e8f0;--border-color:#cbd5e1;--border-light:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4a9eff;--accent-d:#2563eb;--accent-indigo:#4338ca;--accent-purple:#7e22ce;--accent-cyan:#0891b2;--teal:#06d6a0;--orange:#f59e0b;--purple:#8b5cf6;--red:#ef4444;--green:#22c55e;--success-bg:#dcfce7;--success-text:#166534;--error-bg:#fee2e2;--error-text:#b91c1c;--t1:#0f172a;--t2:#475569;--t3:#94a3b8;--shadow-color:#0000001a;--highlight-color:#0000000d}.app,.dashboard-container{background-color:#0b0f1a;background-color:var(--bg-base);color:#f8fafc;color:var(--t1);font-size:13px}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--bg-sidebar-solid);position:relative;transition:width .22s,min-width .22s;transition:width var(--transition-speed),min-width var(--transition-speed)}@media (max-width:767px){.sidebar{min-width:220px;transform:translateX(-100%);width:220px}.sidebar.mobile-open{transform:translateX(0)}}.brand-logo{font-size:15px;transition:transform .2s,box-shadow .2s}.brand-logo:hover{box-shadow:0 0 24px #8b5cf6b3;transform:scale(1.05)}.brand-name{color:#f8fafc;color:var(--t1);font-size:15px}.collapse-btn{background:#1e293b;color:#cbd5e1;cursor:pointer;font-size:12px;transition:transform var(--transition-speed)}.group-label{color:#94a3b8;font-size:10px}.nav-item{color:#cbd5e1;text-decoration:none}.nav-item:hover{color:#f8fafc}.nav-icon{font-size:15px}.nav-text{font-size:13px}.nav-badge{font-size:10px}.submenu{border-left:1px dashed #fff3;margin-left:16px;padding-left:8px}.submenu .sidebar-menu-item{padding:10px 16px}.menu-group.expanded .menu-group-toggle{color:#fff}.sidebar-footer{background:#0000001a;border-top:1px solid #ffffff1a;color:#fff9;font-size:.8rem;padding:16px;text-align:center}.notice-banner{font-size:12px}.topbar{background:var(--bg-sidebar-solid)}.topbar-breadcrumb{color:#cbd5e1;font-size:13px}.topbar-breadcrumb .current{color:#f8fafc}.tb-btn{background:#1e293b;color:#cbd5e1;cursor:pointer;font-size:12px}.tb-avatar{color:#fff;font-size:11px}.tb-username{color:#cbd5e1;font-size:12px}.lang-selector{position:relative}.lang-toggle{cursor:pointer}.lang-dropdown{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:6px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.lang-option{color:#f8fafc;color:var(--t1);cursor:pointer;font-size:13px;padding:8px 14px;transition:background .15s}.lang-option:hover{background:#1e293b;background:var(--bg-input)}.lang-option.active{background:#4a9eff14;color:#4a9eff;color:var(--accent);font-weight:600}.user-role-badge{border-radius:10px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.02em;line-height:1.5;padding:1px 6px}.dashboard-page-content{background-color:#1a2236;background-color:var(--bg-primary);min-height:calc(100vh - 64px);padding:24px;transition:background-color .22s;transition:background-color var(--transition-speed)}.stat-label{color:#cbd5e1;font-size:12px}.stat-val{font-size:26px}.stat-sub{color:#94a3b8;font-size:11px}.spinner{border:3px solid #3f51b533;border-top-color:#3f51b5}.table-wrap{margin-bottom:14px}.table-toolbar-title{color:#f8fafc;color:var(--t1);font-size:13px}th{color:#cbd5e1}td,th{font-size:12px}td{color:#f8fafc}.td-mono{color:#cbd5e1;font-size:11px}.btn{cursor:pointer;font-size:12px;transition:all .15s}.btn-default{background:#1e293b;color:#f8fafc}.btn-sm{font-size:11px}.btn-lg{font-size:13px}.btn-lg:hover{background-color:#ffffff1a;background-color:var(--highlight-color);border-color:#334155;border-color:var(--border-color)}@media (max-width:576px){.dashboard-card,.dashboard-page-content{padding:16px}.data-table td,.data-table th{padding:10px 12px}}.theme-toggle{align-items:center;border:1px solid #334155;border:1px solid var(--border-color);border-radius:50%;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:8px;transition:all .22s;transition:all var(--transition-speed);width:40px}.theme-toggle,.theme-toggle:hover{background:#ffffff1a;background:var(--highlight-color)}.theme-toggle:hover{box-shadow:0 2px 8px #0006;box-shadow:0 2px 8px var(--shadow-color);transform:scale(1.05)}.theme-toggle svg{height:20px;width:20px}.language-toggle{align-items:center;border:1px solid #334155;border:1px solid var(--border-color);border-radius:20px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:40px;justify-content:center;margin-right:8px;padding:0 12px;transition:all .22s;transition:all var(--transition-speed)}.language-toggle,.language-toggle:hover{background:#ffffff1a;background:var(--highlight-color)}.language-toggle:hover{box-shadow:0 2px 8px #0006;box-shadow:0 2px 8px var(--shadow-color);transform:scale(1.05)}.user-dropdown{background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border)}.user-dropdown,.user-dropdown-item{color:var(--dropdown-text)}.user-dropdown-item:hover{background-color:var(--dropdown-hover)}.auth-container{background-color:#1a2236;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);display:flex;min-height:100vh;transition:background-color .22s,color .22s;transition:background-color var(--transition-speed),color var(--transition-speed)}.auth-content{display:flex;min-height:100vh;width:100%}.auth-decoration{background:linear-gradient(180deg,#4f46e5,#8b5cf6);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3.5rem 3rem;position:relative;width:45%}.auth-decoration:before{background:radial-gradient(circle,#ffffff1a 0,#0000 65%);height:90%;right:-30%;top:-40%;width:90%}.auth-decoration:after,.auth-decoration:before{content:"";pointer-events:none;position:absolute}.auth-decoration:after{background:radial-gradient(ellipse,#8b5cf62e 0,#0000 60%);bottom:-15%;height:50%;left:10%;width:50%}.auth-decoration-content{display:flex;flex-direction:column;padding-top:1rem}.auth-logo{align-items:center;display:flex;font-size:2rem;font-weight:700;letter-spacing:.02em;margin-bottom:4.8rem}.auth-logo svg{height:42px;margin-right:.7rem;width:42px}.auth-decoration-text h1{font-size:3.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:2.1rem;text-shadow:0 2px 6px #0000001f}.auth-decoration-text p{font-size:1.5rem;line-height:1.55;max-width:350px;opacity:.95;text-shadow:0 1px 3px #00000014}.auth-decoration-footer{font-size:1.24rem;opacity:.75}.auth-form-container{display:flex;flex:1 1;flex-direction:column;padding:2rem}.auth-settings{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.auth-language-toggle,.auth-theme-toggle{align-items:center;background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #0006;box-shadow:0 2px 4px var(--shadow-color);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.auth-language-toggle:hover,.auth-theme-toggle:hover{background-color:#ffffff1a;background-color:var(--highlight-color);box-shadow:0 4px 8px #0006;box-shadow:0 4px 8px var(--shadow-color);transform:scale(1.1)}.auth-language-toggle:active,.auth-theme-toggle:active{transform:scale(.95)}.auth-theme-toggle svg{transition:transform .3s ease}.auth-theme-toggle:hover svg{transform:rotate(15deg)}.auth-back-home{margin-bottom:2rem}.auth-back-link{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:1.17rem;text-decoration:none}.auth-back-link svg{margin-right:.5rem}.auth-back-link:hover{color:#6366f1;color:var(--accent-indigo)}.auth-form-content{margin:0 auto;max-width:450px;width:100%}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-form-header h2{color:#f8fafc;color:var(--text-primary);font-size:2.28rem;font-weight:700;margin-bottom:.5rem}.auth-form-header p{color:#94a3b8;color:var(--text-muted);font-size:1.24rem}.auth-toggle-mode-btn{background:none;border:none;color:#6366f1;color:var(--accent-indigo);cursor:pointer;font-weight:500;padding:0 .25rem}.auth-toggle-mode-btn:hover{text-decoration:underline}.auth-tabs{margin-bottom:2rem;position:relative}.auth-tabs-buttons{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);display:flex}.auth-tab-btn{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:1.3rem;font-weight:500;padding:.75rem 0;text-align:center;transition:color .2s}.auth-tab-btn.active{color:#f8fafc;color:var(--text-primary)}.auth-tab-indicator{background:linear-gradient(90deg,#6366f1,#a78bfa);background:linear-gradient(to right,var(--accent-indigo),var(--accent-purple));bottom:0;height:2px;position:absolute;width:50%}.auth-error-message{background-color:#ef444433;background-color:var(--error-bg);color:#ef4444;color:var(--error-text)}.auth-error-message,.auth-success-message{border-radius:.375rem;font-size:1.14rem;margin-bottom:1.5rem;padding:.75rem 1rem}.auth-success-message{background-color:#10b98133;background-color:var(--success-bg);color:#10b981;color:var(--success-text)}.auth-form{gap:1.25rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group label{color:#cbd5e1;color:var(--text-secondary);font-size:1.17rem;font-weight:500;margin-bottom:.5rem}.auth-form-group input[type=email],.auth-form-group input[type=password],.auth-form-group input[type=text]{background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.375rem;color:#f8fafc;color:var(--text-primary);font-size:1.3rem;padding:1rem 1.3rem;transition:all .2s}.auth-form-group input:focus{border-color:#6366f1;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #4f46e533;outline:none}.auth-form-group input.error{border-color:#ef4444;border-color:var(--error-text)}.auth-verification-group{display:flex;gap:.5rem}.auth-verification-group input{flex:1 1}.auth-send-code-btn{background:linear-gradient(90deg,#6366f1,#a78bfa);background:linear-gradient(to right,var(--accent-indigo),var(--accent-purple));border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:opacity .2s;white-space:nowrap}.auth-send-code-btn.disabled{cursor:not-allowed;opacity:.6}.auth-field-error{color:#ef4444;color:var(--error-text);font-size:1.04rem;margin-top:.25rem}.auth-options,.auth-terms{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.auth-checkbox-group,.auth-remember-me{align-items:center;display:flex;gap:.5rem}.auth-forgot-password{background:none;border:none;color:#6366f1;color:var(--accent-indigo);cursor:pointer;font-size:1.17rem}.auth-forgot-password:hover{text-decoration:underline}.auth-link{background:none;border:none;color:#6366f1;color:var(--accent-indigo);cursor:pointer;font:inherit;padding:0;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-submit-btn{background:linear-gradient(90deg,#6366f1,#a78bfa);background:linear-gradient(to right,var(--accent-indigo),var(--accent-purple));border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;margin-top:1rem;padding:1.14rem;transition:all .2s}.auth-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-submit-btn.loading{cursor:not-allowed;opacity:.8}.auth-loading-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center}.auth-spinner{animation:spin 1s linear infinite;height:1rem;width:1rem}@media (max-width:1024px){.auth-decoration{padding:2rem;width:35%}.auth-logo{margin-bottom:2rem}.auth-decoration-text h1{font-size:2rem}}@media (max-width:768px){.auth-content{flex-direction:column}.auth-decoration{justify-content:center;min-height:250px;padding:2rem 1.5rem;width:100%}.auth-decoration-content{align-items:center;text-align:center}.auth-decoration-footer{display:none}.auth-form-container{padding:1.5rem}.auth-form-content{max-width:100%}}.auth-steps-indicator{justify-content:space-between;margin:20px 0 30px}.auth-step,.auth-steps-indicator{align-items:center;display:flex;position:relative}.auth-step{flex-direction:column;width:33%;z-index:2}.auth-step-circle{align-items:center;background-color:var(--bg-tertiary);border-radius:50%;color:#94a3b8;color:var(--text-muted);display:flex;font-weight:700;height:30px;justify-content:center;margin-bottom:8px;transition:all .3s;width:30px}.auth-step.active .auth-step-circle{background:var(--btn-primary-gradient);color:#fff}.auth-step-label{color:#94a3b8;color:var(--text-muted);font-size:12px;max-width:100px;text-align:center;transition:all .3s}.auth-step.active .auth-step-label{color:#f8fafc;color:var(--text-primary);font-weight:500}.auth-step-line{background-color:var(--bg-tertiary);flex-grow:1;height:2px;margin:0 5px;position:relative;top:-15px;z-index:1}.auth-step-line.active{background:var(--btn-primary-gradient)}.auth-form-description{font-size:14px;line-height:1.5;margin-bottom:15px}.auth-form-description,.auth-hint{color:#94a3b8;color:var(--text-muted)}.auth-hint{font-size:12px;margin-top:6px}.badge{font-size:11px}.badge-gray,.pagination{color:#cbd5e1}.pagination{font-size:12px}.pagi-btn{background:#1e293b;color:#cbd5e1;font-size:11px}.pagi-goto input{background:#1e293b;color:#f8fafc}.page-size-sel{background:#1e293b;color:#cbd5e1}.filter-bar{justify-content:space-between}.filter-fields{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-label{color:#cbd5e1;font-size:12px}.fi{background:#1e293b;box-sizing:border-box;color:#f8fafc;width:100%}.fi:focus{outline:none}.filter-btns{align-items:center;flex-wrap:wrap;gap:8px}.page-title{color:#f8fafc;font-size:17px}.page-sub{color:#cbd5e1;font-size:12px}.empty{color:#94a3b8}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:3px solid #4a9eff33;border-top:3px solid var(--accent);height:40px;width:40px}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-input);border-radius:3px}.modal::-webkit-scrollbar-thumb{background:#2e3d5a;background:var(--border-light);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.modal::-webkit-scrollbar-thumb:hover{background:#4a9eff;background:var(--accent)}.modal-title{color:#f8fafc;color:var(--t1);font-size:15px}.modal-close{color:#cbd5e1}.modal-close:hover{color:#f8fafc}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-input);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#2e3d5a;background:var(--border-light);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a9eff;background:var(--accent)}.form-label{color:#cbd5e1}.form-error,.form-label{font-size:12px}.fi-error{border-color:#ef4444!important;border-color:var(--red)!important}.form-select{background:#1e293b;border-radius:6px;color:#f8fafc;flex:1 1;height:32px;padding:0 10px}.form-select:focus{outline:none}.form-hint{color:#94a3b8;font-size:11px}.form-textarea{background:#1e293b;border-radius:6px;color:#f8fafc;font-family:inherit;font-size:13px}.form-textarea:focus{outline:none}.mode-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mode-card{border:1px solid #253047;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.mode-card:hover{background:#4a9eff0d}.mode-card.selected,.mode-card:hover{border-color:#4a9eff;border-color:var(--accent)}.mode-card.selected{background:#4a9eff1a}.mode-card-title{align-items:center;color:#f8fafc;color:var(--t1);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.mode-card-desc{color:#cbd5e1;color:var(--t2);font-size:11px;line-height:1.4}.region-selector{position:relative}.region-dropdown{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.region-dropdown::-webkit-scrollbar{width:6px}.region-dropdown::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-input);border-radius:3px}.region-dropdown::-webkit-scrollbar-thumb{background:#2e3d5a;background:var(--border-light);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.region-dropdown::-webkit-scrollbar-thumb:hover{background:#4a9eff;background:var(--accent)}.cloak-dropdown-list::-webkit-scrollbar{width:6px}.cloak-dropdown-list::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-input);border-radius:3px}.cloak-dropdown-list::-webkit-scrollbar-thumb{background:#2e3d5a;background:var(--border-light);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.cloak-dropdown-list::-webkit-scrollbar-thumb:hover{background:#4a9eff;background:var(--accent)}.region-item{align-items:center;color:#f8fafc;color:var(--t1);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.region-item:hover{background:#4a9eff1a}.region-tag{align-items:center;background:#1e293b;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:4px;color:#f8fafc;color:var(--t1);display:inline-flex;font-size:11px;gap:4px;margin:2px;padding:2px 8px}.region-tag-remove{cursor:pointer;opacity:.7}.region-tag-remove:hover{opacity:1}.platform-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:70%}.platform-btn{align-items:center;background:#1e293b;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#f8fafc;color:var(--t1);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s;white-space:nowrap}.platform-btn.selected,.platform-btn:hover{border-color:#4a9eff;border-color:var(--accent)}.platform-btn.selected{background:#4a9eff1a;color:#4a9eff;color:var(--accent)}.toast{color:#f8fafc;gap:10px;z-index:2000}.toast-success{border-color:#22c55e;border-color:var(--green)}.toast-error{border-color:#ef4444;border-color:var(--red)}.toast-icon{font-size:16px}.light-theme{.min-w-full td button.gap-row{background:#00000008;border:1px solid #253047;border:1px solid var(--border);border-radius:8px;padding:6px 10px;transition:all .2s}.min-w-full td button.gap-row:hover{background:#4a9eff14;border-color:#4a9eff;border-color:var(--accent)}.action-btn{background:#0000000a;border:1px solid #253047;border:1px solid var(--border)}.action-btn:hover{background:#4a9eff14;border-color:#4a9eff;border-color:var(--accent)}.action-btn-danger{background:#ef44440f;border-color:#ef444433}.action-btn-danger:hover{background:#ef44441f;border-color:#ef4444;border-color:var(--red)}.action-btn-success{background:#22c55e0f;border-color:#22c55e33}.action-btn-success:hover{background:#22c55e1f;border-color:#22c55e;border-color:var(--green)}.min-w-full{border-collapse:collapse;border-spacing:0}.min-w-full td,.min-w-full th{border:none;border-bottom:1px solid #253047;border-bottom:1px solid var(--border)}.min-w-full th{background:#00000005}.min-w-full tbody tr:hover{background:#4a9eff0a}}.payment-detail-modal-overlay{z-index:1001}.payment-detail-modal{max-height:85vh;max-width:94vw;width:640px}.payment-detail-modal-hd{padding:16px 20px}.payment-detail-modal-title{color:#f8fafc;font-size:15px}.payment-detail-modal-body{padding:20px}.payment-detail-modal-ft{gap:8px;padding:14px 20px}.payment-detail-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.payment-detail-field{display:flex;flex-direction:column;gap:4px}.payment-detail-label{color:#cbd5e1;font-size:11px}.payment-detail-value{color:#f8fafc;font-size:13px;word-break:break-all}.payment-detail-value-indigo{color:#6366f1;color:var(--accent-indigo)}.payment-detail-remark{background:#1e293b;border-radius:6px;color:#cbd5e1;color:var(--t2);font-size:13px;line-height:1.5;padding:10px 12px}.payment-detail-image-wrap{background:#1e293b;background:var(--bg-input);cursor:pointer;max-width:100%}.payment-detail-image{max-height:300px;max-width:400px;transition:transform .15s;width:100%}.payment-detail-image:hover{transform:scale(1.02)}.image-preview-overlay{background:#000c;z-index:2000}.image-preview-img{border-radius:8px;max-height:80vh}.image-preview-close{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);color:#cbd5e1;color:var(--t2);font-size:16px;height:32px;right:-10px;top:-10px;width:32px;z-index:1}.image-preview-close:hover{border-color:#4a9eff;border-color:var(--accent);color:#f8fafc;color:var(--t1)}.fi-block{border-radius:6px;height:30px;padding:0 10px}.fi-block,.fi-block-textarea{background:#1e293b;box-sizing:border-box;color:#f8fafc}.fi-block-textarea{background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:var(--t1);font-family:inherit;font-size:13px;min-height:60px;padding:8px 10px;width:100%}.fi-block-textarea:focus{border-color:#4a9eff;border-color:var(--accent);outline:none}.legal-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0 auto;max-width:1000px;padding:40px 20px}.legal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px}.legal-title{color:#1a1a1a;font-size:2.2rem;margin-bottom:10px;text-align:center}.legal-date{color:#666;font-size:.9rem;margin-bottom:30px;text-align:center}.legal-container .legal-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.legal-container .legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-container .legal-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.legal-container .legal-section h3{color:#444;font-size:1.2rem;font-weight:500;margin-bottom:12px}.legal-container .legal-section p{margin-bottom:15px}.legal-container .legal-section ol,.legal-container .legal-section ul{margin-bottom:15px;padding-left:20px}.legal-container .legal-section li{margin-bottom:8px}.legal-container .legal-section a{color:#06c;text-decoration:none}.legal-container .legal-section a:hover{text-decoration:underline}.custom-scrollbar{scrollbar-color:#6366f180 #11182733;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#11182733;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.legal-modal-container{align-items:center;display:flex;justify-content:center}.legal-modal .legal-container{background-color:initial;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}.legal-modal .legal-content{background-color:initial;border:none;border-radius:0;color:#fffffff2;padding:0}.legal-modal .legal-title{color:#fff;font-size:1.5rem;margin-bottom:8px;text-align:center}.legal-modal .legal-date{color:#fff9;margin-bottom:20px;text-align:center}.legal-modal .legal-section{border-bottom:1px solid #6366f133;margin-bottom:20px;padding-bottom:15px}.legal-modal .legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-modal .legal-section h2{color:#93c5fd;font-size:1.1rem;margin-bottom:10px}.legal-modal .legal-section h3{color:#bfdbfe;font-size:1rem}.legal-modal .legal-section li,.legal-modal .legal-section p{color:#ffffffd9;font-size:.9rem;line-height:1.6}.legal-modal .legal-section a{color:#60a5fa;text-decoration:underline}.legal-modal .legal-section a:hover{color:#93c5fd}.legal-modal .legal-section ol,.legal-modal .legal-section ul{margin-bottom:10px;padding-left:20px}.legal-modal .legal-section li{margin-bottom:6px}@media (prefers-color-scheme:dark){:root{--bg-color:#1f2937;--text-color:#e5e7eb;--heading-color:#60a5fa;--primary-color:#3b82f6;--secondary-text:#9ca3af;--border-color:#374151}}@media (max-width:768px){.legal-container{padding:20px 15px}.legal-container .legal-content{padding:25px}.legal-container .legal-title{font-size:1.8rem}.legal-container .legal-section h2{font-size:1.3rem}}@media (max-width:480px){.legal-container .legal-content{padding:20px 15px}.legal-container .legal-title{font-size:1.5rem}.legal-container .legal-section h2{font-size:1.2rem}}@media print{.legal-container{box-shadow:none;margin:0;padding:1rem}.legal-container .legal-title{font-size:1.5rem}.legal-container .legal-section h2{font-size:1.2rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b0f1a;--bg-sidebar:#0e1422;--bg-main:#111827;--bg-card:#1a2236;--bg-input:#141c2e;--border:#253047;--border-light:#2e3d5a;--accent:#4a9eff;--accent-d:#2563eb;--teal:#06d6a0;--orange:#f59e0b;--purple:#8b5cf6;--red:#ef4444;--green:#22c55e;--t1:#e8eaf0;--t2:#8b9cc8;--t3:#5a6a8a;--sw:220px;--th:48px;--bg2:#141c2e;--bg3:#0e1422}body,html{background:#0b0f1a;background:var(--bg-base);color:#e8eaf0;color:var(--t1);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:17px;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select{font-family:inherit;font-size:17px}input,select{outline:none}.app{height:100vh}.app,.sidebar{display:flex;overflow:hidden}.sidebar{background:#0e1422;background:var(--bg-sidebar);border-right:1px solid #253047;border-right:1px solid var(--border);flex-direction:column;min-width:220px;min-width:var(--sw);transition:width .22s ease,min-width .22s ease;width:220px;width:var(--sw)}.sidebar.collapsed{min-width:56px;width:56px}.sidebar.collapsed .brand-name,.sidebar.collapsed .group-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-icon{margin:0}.brand{border-bottom:1px solid #253047;border-bottom:1px solid var(--border);gap:10px;height:48px;height:var(--th);padding:0 16px;position:relative}.brand,.brand-logo{align-items:center;display:flex;flex-shrink:0}.brand-logo{background:linear-gradient(135deg,#7c3aed,#67e8f9);border-radius:9px;box-shadow:0 0 18px #8b5cf680;color:#fff;font-size:20px;font-weight:800;height:32px;justify-content:center;width:32px}.brand-name{font-size:20px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.collapse-btn{align-items:center;background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:5px;color:#8b9cc8;color:var(--t2);display:flex;flex-shrink:0;font-size:16px;height:22px;justify-content:center;margin-left:auto;transition:transform .22s;width:22px}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.nav-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.nav-scroll::-webkit-scrollbar{width:3px}.nav-scroll::-webkit-scrollbar-thumb{background:#253047;background:var(--border)}.group-label{color:#5a6a8a;color:var(--t3);font-size:13px;letter-spacing:1px;padding:12px 16px 4px;text-transform:uppercase;white-space:nowrap}.nav-item{align-items:center;color:#8b9cc8;color:var(--t2);cursor:pointer;display:flex;font-size:17px;gap:9px;padding:9px 16px;position:relative;transition:background .15s,color .15s;white-space:nowrap}.nav-item:hover{background:#4a9eff14;color:#e8eaf0;color:var(--t1)}.nav-item.active{background:#4a9eff21;color:#4a9eff;color:var(--accent)}.nav-item.active:before{background:#4a9eff;background:var(--accent);border-radius:0 3px 3px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.nav-icon{flex-shrink:0;font-size:20px;text-align:center;width:18px}.nav-text{flex:1 1;font-size:17px}.nav-badge{background:#ef4444;background:var(--red);border-radius:10px;color:#fff;font-size:13px;min-width:16px;padding:1px 5px;text-align:center}.main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notice-banner{align-items:center;background:#f59e0b1a;border-bottom:1px solid #f59e0b33;color:#f59e0b;color:var(--orange);display:flex;font-size:16px;gap:8px;padding:7px 20px}.notice-banner span{flex:1 1}.notice-close{cursor:pointer;opacity:.7}.notice-close:hover{opacity:1}.topbar{align-items:center;background:#0e1422;background:var(--bg-sidebar);border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;gap:10px;height:48px;height:var(--th);min-height:48px;min-height:var(--th);padding:0 20px}.topbar-breadcrumb{color:#8b9cc8;color:var(--t2);flex:1 1;font-size:17px}.topbar-breadcrumb .current{color:#e8eaf0;color:var(--t1);font-weight:600}.topbar-actions{gap:8px}.tb-btn,.topbar-actions{align-items:center;display:flex}.tb-btn{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#8b9cc8;color:var(--t2);font-size:16px;gap:5px;height:28px;padding:0 10px}.tb-btn:hover{border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.tb-avatar{align-items:center;background:linear-gradient(135deg,#4a9eff,#2563eb);border-radius:50%;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;width:28px}.tb-username{color:#8b9cc8;color:var(--t2);font-size:16px}.content{background:#111827;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:20px}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-thumb{background:#253047;background:var(--border);border-radius:3px}.page{display:none}.page.active{display:block}.page-hd{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-title{font-size:22px}.page-sub{color:#8b9cc8;color:var(--t2);font-size:16px;margin-top:2px}.filter-bar{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:14px 16px}.filter-bar,.filter-item{align-items:center;display:flex}.filter-item{gap:6px}.filter-label{color:#8b9cc8;color:var(--t2);font-size:16px;white-space:nowrap}.fi{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#e8eaf0;color:var(--t1);height:30px;min-width:130px;padding:0 10px}.fi:focus{border-color:#4a9eff;border-color:var(--accent)}.fi-date{min-width:110px}.fi-short{min-width:80px}select.fi{padding:0 6px}.filter-btns{display:flex;gap:6px;margin-left:auto}.btn{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:16px;gap:5px;height:30px;padding:0 14px}.btn-primary{background:#4a9eff;background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb;background:var(--accent-d)}.btn-default{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);color:#e8eaf0;color:var(--t1)}.btn-default:hover{border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.btn-success{background:#06d6a0;background:var(--teal);color:#000}.btn-success:hover{opacity:.88}.btn-danger{background:#ef4444;background:var(--red);color:#fff}.btn-danger:hover{opacity:.88}.btn-sm{font-size:14px;height:26px;padding:0 10px}.btn-lg{font-size:17px;height:36px;padding:0 20px}.table-wrap{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;overflow-x:auto}.table-toolbar{align-items:center;border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.table-toolbar-title{flex:1 1;font-size:17px;font-weight:600}table{border-collapse:collapse;min-width:1000px;width:100%}thead tr{background:#ffffff08}th{border-bottom:1px solid #253047;border-bottom:1px solid var(--border);color:#8b9cc8;color:var(--t2);font-weight:500;padding:10px 14px;text-align:left;white-space:nowrap}td,th{font-size:16px}td{border-bottom:1px solid #25304780;color:#e8eaf0;color:var(--t1);line-height:1.5;padding:11px 14px;word-break:break-word}tr:last-child td{border-bottom:none}tr:hover td{background:#4a9eff0a}.td-mono{color:#8b9cc8;color:var(--t2);font-family:monospace;font-size:14px}.td-link{color:#4a9eff;color:var(--accent);cursor:pointer}.td-link:hover{text-decoration:underline}.pagination{align-items:center;border-top:1px solid #253047;border-top:1px solid var(--border);color:#8b9cc8;color:var(--t2);display:flex;font-size:16px;gap:8px;padding:12px 16px}.pagination span{white-space:nowrap}.pagi-btns{display:flex;gap:3px;margin-left:auto}.pagi-btn{border-radius:5px;font-size:14px;height:26px;width:26px}.pagi-btn.active{background:#4a9eff;background:var(--accent);color:#fff}.pagi-btn.active,.pagi-btn:hover:not(.active){border-color:#4a9eff;border-color:var(--accent)}.pagi-btn:hover:not(.active){color:#4a9eff;color:var(--accent)}.pagi-goto{align-items:center;display:flex;gap:5px;margin-left:8px}.pagi-goto input{color:#e8eaf0;color:var(--t1);text-align:center;width:44px}.page-size-sel,.pagi-goto input{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:5px;height:26px}.page-size-sel{color:#8b9cc8;color:var(--t2);padding:0 4px}.badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:2px 8px}.badge-green{background:#22c55e26;color:#22c55e;color:var(--green)}.badge-red{background:#ef444426;color:#ef4444;color:var(--red)}.badge-blue{background:#4a9eff26;color:#4a9eff;color:var(--accent)}.badge-orange{background:#f59e0b26;color:#f59e0b;color:var(--orange)}.badge-purple{background:#8b5cf626;color:#8b5cf6;color:var(--purple)}.badge-gray{background:#5a6a8a33;color:#8b9cc8;color:var(--t2)}.stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}.stat-card{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:16px 18px;position:relative}.stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:first-child:before{background:#4a9eff;background:var(--accent)}.stat-card:nth-child(2):before{background:#06d6a0;background:var(--teal)}.stat-card:nth-child(3):before{background:#f59e0b;background:var(--orange)}.stat-card:nth-child(4):before{background:#8b5cf6;background:var(--purple)}.stat-card:nth-child(5):before{background:#22c55e;background:var(--green)}.stat-card:nth-child(6):before{background:#ef4444;background:var(--red)}.stat-label{color:#8b9cc8;color:var(--t2);font-size:16px;margin-bottom:8px}.stat-val{color:#4a9eff;color:var(--accent);font-size:34px;font-weight:700;line-height:1}.stat-card:nth-child(2) .stat-val{color:#06d6a0;color:var(--teal)}.stat-card:nth-child(3) .stat-val{color:#f59e0b;color:var(--orange)}.stat-card:nth-child(4) .stat-val{color:#8b5cf6;color:var(--purple)}.stat-card:nth-child(5) .stat-val{color:#22c55e;color:var(--green)}.stat-card:nth-child(6) .stat-val{color:#ef4444;color:var(--red)}.stat-sub{color:#5a6a8a;color:var(--t3);font-size:14px;margin-top:6px}.stat-icon{font-size:32px;opacity:.13;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.chart-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:2fr 1fr;margin-bottom:18px}.chart-card{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;overflow:hidden}.chart-hd{align-items:center;border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.chart-title{font-size:17px;font-weight:600}.chart-body,.cloak-card{padding:16px}.cloak-card{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.cloak-card:hover{border-color:#4a9eff;border-color:var(--accent)}.cloak-row{align-items:center;display:flex;font-size:16px;gap:8px}.cloak-name{font-size:18px;font-weight:600}.cloak-url{color:#8b9cc8;color:var(--t2);font-size:14px;word-break:break-all}.cloak-tags{display:flex;flex-wrap:wrap;gap:5px}.cloak-actions{display:flex;gap:6px;margin-top:4px}.plan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}.plan-card{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:24px 18px;position:relative;text-align:center;transition:border-color .2s,transform .2s}.plan-card:hover{transform:translateY(-3px)}.plan-card.featured,.plan-card:hover{border-color:#4a9eff;border-color:var(--accent)}.plan-card.featured:before{background:#4a9eff;background:var(--accent);color:#fff;content:"推荐";font-size:13px;padding:3px 32px;position:absolute;right:-24px;top:12px;transform:rotate(45deg)}.plan-name{font-size:20px;font-weight:700;margin-bottom:6px}.plan-price{color:#4a9eff;color:var(--accent);font-size:39px;font-weight:800;margin-bottom:4px}.plan-price sup{font-size:21px}.plan-period{color:#8b9cc8;color:var(--t2);font-size:14px;margin-bottom:6px}.plan-avg{color:#5a6a8a;color:var(--t3);font-size:14px;letter-spacing:.2px;margin-bottom:14px}.plan-quota{color:#06d6a0;color:var(--teal);font-size:31px;font-weight:700;margin-bottom:4px}.plan-quota-label{color:#8b9cc8;color:var(--t2);font-size:14px;margin-bottom:16px}.plan-features{margin-bottom:20px;text-align:left}.plan-feat{align-items:center;border-bottom:1px solid #253047;border-bottom:1px solid var(--border);color:#8b9cc8;color:var(--t2);display:flex;font-size:16px;gap:6px;padding:4px 0}.plan-feat-disabled,.plan-feat-disabled .check{color:#5a6a8a;color:var(--t3);opacity:.45}.plan-feat .cross{color:#ef4444;color:var(--danger,#ef4444)}.plan-feat:last-child{border-bottom:none}.plan-feat .check{color:#22c55e;color:var(--green)}.plan-buy-btn{background:#0000;border:1px solid #4a9eff;border:1px solid var(--accent);border-radius:8px;color:#4a9eff;color:var(--accent);font-size:17px;font-weight:600;height:36px;width:100%}.plan-buy-btn:hover,.plan-card.featured .plan-buy-btn{background:#4a9eff;background:var(--accent);color:#fff}.plan-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.plan-info-grid{grid-template-columns:1fr}}.plan-info-card{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,transform .2s}.plan-info-card:hover{border-color:#2e3d5a;border-color:var(--border-light);transform:translateY(-2px)}.plan-info-label{color:#8b9cc8;color:var(--t2);font-size:17px;margin-bottom:12px}.plan-info-value{font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:12px}.plan-info-value-blue{color:#4a9eff;color:var(--accent)}.plan-info-value-green{color:#06d6a0;color:var(--teal)}.plan-info-value-orange{color:#f59e0b;color:var(--orange)}.plan-info-sub{color:#5a6a8a;color:var(--t3);font-size:16px;margin-top:6px}.plan-progress-bar{background:#141c2e;background:var(--bg-input);border-radius:3px;height:5px;margin:8px 0 6px;overflow:hidden;width:100%}.plan-progress-fill{background:linear-gradient(90deg,#06d6a0,#4a9eff);background:linear-gradient(90deg,var(--teal) 0,var(--accent) 100%);border-radius:3px;height:100%;transition:width .5s ease}.modal-overlay{align-items:center;background:#0009;display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-overlay.open{display:flex}.modal{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;max-height:88vh;max-width:94vw;overflow-y:auto;width:520px}.modal-hd{align-items:center;border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{font-size:20px;font-weight:700}.modal-close{color:#8b9cc8;color:var(--t2);cursor:pointer;font-size:20px;line-height:1}.modal-close:hover{color:#e8eaf0;color:var(--t1)}.modal-body{padding:20px}.modal-footer{border-top:1px solid #253047;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.form-group{margin-bottom:16px}.form-label{color:#8b9cc8;color:var(--t2);display:block;font-size:16px;margin-bottom:6px}.form-label.required:before{color:#ef4444;color:var(--red);content:"* "}.form-input{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:7px;color:#e8eaf0;color:var(--t1);height:34px;padding:0 10px;width:100%}.form-input:focus{border-color:#4a9eff;border-color:var(--accent)}.form-select{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:7px;color:#e8eaf0;color:var(--t1);height:34px;padding:0 8px;width:100%}.form-select:focus{border-color:#4a9eff;border-color:var(--accent)}.form-textarea{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:7px;color:#e8eaf0;color:var(--t1);min-height:80px;padding:8px 10px;resize:vertical;width:100%}.form-textarea:focus{border-color:#4a9eff;border-color:var(--accent)}.form-hint{color:#5a6a8a;color:var(--t3);font-size:14px;margin-top:4px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.tabs{border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:16px}.tab{border-bottom:2px solid #0000;color:#8b9cc8;color:var(--t2);cursor:pointer;font-size:17px;margin-bottom:-1px;padding:9px 18px;transition:color .15s}.tab.active{border-bottom-color:#4a9eff;border-bottom-color:var(--accent);color:#4a9eff;color:var(--accent)}.tab:hover{color:#e8eaf0;color:var(--t1)}.toggle{display:inline-block;height:20px;position:relative;width:36px}.toggle input{display:none}.toggle-slider{background:#253047;background:var(--border);border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.2s;width:14px}.toggle input:checked+.toggle-slider{background:#4a9eff;background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.settings-section{margin-bottom:24px}.settings-title{border-bottom:1px solid #253047;border-bottom:1px solid var(--border);font-size:18px;font-weight:600;margin-bottom:14px;padding-bottom:8px}.settings-row{align-items:center;border-bottom:1px solid #25304780;display:flex;padding:12px 0}.settings-row:last-child{border-bottom:none}.settings-key{color:#8b9cc8;color:var(--t2);flex-shrink:0;font-size:16px;width:160px}.settings-val{flex:1 1;font-size:17px}.empty{color:#5a6a8a;color:var(--t3);padding:60px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.gap-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.text-mono{border-radius:4px;color:#8b9cc8;color:var(--t2);font-size:14px;padding:2px 6px}.code-block,.text-mono{background:#141c2e;background:var(--bg-input);font-family:monospace}.code-block{border:1px solid #253047;border:1px solid var(--border);border-radius:8px;color:#06d6a0;color:var(--teal);font-size:12px;line-height:1.7;overflow-x:auto;padding:14px;white-space:pre}.mb-14{margin-bottom:14px}.mb-18{margin-bottom:18px}.mt-14{margin-top:14px}.flex-between{justify-content:space-between}.flex-between,.wallet-card{align-items:center;display:flex}.wallet-card{background:linear-gradient(135deg,#1a2a4a,#1a2236);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;gap:20px;margin-bottom:18px;padding:24px 28px}.wallet-bal-label{color:#8b9cc8;color:var(--t2);font-size:12px;margin-bottom:4px}.wallet-bal{color:#06d6a0;color:var(--teal);font-size:47px;font-weight:800}.wallet-sub{color:#5a6a8a;color:var(--t3);font-size:12px;margin-top:4px}.create-banner{background:#4a9eff14;border:1px solid #4a9eff33;border-radius:8px;color:#8b9cc8;color:var(--t2);font-size:12px;line-height:1.8;margin-bottom:16px;padding:10px 14px}.form-warn{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:7px;color:#f59e0b;color:var(--orange);font-size:14px;line-height:1.8;margin-top:7px;padding:9px 12px}.form-warn a{color:#4a9eff;color:var(--accent);text-decoration:underline}.form-info{background:#4a9eff0f;border:1px solid #4a9eff33;border-radius:7px;color:#8b9cc8;color:var(--t2);font-size:14px;line-height:1.8;margin-top:6px;padding:8px 12px}.cloak-section{border-radius:9px;margin-bottom:12px;padding:14px 16px}.cloak-section-allow{background:#4a9eff0a;border:1px solid #4a9eff59}.cloak-section-block{background:#ef44440a;border:1px solid #ef444459}.cloak-section-hd{border-bottom:1px solid #ffffff0f;font-size:13px;font-weight:600;margin-bottom:12px;padding-bottom:9px}.cloak-section-allow .cloak-section-hd{color:#4a9eff;color:var(--accent)}.cloak-section-block .cloak-section-hd{color:#ef4444;color:var(--red)}.radio-opt{align-items:center;color:#8b9cc8;color:var(--t2);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:4px 0}.radio-opt input{accent-color:#4a9eff;accent-color:var(--accent)}.preset-platform{border-radius:10px;display:inline-block;font-size:13px;font-weight:600;margin-right:4px;padding:1px 7px}.preset-google{background:#4a9eff26;color:#4a9eff;color:var(--accent)}.preset-fb{background:#8b5cf626;color:#8b5cf6;color:var(--purple)}.preset-tiktok{background:#ef444426;color:#ef4444;color:var(--red)}.preset-general{background:#5a6a8a33;color:#8b9cc8;color:var(--t2)}.step-bar{gap:0;margin-bottom:18px}.step-bar,.step-item{align-items:center;display:flex}.step-item{color:#5a6a8a;color:var(--t3);flex:1 1;font-size:12px;gap:6px}.step-item.active,.step-item.done{color:#4a9eff;color:var(--accent)}.step-dot{align-items:center;background:#0e1422;background:var(--bg3);border:2px solid #253047;border:2px solid var(--border);border-radius:50%;color:#5a6a8a;color:var(--t3);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:22px;justify-content:center;transition:.2s;width:22px}.step-item.active .step-dot{background:#4a9eff;background:var(--accent);border-color:#4a9eff;border-color:var(--accent);color:#fff}.step-item.done .step-dot{background:#06d6a0;background:var(--teal);border-color:#06d6a0;border-color:var(--teal);color:#fff}.step-line{background:#253047;background:var(--border);border-radius:2px;flex:1 1;height:2px;margin:0 6px}.step-item.active~.step-line,.step-item.done~.step-line{background:#4a9eff;background:var(--accent)}.filter-section{border:1px solid #253047;border:1px solid var(--border);border-radius:9px;margin-bottom:12px;overflow:hidden}.filter-section-hd{align-items:center;background:#141c2e;background:var(--bg2);cursor:pointer;display:flex;gap:10px;padding:11px 14px;-webkit-user-select:none;user-select:none}.filter-section-hd .fs-title{color:#e8eaf0;color:var(--t1);flex:1 1;font-size:13px;font-weight:600}.filter-section-hd .fs-badge{background:#5a6a8a33;border-radius:10px;color:#5a6a8a;color:var(--t3);font-size:13px;padding:1px 7px}.filter-section-hd .fs-badge.on{background:#4a9eff26;color:#4a9eff;color:var(--accent)}.filter-section-body{border-top:1px solid #253047;border-top:1px solid var(--border);display:none;padding:14px}.filter-section-body.open{display:block}.fs-toggle{flex-shrink:0;height:20px;position:relative;width:36px}.fs-toggle input{height:0;opacity:0;width:0}.fs-slider{background:#0e1422;background:var(--bg3);border-radius:10px;cursor:pointer;inset:0}.fs-slider,.fs-slider:before{position:absolute;transition:.2s}.fs-slider:before{background:#5a6a8a;background:var(--t3);border-radius:50%;content:"";height:14px;left:3px;top:3px;width:14px}.fs-toggle input:checked~.fs-slider{background:#4a9eff;background:var(--accent)}.fs-toggle input:checked~.fs-slider:before{background:#fff;transform:translateX(16px)}.country-panel{margin-top:10px}.continent-group{margin-bottom:12px}.continent-label{border-bottom:1px solid #253047;border-bottom:1px solid var(--border);color:#5a6a8a;color:var(--t3);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;padding-bottom:4px;text-transform:uppercase}.country-grid{grid-gap:3px 8px;display:grid;gap:3px 8px;grid-template-columns:repeat(3,1fr)}.country-cb{align-items:center;color:#8b9cc8;color:var(--t2);cursor:pointer;display:flex;font-size:12px;gap:5px;padding:2px 0}.country-cb input{accent-color:#4a9eff;accent-color:var(--accent);flex-shrink:0;height:13px;width:13px}.country-cb:hover,.country-search{color:#e8eaf0;color:var(--t1)}.country-search{background:#0e1422;background:var(--bg3);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;font-size:12px;margin-bottom:10px;padding:6px 10px;width:100%}.country-search:focus{border-color:#4a9eff;border-color:var(--accent);outline:none}.country-quick-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.country-quick-btns .qbtn{background:#0e1422;background:var(--bg3);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;color:#8b9cc8;color:var(--t2);cursor:pointer;font-size:14px;padding:3px 10px;transition:.15s}.country-quick-btns .qbtn:hover{border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.lang-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.lang-tag{background:#0e1422;background:var(--bg3);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;color:#8b9cc8;color:var(--t2);cursor:pointer;font-size:12px;padding:4px 10px;transition:.15s;-webkit-user-select:none;user-select:none}.lang-tag.sel{background:#4a9eff26;border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.lang-tag:hover:not(.sel){border-color:#8b9cc8;border-color:var(--t2)}.freq-row{align-items:center;color:#8b9cc8;color:var(--t2);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:10px}.freq-row .freq-num{background:#0e1422;background:var(--bg3);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#e8eaf0;color:var(--t1);font-size:12px;padding:5px 8px;text-align:center;width:60px}.freq-row .freq-num:focus{border-color:#4a9eff;border-color:var(--accent);outline:none}.rr-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.rr-row{gap:8px}.rr-row,.rr-row .rr-num{align-items:center;display:flex}.rr-row .rr-num{background:#0e1422;background:var(--bg3);border:1px solid #253047;border:1px solid var(--border);border-radius:50%;color:#5a6a8a;color:var(--t3);flex-shrink:0;font-size:14px;height:22px;justify-content:center;width:22px}.rr-add-btn{align-items:center;color:#4a9eff;color:var(--accent);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-top:8px}.rr-add-btn:hover{text-decoration:underline}.toast{align-items:center;background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:7px;font-size:13px;gap:8px;padding:8px 16px;position:fixed;right:16px;top:16px;z-index:200}.toast-success{color:#22c55e;color:var(--green)}.toast-error{color:#ef4444;color:var(--red)}.user-avatar{align-items:center;background:linear-gradient(135deg,#4a9eff,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.user-avatar-sm{border-radius:8px;font-size:12px;height:32px;width:32px}.user-avatar-xs{border-radius:6px;font-size:13px;height:24px;width:24px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.status-active{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.status-inactive{background:linear-gradient(135deg,#ef4444,#f43f5e);color:#fff}.role-admin{background:linear-gradient(135deg,#4a9eff,#8b5cf6);color:#fff}.role-vip{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.role-user{background:linear-gradient(135deg,#64748b,#6b7280);color:#fff}.status-dot{background:#fff;border-radius:50%;height:6px;width:6px}.action-btn{align-items:center;background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;color:#8b9cc8;color:var(--t2);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn:hover{border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.action-btn-danger{background:#ef444414;border-color:#ef444433;color:#ef4444;color:var(--red)}.action-btn-danger:hover{background:#ef444426;border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.action-btn-success{background:#22c55e14;border-color:#22c55e33;color:#22c55e;color:var(--green)}.action-btn-success:hover{background:#22c55e26;border-color:#22c55e;border-color:var(--green);color:#22c55e;color:var(--green)}.detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.detail-modal{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.detail-modal-hd{align-items:center;background:linear-gradient(135deg,#4a9eff,#8b5cf6 50%,#ec4899);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.detail-modal-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px}.detail-modal-close{color:#fffc;cursor:pointer;padding:4px;transition:color .15s}.detail-modal-close:hover{color:#fff}.detail-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.detail-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.detail-stat-card{border:1px solid #253047;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.detail-stat-card-indigo{background:#4a9eff14;border-color:#4a9eff33}.detail-stat-card-green{background:#22c55e14;border-color:#22c55e33}.detail-stat-card-orange{background:#f59e0b14;border-color:#f59e0b33}.detail-stat-val{font-size:26px;font-weight:800}.detail-stat-val-indigo{color:#4a9eff;color:var(--accent)}.detail-stat-val-green{color:#22c55e;color:var(--green)}.detail-stat-val-orange{color:#f59e0b;color:var(--orange)}.detail-stat-label{color:#8b9cc8;color:var(--t2);font-size:14px;margin-top:4px}.member-card{background:linear-gradient(135deg,#4a9eff14,#8b5cf614 50%,#ec489914);border:1px solid #4a9eff26;border-radius:16px;margin-bottom:14px;padding:16px}.member-card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.member-card-item{padding:4px 0}.member-card-label{color:#8b9cc8;color:var(--t2);font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.member-card-value{font-size:13px;font-weight:600}.member-card-footer{grid-gap:12px;border-top:1px solid #4a9eff26;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:12px}.progress-bar{background:#141c2e;background:var(--bg-input);border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s}.progress-green{background:linear-gradient(90deg,#22c55e,#10b981)}.progress-yellow{background:linear-gradient(90deg,#eab308,#f59e0b)}.progress-red{background:linear-gradient(90deg,#ef4444,#f43f5e)}.adjust-section{border:1px solid #253047;border:1px solid var(--border);border-radius:16px;padding:16px}.adjust-section-active{background:linear-gradient(135deg,#f59e0b14,#f9731614);border-color:#f59e0b33}.adjust-section-inactive{background:#141c2e;background:var(--bg2)}.adjust-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.adjust-field{display:flex;flex-direction:column;gap:6px}.adjust-field-label{color:#8b9cc8;color:var(--t2);font-size:12px;font-weight:600}.adjust-field-input{background:#1a2236;background:var(--bg-card);border:2px solid #253047;border:2px solid var(--border);border-radius:10px;color:#e8eaf0;color:var(--t1);font-size:14px;height:40px;padding:0 14px;transition:border-color .2s;width:100%}.adjust-field-input:focus{border-color:#4a9eff;border-color:var(--accent);outline:none}.adjust-preview{background:#4a9eff14;border:1px solid #4a9eff26;border-radius:8px;color:#4a9eff;color:var(--accent);font-size:14px;padding:8px 12px}.adjust-preview-val{font-weight:700}.adjust-preview-arrow{color:#5a6a8a;color:var(--t3);margin:0 8px}.adjust-message{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:12px}.adjust-message-success{color:#22c55e;color:var(--green)}.adjust-message-error{color:#ef4444;color:var(--red)}.payment-table-wrap{border:1px solid #253047;border:1px solid var(--border);border-radius:12px;margin-top:12px;overflow-x:auto}.payment-table{font-size:12px;width:100%}.payment-table th{background:#141c2e;background:var(--bg2);border-bottom:1px solid #253047;border-bottom:1px solid var(--border);color:#8b9cc8;color:var(--t2);font-size:14px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.payment-table td{border-bottom:1px solid #25304780;color:#e8eaf0;color:var(--t1);padding:10px 14px}.payment-table tr:last-child td{border-bottom:none}.payment-table tr:hover td{background:#4a9eff0a}.detail-modal-footer{background:#141c2e;background:var(--bg2);border-top:1px solid #253047;border-top:1px solid var(--border);flex-shrink:0;padding:14px 24px}.detail-modal-btn{align-items:center;background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:10px;color:#e8eaf0;color:var(--t1);display:flex;font-size:13px;font-weight:600;gap:6px;height:40px;justify-content:center;transition:all .15s;width:100%}.detail-modal-btn:hover{background:#1a2236;background:var(--bg-card);border-color:#4a9eff;border-color:var(--accent)}.detail-modal-btn-primary{background:linear-gradient(135deg,#4a9eff,#8b5cf6);border:none;color:#fff}.detail-modal-btn-primary:hover{background:linear-gradient(135deg,#3b8ce8,#7c4de8)}.detail-modal-btn-primary:disabled{cursor:not-allowed;opacity:.5}.spinner-lg{animation:spin .8s linear infinite;border:4px solid #253047;border-top-color:#4a9eff;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:64px;width:64px}.empty-state{color:#5a6a8a;color:var(--t3);padding:60px 20px;text-align:center}.empty-state-icon{align-items:center;background:#141c2e;background:var(--bg-input);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.empty-state-icon svg{height:40px;width:40px}.section-title{align-items:center;color:#e8eaf0;color:var(--t1);display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:14px}.section-title svg{color:#4a9eff;color:var(--accent)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:60px 20px}.loading-state p{animation:pulse 1.5s ease-in-out infinite;color:#8b9cc8;color:var(--t2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-state{padding:40px 20px;text-align:center}.error-state-icon{align-items:center;background:#ef44441a;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.error-state-icon svg{color:#ef4444;color:var(--red);height:32px;width:32px}.error-state p{color:#ef4444;color:var(--red);font-weight:500}.info-box{align-items:center;background:#141c2e;background:var(--bg-input);border-radius:8px;color:#8b9cc8;color:var(--t2);display:flex;font-size:12px;gap:8px;padding:10px 14px}.info-box svg{color:#5a6a8a;color:var(--t3);flex-shrink:0;height:18px;width:18px}.page-container{padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#e8eaf0;color:var(--t1);font-size:24px;font-weight:700}.payment-detail-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.payment-detail-modal{background:#1a2236;background:var(--bg-card);border:1px solid #253047;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:768px;overflow:hidden;width:100%}.payment-detail-modal-hd{align-items:center;border-bottom:1px solid #253047;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.payment-detail-modal-title{color:#e8eaf0;color:var(--t1);font-size:18px;font-weight:700}.payment-detail-modal-body{flex:1 1;overflow-y:auto;padding:24px}.payment-detail-modal-ft{background:#141c2e;background:var(--bg2);border-top:1px solid #253047;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.payment-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.payment-detail-field{margin-bottom:12px}.payment-detail-label{color:#8b9cc8;color:var(--t2);font-size:12px;font-weight:500;margin-bottom:4px}.payment-detail-value{color:#e8eaf0;color:var(--t1);font-size:14px}.payment-detail-value-indigo{color:#4a9eff;color:var(--accent)}.payment-detail-image-wrap{border:1px solid #253047;border:1px solid var(--border);border-radius:8px;margin-top:8px;overflow:hidden}.payment-detail-image{cursor:pointer;display:block;height:auto;margin:0 auto;max-height:400px;max-width:100%;object-fit:contain}.payment-detail-remark{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--t1);font-size:14px;padding:8px 12px}.payment-detail-remark-error{background:#ef44441a;border-color:#ef44444d;color:#ef4444;color:var(--red)}.radio-group{align-items:center;display:flex;gap:16px}.radio-label{align-items:center;color:#e8eaf0;color:var(--t1);cursor:pointer;display:inline-flex;font-size:13px}.radio-input{accent-color:#4a9eff;accent-color:var(--accent);height:16px;margin-right:8px;width:16px}.radio-input-danger{accent-color:#ef4444;accent-color:var(--red)}.fi-block{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--t1);display:block;font-family:inherit;font-size:13px;padding:8px 12px;width:100%}.fi-block:focus{border-color:#4a9eff;border-color:var(--accent);outline:none}.fi-block-textarea{min-height:80px;resize:vertical}.fi-label{color:#e8eaf0;color:var(--t1);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.fi-label-required{color:#ef4444;color:var(--red);margin-left:2px}.fi-hint{color:#f59e0b;color:var(--orange);font-size:14px;margin-top:4px}.image-preview-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:60}.image-preview-container{max-height:90vh;max-width:90vw;position:relative}.image-preview-img{max-height:90vh;max-width:100%;object-fit:contain}.image-preview-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .15s;width:40px}.image-preview-close:hover{background:#000c}.pagination-btns{gap:8px;margin-top:24px}.pagi-btn,.pagination-btns{align-items:center;display:flex;justify-content:center}.pagi-btn{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#8b9cc8;color:var(--t2);cursor:pointer;font-size:12px;height:32px;min-width:32px;padding:0 10px;transition:all .15s}.pagi-btn:hover:not(:disabled){border-color:#4a9eff;border-color:var(--accent);color:#4a9eff;color:var(--accent)}.pagi-btn:disabled{cursor:not-allowed;opacity:.5}.pagi-btn-active{background:#4a9eff;background:var(--accent);border-color:#4a9eff;border-color:var(--accent);color:#fff}.action-col{display:flex;gap:6px}.form-space{gap:16px}.badge-with-label{align-items:center;display:inline-flex;gap:8px}.badge-small{border-radius:20px;font-size:13px;font-weight:600;padding:1px 6px}.spinner{animation:spin .8s linear infinite;border:2px solid #253047;border-top-color:#4a9eff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.form-error{color:#ef4444;color:var(--red);font-size:14px;margin-top:4px}.toast-container{animation:fadeInDown .3s ease-out forwards;position:fixed;right:16px;top:16px;z-index:9999}.toast-container.toast-closing{animation:fadeOutUp .3s ease-in forwards}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.toast{align-items:flex-start;background:var(--bg-primary);border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#e8eaf0;color:var(--t1);display:flex;max-width:400px;padding:12px 16px}.toast-success{border-left-color:#22c55e;border-left-color:var(--green)}.toast-error,.toast-success{background:var(--bg-secondary)}.toast-error{border-left-color:#ef4444;border-left-color:var(--red)}.toast-warning{background:var(--bg-secondary);border-left-color:var(--yellow)}.toast-icon{align-items:center;display:flex;margin-right:12px}.toast-success .toast-icon{color:#22c55e;color:var(--green)}.toast-error .toast-icon{color:#ef4444;color:var(--red)}.toast-warning .toast-icon{color:var(--yellow)}.toast-message{flex:1 1}.toast-text{color:#e8eaf0;color:var(--t1);font-size:14px;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:#5a6a8a;color:var(--t3);cursor:pointer;display:flex;justify-content:center;margin-left:12px;padding:0}.toast-close:hover{color:#e8eaf0;color:var(--t1)}.page-state{padding:32px;text-align:center}.page-state-error{color:#ef4444;color:var(--red);margin-bottom:16px}.page-state-text{color:#8b9cc8;color:var(--t2)}.plan-card-badge{margin-bottom:8px;text-align:center}.plan-feature-icon{flex-shrink:0;height:20px;width:20px}.plan-feature-icon-check{color:#22c55e;color:var(--green)}.plan-feature-icon-cross{color:#5a6a8a;color:var(--t3)}.form-label-text{color:#8b9cc8;color:var(--t2);font-size:14px}.payment-wallet-box{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;padding:16px}.payment-qr-code{box-shadow:0 2px 8px #0000001a;height:150px;width:150px}.payment-preview-image,.payment-qr-code{border:1px solid #253047;border:1px solid var(--border);border-radius:8px;object-fit:contain}.payment-preview-image{max-height:128px;max-width:128px}.success-modal-icon{align-items:center;background:var(--green-bg);border-radius:50%;color:#22c55e;color:var(--green);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-modal-title{color:#e8eaf0;color:var(--t1);font-size:18px;font-weight:700;margin-bottom:8px}.success-modal-message{color:#8b9cc8;color:var(--t2);font-size:14px;margin-bottom:24px}.form-space{display:flex;flex-direction:column;gap:24px}.modal-sm{max-width:400px;padding:32px;text-align:center;width:100%}.log-status-badge{border-radius:9999px;display:inline-block;font-size:12px;padding:2px 8px}.log-status-success{background:#22c55e1a;color:#16a34a}.log-status-success-dark{background:#22c55e33;color:#86efac}.log-status-warning{background:#eab3081a;color:#ca8a04}.log-status-warning-dark{background:#eab30833;color:#fde047}.log-status-error{background:#ef44441a;color:#dc2626}.log-status-error-dark{background:#ef444433;color:#fca5a5}.log-status-default{background:#141c2e;background:var(--bg-input);color:#8b9cc8;color:var(--t2)}.log-status-default-dark{background:#6b72804d;color:#8b9cc8;color:var(--t2)}.log-type-icon{flex-shrink:0;height:20px;width:20px}.log-type-access{color:var(--blue)}.log-type-create{color:#22c55e;color:var(--green)}.log-type-modify{color:#f59e0b;color:var(--orange)}.log-type-delete,.log-type-error{color:#ef4444;color:var(--red)}.log-type-default{color:#5a6a8a;color:var(--t3)}.mode-badge{border-radius:9999px;display:inline-block;font-size:12px;padding:2px 8px}.mode-badge-cloak{background:#6366f11a;color:#4f46e5}.mode-badge-cloak-dark{background:#6366f133;color:#a5b4fc}.mode-badge-fullopen{background:#3b82f61a;color:#2563eb}.mode-badge-fullopen-dark{background:#3b82f633;color:#93c5fd}.mode-badge-audit{background:#f59e0b1a;color:#d97706}.mode-badge-audit-dark{background:#f59e0b33;color:#fcd34d}.mode-badge-default{background:#141c2e;background:var(--bg-input);color:#8b9cc8;color:var(--t2)}.mode-badge-default-dark{background:#6b72804d;color:#8b9cc8;color:var(--t2)}.pagination-wrap{display:flex;justify-content:center;margin-top:24px}.pagination-nav{align-items:center;display:flex;gap:8px}.page-btn{background:var(--bg-secondary);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;color:#8b9cc8;color:var(--t2);cursor:pointer;padding:4px 12px;transition:all .2s}.page-btn:hover:not(:disabled){background:#141c2e;background:var(--bg-input);color:#e8eaf0;color:var(--t1)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn-active{background:#4a9eff;background:var(--accent);border-color:#4a9eff;border-color:var(--accent);color:#fff}.page-ellipsis{color:#5a6a8a;color:var(--t3);padding:4px 12px}.modal-loading{align-items:center;display:flex;gap:12px;justify-content:center;padding:32px 0}.modal-loading-text{color:#8b9cc8;color:var(--t2)}.modal-error{padding:16px 0;text-align:center}.modal-info-list{display:flex;flex-direction:column;gap:12px}.modal-info-label{color:#5a6a8a;color:var(--t3);display:block;font-size:14px;margin-bottom:4px}.modal-info-value{color:#e8eaf0;color:var(--t1);font-weight:500;margin-top:4px}.modal-info-value-mono{background:#141c2e;background:var(--bg-input);border-radius:6px;font-family:monospace;font-size:12px;margin-top:4px;padding:8px}.link-primary{color:var(--blue);text-decoration:none}.link-primary:hover{text-decoration:underline}.dark .link-primary{color:var(--blue-light)}.dark .link-primary:hover{color:var(--blue-lighter)}.modal-regions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.region-badge{border-radius:9999px;color:#8b9cc8;color:var(--t2);display:inline-block;font-size:12px;padding:2px 8px}.modal-stats-grid,.region-badge{background:#141c2e;background:var(--bg-input)}.modal-stats-grid{grid-gap:16px;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px;padding:16px}.modal-stats-label{color:#5a6a8a;color:var(--t3);font-size:14px}.modal-stats-value{color:#e8eaf0;color:var(--t1);font-size:18px;font-weight:700}.modal-stats-value-success{color:#22c55e;color:var(--green)}.modal-stats-value-warning{color:var(--yellow)}.cloak-toast{align-items:center;background:var(--bg-primary);border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;padding:8px 16px;position:fixed;right:16px;top:16px;z-index:9999}.cloak-toast-icon{color:#22c55e;color:var(--green);height:20px;margin-right:8px;width:20px}.cloak-toast-error .cloak-toast-icon{color:#ef4444;color:var(--red)}.cloak-status-badge{border-radius:9999px;display:inline-block;font-size:12px;padding:2px 8px}.cloak-status-active{background:#22c55e1a;color:#16a34a}.cloak-status-active-dark{background:#22c55e33;color:#86efac}.cloak-status-paused{background:#eab3081a;color:#ca8a04}.cloak-status-paused-dark{background:#eab30833;color:#fde047}.cloak-status-failed{background:#ef44441a;color:#dc2626}.cloak-status-failed-dark{background:#ef444433;color:#fca5a5}.cloak-status-default{background:#141c2e;background:var(--bg-input);color:#8b9cc8;color:var(--t2)}.cloak-status-default-dark{background:#6b72804d;color:#8b9cc8;color:var(--t2)}.cloak-mode-badge{border-radius:9999px;display:inline-block;font-size:12px;padding:2px 8px}.cloak-mode-cloak{background:#6366f11a;color:#4f46e5}.cloak-mode-cloak-dark{background:#6366f133;color:#a5b4fc}.cloak-mode-fullopen{background:#3b82f61a;color:#2563eb}.cloak-mode-fullopen-dark{background:#3b82f633;color:#93c5fd}.cloak-mode-audit{background:#f59e0b1a;color:#d97706}.cloak-mode-audit-dark{background:#f59e0b33;color:#fcd34d}.cloak-mode-default{background:#141c2e;background:var(--bg-input);color:#8b9cc8;color:var(--t2)}.cloak-mode-default-dark{background:#6b72804d;color:#8b9cc8;color:var(--t2)}.cloak-region-container{display:flex;flex-wrap:wrap;gap:4px}.cloak-region-badge{background:#141c2e;background:var(--bg-input);border-radius:9999px;color:#8b9cc8;color:var(--t2);display:inline-block;font-size:12px;padding:2px 8px}.cloak-region-empty{color:#5a6a8a;color:var(--t3);font-size:12px}.cloak-copyable-link{align-items:center;display:flex;gap:4px;max-width:280px;overflow:hidden;position:relative}.cloak-link-text{color:var(--blue);font-size:14px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cloak-link-text:hover{text-decoration:underline}.dark .cloak-link-text{color:var(--blue-light)}.cloak-copy-btn{align-items:center;background:var(--bg-secondary);border:1px solid #253047;border:1px solid var(--border);border-radius:4px;color:#8b9cc8;color:var(--t2);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;justify-content:center;margin-left:8px;padding:4px 8px;transition:all .2s}.cloak-copy-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dark .cloak-copy-btn{color:#8b9cc8;color:var(--t2)}.dark .cloak-copy-btn:hover{color:#e8eaf0;color:var(--t1)}.cloak-link-empty{color:#5a6a8a;color:var(--t3);font-size:12px;opacity:.6}.page-state-error-card{background:var(--bg-secondary);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;padding:24px;text-align:center}.page-state-icon-error{color:#ef4444;color:var(--red);margin-bottom:16px}.page-state-icon-error svg{margin:0 auto}.page-state-title{color:#e8eaf0;color:var(--t1);font-size:20px;font-weight:700;margin-bottom:8px}.page-state-message{color:#8b9cc8;color:var(--t2);margin-bottom:16px}.home-progress-bar{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);border-radius:6px;height:8px;margin-bottom:4px;margin-top:8px;overflow:hidden;width:100%}.home-progress-fill{height:8px;transition:all .3s ease-in-out}.home-progress-text{color:#8b9cc8;color:var(--t2);font-size:12px;font-weight:500;margin-top:4px;text-align:right}.home-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 10px}.home-status-active{background:#14b8a61a;border:1px solid #14b8a633;color:#0d9488}.home-status-active-dark{background:#14b8a633;border:1px solid #14b8a64d;color:#5eead4}.home-status-inactive{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.home-status-inactive-dark{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.home-mode-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 10px}.home-mode-cloak{background:#6366f11a;border:1px solid #6366f133;color:#4f46e5}.home-mode-cloak-dark{background:#6366f133;border:1px solid #6366f14d;color:#a5b4fc}.home-mode-fullopen{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.home-mode-fullopen-dark{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.home-mode-audit{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.home-mode-audit-dark{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fcd34d}.home-mode-default{background:#141c2e;background:var(--bg-input);border:1px solid #253047;border:1px solid var(--border);color:#8b9cc8;color:var(--t2)}.home-mode-default-dark{background:#6b72804d;border:1px solid #6b728066;color:#8b9cc8;color:var(--t2)}.home-toast{align-items:center;background:var(--bg-primary);border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;padding:8px 16px;position:fixed;right:16px;top:16px;z-index:9999}.home-toast-icon{height:20px;margin-right:8px;width:20px}.home-toast-icon-success{color:#22c55e;color:var(--green)}.home-toast-icon-error{color:#ef4444;color:var(--red)}.home-copyable-link{align-items:center;display:flex;gap:4px;max-width:280px;overflow:hidden;position:relative}.home-link-text{color:var(--blue);font-size:14px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.home-link-text:hover{text-decoration:underline}.dark .home-link-text{color:var(--blue-light)}.home-copy-btn{align-items:center;background:none;border:none;color:#5a6a8a;color:var(--t3);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px}.home-copy-btn:hover{color:#e8eaf0;color:var(--t1)}.dark .home-copy-btn{color:#8b9cc8;color:var(--t2)}.dark .home-copy-btn:hover{color:#e8eaf0;color:var(--t1)}.home-link-empty{color:#5a6a8a;color:var(--t3);font-size:12px;opacity:.6}.home-loading{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;height:256px;justify-content:center}.home-spinner{animation:spin .8s linear infinite;border:3px solid #253047;border-top-color:#4a9eff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}.home-error-card{background:var(--bg-secondary);border:1px solid #253047;border:1px solid var(--border);border-radius:8px;padding:24px;text-align:center}.home-error-icon{align-items:center;color:#ef4444;color:var(--red);display:flex;justify-content:center;margin-bottom:16px}.home-error-message{color:#8b9cc8;color:var(--t2);margin-bottom:16px}
/*# sourceMappingURL=main.0281527c.css.map*/