:root{color:#d9e7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#06111f;--bg-soft:#0a1222c7;--panel:#0c1527c7;--panel-strong:#111c33f0;--line:#94a3b824;--text:#e8f1ff;--muted:#9bb0cc;--accent:#6ea8ff;--accent-2:#4af2c5;--accent-3:#9f7aea;--shadow:0 30px 80px #00000061;background:#06111f;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 10% 20%,#6ea8ff29,#0000 24%),radial-gradient(circle at 90% 12%,#4af2c51f,#0000 20%),radial-gradient(circle at 50% 100%,#9f7aea1f,#0000 28%),linear-gradient(#06111f 0%,#081522 38%,#091827 100%);margin:0}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh;position:relative}.particles-canvas{z-index:0;pointer-events:none;opacity:.42;width:100%;height:100%;position:fixed;inset:0}.topbar,.page-wrap{z-index:1;position:relative}.topbar{border:1px solid #ffffff17;border-radius:24px;justify-content:space-between;align-items:center;width:min(1240px,100% - 28px);margin:18px auto 0;padding:16px 22px;display:flex}.glass-strip{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);box-shadow:var(--shadow);background:linear-gradient(#0c1527c7,#09101e99)}.admin-topbar{border-color:#6ea8ff38}.admin-topbar-badge{color:#d7e9ff;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#6ea8ff29,#4af2c529);border:1px solid #ffffff14;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:700}.brand-wrap{align-items:center;gap:14px;display:flex}.brand-mark{color:#05101b;background:linear-gradient(135deg,#6ea8ff,#4af2c5 62%,#9f7aea);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 12px 32px #6ea8ff52}.brand{letter-spacing:.08em;color:#f4f8ff;font-weight:800}.brand-sub{color:var(--muted);margin-top:2px;font-size:12px}.topbar nav{flex-wrap:wrap;gap:10px;display:flex}.topbar nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 16px;transition:all .24s}.topbar nav a.active,.topbar nav a:hover{color:#f6fbff;background:#ffffff0f;border-color:#ffffff14}.page-wrap{width:min(1240px,100% - 28px);margin:0 auto;padding:24px 0 64px}.page-card,.feature-card,.info-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:linear-gradient(#0d182bcc,#09111fd1)}.page-card{border-radius:32px;padding:32px;position:relative;overflow:hidden}.page-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6ea8ff14,#0000 34% 68%,#4af2c50f);position:absolute;inset:0}.info-card,.feature-card{border-radius:26px;padding:24px;position:relative;overflow:hidden}.home-stack{gap:24px;display:grid}.premium-hero{grid-template-columns:1.35fr .82fr;align-items:stretch;gap:22px;min-height:460px;display:grid}.white-hero,.white-section,.white-panel{background:0 0}.hero-copy{flex-direction:column;justify-content:center;padding-right:12px;display:flex}.eyebrow{letter-spacing:.32em;color:#8ec5ff;text-transform:uppercase;margin-bottom:14px;font-size:11px;display:inline-block}h1,h2,h3,h4{color:#f4f8ff}h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(40px,6vw,74px);line-height:.96}h2{margin:0 0 18px;font-size:clamp(28px,4vw,46px)}h3{margin:0 0 8px;font-size:22px}h4{margin:0 0 10px;font-size:18px}.lead,.muted,p,li,td,th,label,span{color:var(--muted)}.dark-text{color:#aac0df}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.primary-btn,.secondary-btn,button{cursor:pointer;border:none;border-radius:16px;padding:13px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s}.primary-btn:hover,.secondary-btn:hover,button:hover{transform:translateY(-1px)}.primary-btn,button{color:#04111b;background:linear-gradient(135deg,#6ea8ff,#4af2c5 65%,#9f7aea);box-shadow:0 12px 26px #6ea8ff3d}.secondary-btn{color:#eaf3ff;background:#ffffff0a;border:1px solid #ffffff14}.light-btn{background:#ffffff0a}.small-btn{padding:10px 14px;font-size:13px}.copy-btn{color:#04111b;background:linear-gradient(135deg,#4af2c5,#6ea8ff)}.metric-grid,.detail-grid,.grid-two,.admin-grid,.elegant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.metric-item{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:20px;padding:18px}.metric-item span{color:#87a0c0;margin-bottom:8px;font-size:12px;display:block}.metric-item strong{color:#f5f9ff;font-size:22px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{background:linear-gradient(#0f1b31d1,#09111fdb)}.feature-glow{pointer-events:none;width:180px;height:180px;position:absolute;inset:-40% auto auto -10%}.feature-glow-light{background:radial-gradient(circle,#6ea8ff2e,#0000 68%)}.service-detail-card ul,.info-card ul{padding-left:18px}.form-grid{gap:16px;margin-top:16px;display:grid}.form-grid label{color:#dbeafe;gap:8px;font-weight:600;display:grid}input,.admin-select{color:#f2f7ff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;outline:none;width:100%;padding:14px}input::placeholder{color:#7890af}input:focus,.admin-select:focus{border-color:#6ea8ff75;box-shadow:0 0 0 4px #6ea8ff1a}.panel-head{z-index:1;margin-bottom:22px;position:relative}.redeem-shell,.admin-shell{margin-top:6px}.elevated-card{background:linear-gradient(#0e192fe0,#0a1221db)}.result-box{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:20px;margin-top:18px;padding:18px}.glossy-box,.white-box{background:linear-gradient(#ffffff0a,#ffffff05)}.result-large{flex-direction:column;justify-content:center;min-height:240px;display:flex}.table-wrap{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 12px}th{color:#d9e9ff;letter-spacing:.04em;font-size:13px}.download-link,.link-preview{color:#8fd1ff;word-break:break-all}.inline-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.success-text{color:#56f0c8}.error-text{color:#ff8e93}.admin-redesign-shell{background:linear-gradient(#0a1323e0,#070d19eb)}.admin-hero-bar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.admin-hero-note{background:linear-gradient(135deg,#6ea8ff1f,#4af2c51a,#9f7aea1a);border:1px solid #ffffff14;border-radius:22px;min-width:220px;padding:18px}.admin-hero-note strong{color:#f3f8ff;margin-bottom:6px;display:block}.admin-stats-band,.stats-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat-tile{background:linear-gradient(#13213ce0,#0a1120eb);box-shadow:inset 0 1px #ffffff0d,0 18px 40px #0003}.admin-redesign-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px;display:grid}.lower-grid{grid-template-columns:1fr .52fr}.admin-control-card,.admin-visual-card,.admin-batch-card,.admin-filter-card,.admin-table-card-refined{box-shadow:var(--shadow)}.admin-chart-canvas{background:radial-gradient(circle at 100% 0,#6ea8ff14,#0000 40%),#ffffff05;border-radius:22px;width:100%;height:280px}.generated-code-list{gap:12px;max-height:420px;display:grid;overflow:auto}.refined-chip{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.refined-chip strong{color:#f0f6ff;letter-spacing:.08em;display:block}.refined-chip span{color:#7e95b5;font-size:12px}.split-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-meta{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;margin-top:18px;padding:16px 18px}.filter-meta strong{color:#f0f6ff;font-size:28px;display:block}.premium-table-wrap{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0f;border-radius:22px;overflow:hidden}.premium-admin-table{min-width:920px}.premium-admin-table thead th{z-index:1;background:#0c1527f5;position:sticky;top:0}.premium-admin-table tbody tr:nth-child(2n){background:#ffffff04}.premium-admin-table tbody tr:hover{background:#6ea8ff0d}.code-cell{color:#f1f7ff;letter-spacing:.08em;background:#ffffff0d;border-radius:12px;padding:8px 12px;font-weight:700;display:inline-flex}.status-pill{border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-unused{color:#9dcbff;background:#6ea8ff1f}.status-used{color:#ffc98d;background:#ffb06b1f}.status-success{color:#79f5d6;background:#4af2c51f}.table-subtitle{margin-top:6px}.saas-result-box{justify-content:flex-start;align-items:flex-start;gap:10px}.result-header-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.result-code{letter-spacing:.08em;color:#f3f8ff}.download-card{background:linear-gradient(#6ea8ff14,#4af2c50a);border:1px solid #ffffff14;border-radius:18px;width:100%;padding:16px}.centered-state{align-items:center}.admin-login-grid{align-items:stretch}@media (width<=980px){.premium-hero,.metric-grid,.detail-grid,.grid-two,.admin-grid,.feature-grid,.stats-band,.admin-stats-band,.admin-redesign-grid,.lower-grid{grid-template-columns:1fr}.topbar,.admin-hero-bar{flex-direction:column;align-items:flex-start;gap:14px}.split-head,.refined-chip,.result-header-row{flex-direction:column;align-items:flex-start}.admin-topbar-badge,.admin-hero-note{width:100%}}.table-action-stack{flex-wrap:wrap;gap:8px;display:flex}.admin-traffic-panel{margin-bottom:18px}.traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.traffic-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:18px}.traffic-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.traffic-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.traffic-metrics span{color:#8fa8c8;margin-bottom:6px;font-size:12px;display:block}.traffic-metrics strong{color:#f4f8ff;font-size:18px}.traffic-progress-row{gap:12px;display:grid}.traffic-progress-bar{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.traffic-progress-bar strong{color:#f4f8ff;text-align:right;min-width:52px}.traffic-progress-bar>div,.traffic-progress-track{width:100%}.traffic-progress-bar .traffic-progress-fill{height:100%}.traffic-progress-bar .traffic-progress-bar-inner,.traffic-progress-bar .traffic-progress-slot,.traffic-progress-bar .traffic-progress-wrap{width:100%}.traffic-progress-bar:before{content:"";display:none}.traffic-progress-bar>.traffic-progress-bar,.traffic-progress-bar>.traffic-progress-fill{display:none}.traffic-progress-bar>div:first-child{background:#ffffff14;border-radius:999px;height:10px;position:relative;overflow:hidden}.traffic-progress-fill{background:linear-gradient(90deg,#4af2c5,#6ea8ff 55%,#9f7aea);border-radius:999px;height:10px}@media (width<=980px){.traffic-grid,.traffic-metrics{grid-template-columns:1fr}}