: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}.admin-select-field{gap:8px;display:grid}.admin-select-shell{width:100%;position:relative}.admin-select-trigger{color:#f1f7ff;text-align:left;background:linear-gradient(#0f1b31eb,#0a1221f5);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:54px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 16px 36px #00000029}.admin-select-trigger:hover,.admin-select-option:hover{transform:none}.admin-select-trigger:focus-visible{border-color:#4af2c56b;box-shadow:0 0 0 4px #4af2c514,0 16px 36px #00000029}.admin-select-trigger.is-open{border-color:#6ea8ff57;box-shadow:0 0 0 4px #6ea8ff14,0 16px 36px #00000029}.admin-select-trigger-text{color:#f3f8ff;flex:1;font-weight:700;line-height:1.4}.admin-select-placeholder{color:#89a3c7}.admin-select-trigger-arrow{color:#8ec5ff;flex-shrink:0;font-size:16px;transition:transform .18s,color .18s}.admin-select-trigger-arrow.is-open{color:#4af2c5;transform:rotate(180deg)}.admin-select-menu{z-index:980;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#0d182bfa,#08101dfa);border:1px solid #ffffff1a;border-radius:20px;padding:8px;position:fixed;overflow-y:auto;box-shadow:0 26px 70px #0000006b}.admin-select-option{width:100%;box-shadow:none;color:#dce9ff;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-select-option:hover{background:#ffffff0d;border-color:#ffffff0f}.admin-select-option.is-selected{background:linear-gradient(135deg,#4af2c524,#6ea8ff29);border-color:#6ea8ff38}.admin-select-option-label{color:#e5f0ff;word-break:break-word;flex:1;font-weight:600}.admin-select-option-check{color:#79f5d6;white-space:nowrap;background:#04111b57;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.log-filter-trigger{border-color:#6ea8ff38;min-height:54px}.log-filter-menu{border-color:#6ea8ff2e}.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}}.admin-view-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.tab-btn{color:#dce8ff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:10px 16px;font-weight:700}.active-tab{background:linear-gradient(135deg,#4af2c529,#6ea8ff29);border-color:#6ea8ff47}.confirm-dialog-backdrop{z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040a14ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.confirm-dialog-card{overscroll-behavior:contain;background:linear-gradient(#0d182bf5,#08101dfa);border:1px solid #ffffff1a;border-radius:28px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:26px;overflow-y:auto;box-shadow:0 28px 80px #00000070}.confirm-dialog-head h3{margin-bottom:10px}.confirm-dialog-head p{margin:0}.confirm-dialog-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.confirm-summary-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:14px 16px}.confirm-summary-item span{color:#86a0c3;margin-bottom:8px;font-size:12px;display:block}.confirm-summary-item strong{color:#f4f8ff;word-break:break-word}.confirm-danger-text{color:#ffb4b6}.confirm-impact-list{gap:10px;margin-top:18px;display:grid}.confirm-impact-list p{color:#ffd6c6;background:linear-gradient(#ef444417,#f9731614);border:1px solid #f973162e;border-radius:16px;margin:0;padding:12px 14px}.confirm-dialog-actions{background:linear-gradient(#0d182b00,#08101df5 28%);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex;position:sticky;bottom:-26px}.danger-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border:none}.traffic-progress-slot{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.admin-log-intro-card,.admin-log-settings-card,.admin-log-stream-card{margin-bottom:18px}.log-intro-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.log-pause-pill{min-width:124px}.log-pause-pill-active{color:#79f5d6;background:#4af2c51f}.log-pause-pill-paused{color:#ffc4c7;background:#ef444424}.log-type-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.log-type-support-card{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.log-type-support-card strong{color:#f4f8ff;margin-bottom:8px;display:block}.log-type-support-card p{margin:0}.log-limit-panel{background:linear-gradient(135deg,#6ea8ff14,#4af2c50f,#ffffff05);border:1px solid #ffffff14;border-radius:22px;gap:16px;margin-top:18px;padding:18px;display:grid}.log-limit-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.log-limit-metric{background:#08101d6b;border:1px solid #ffffff0f;border-radius:18px;padding:14px 16px}.log-limit-metric span{color:#8fb0d7;margin-bottom:8px;font-size:12px;display:block}.log-limit-metric strong{color:#f4f8ff;font-size:20px}.log-limit-actions-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;display:grid}.log-limit-input{gap:8px;display:grid}.log-limit-input input{min-height:48px}.log-limit-help{margin:0}.log-limit-warning{background:linear-gradient(#ef44441f,#f9731614);border:1px solid #f9731633;border-radius:18px;padding:14px 16px}.log-limit-warning strong{color:#ffe2db;margin-bottom:6px;display:block}.log-limit-warning p{color:#ffd6c6;margin:0}.logging-port-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.logging-port-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;gap:14px;padding:18px;display:grid}.logging-port-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.logging-port-metrics span{color:#86a0c3;margin-bottom:6px;font-size:12px;display:block}.logging-port-metrics strong{color:#f4f8ff;word-break:break-word;font-size:16px}.log-card-subtitle{margin:6px 0 0}.log-toggle-row{color:#e4efff;align-items:center;gap:12px;font-weight:700;display:flex!important}.log-checkbox{accent-color:#4af2c5;border-radius:6px;height:18px;margin:0;width:18px!important;box-shadow:none!important;padding:0!important}.log-type-picker{flex-wrap:wrap;gap:10px;display:flex}.log-type-option{color:#dce9ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex!important}.log-type-option.checked{background:linear-gradient(135deg,#4af2c524,#6ea8ff24);border-color:#6ea8ff3d}.log-type-option.disabled{opacity:.55}.logging-port-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.log-filter-bar{grid-template-columns:1fr 1fr 240px;gap:14px;margin-top:18px;display:grid}.log-filter-meta{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-content:center;padding:14px 16px;display:grid}.log-filter-meta span{color:#86a0c3;margin-bottom:8px;font-size:12px;display:block}.log-filter-meta strong{color:#f4f8ff;font-size:16px}.port-log-list{gap:12px;margin-top:18px;display:grid}.port-log-item{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.port-log-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.port-log-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.port-log-meta strong{color:#f4f8ff}.port-log-remark{color:#dce9ff;background:#ffffff0f;border-radius:999px;padding:4px 10px;font-size:12px;display:inline-flex}.port-log-item p{color:#d7e6ff;word-break:break-word;margin:0}.log-type-pill{min-width:86px}.log-type-traffic{color:#79f5d6;background:#4af2c51f}.log-type-access{color:#9dcbff;background:#6ea8ff1f}.log-type-runtime{color:#ffc98d;background:#ffb06b1f}@media (width<=980px){.confirm-dialog-summary{grid-template-columns:1fr}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions button{width:100%}.log-type-support-grid,.log-limit-metrics,.logging-port-grid,.logging-port-metrics,.log-filter-bar,.log-limit-actions-row{grid-template-columns:1fr}.log-intro-badges,.logging-port-footer,.port-log-head{flex-direction:column;align-items:flex-start}}