:root{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#eef5ff;background:radial-gradient(circle at 50% 0,rgba(22,136,255,.16),transparent 18%),linear-gradient(#010307 0%,#020713 42%,#000 100%);margin:0}body:before,body:after{content:"";pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}body:before{background:linear-gradient(90deg,transparent,rgba(72,192,255,.16),transparent) top/100% 1px no-repeat,linear-gradient(rgba(72,192,255,.06),transparent 110px) top/100% 110px no-repeat}body:after{opacity:.1;background:linear-gradient(rgba(28,72,136,.06) 1px,transparent 1px) 0 0/100% 58px,linear-gradient(90deg,rgba(28,72,136,.04) 1px,transparent 1px) 0 0/58px 100%}button,input,select,textarea{font:inherit}a{color:inherit}.billing-page{color:#edf5ff;background:radial-gradient(circle at 82% 0,rgba(100,54,255,.18),transparent 25%),radial-gradient(circle at 12% 16%,rgba(0,220,255,.1),transparent 22%);min-height:100vh;padding:34px max(20px,min(4vw,64px)) 56px;position:relative;overflow:hidden}.billing-page:before{content:"";pointer-events:none;opacity:.65;background:linear-gradient(rgba(72,192,255,.055) 1px,transparent 1px) 0 0/100% 52px,linear-gradient(90deg,rgba(72,192,255,.035) 1px,transparent 1px) 0 0/52px 100%;position:fixed;top:0;bottom:0;left:0;right:0}.billing-header,.billing-command-bar,.billing-hero-grid,.section-heading,.feature-grid,.billing-bottom-grid{z-index:1;max-width:1500px;margin-left:auto;margin-right:auto;position:relative}.billing-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.billing-brand{align-items:center;gap:13px;display:flex}.billing-brand-mark{color:#5deaff;background:rgba(12,83,144,.28);border:1px solid rgba(83,218,255,.45);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 24px rgba(0,204,255,.2)}.eyebrow{color:#6f9bc5;letter-spacing:.16em;margin:0 0 5px;font-size:10px;font-weight:700}.billing-brand h1,.section-heading h2,.panel-heading h2{letter-spacing:0;margin:0;font-size:max(22px,min(2.6vw,32px));font-weight:600}.billing-header-actions{align-items:center;gap:12px;display:flex}.live-badge{color:#8feaff;background:rgba(13,75,108,.22);border:1px solid rgba(77,219,255,.25);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.live-badge i{background:#46edb2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #46edb2}.live-badge.is-warn{color:#ffcc7d;border-color:rgba(255,181,78,.28)}.live-badge.is-warn i{background:#ffb54e;box-shadow:0 0 10px #ffb54e}.icon-button{color:#b6d5ff;cursor:pointer;background:rgba(14,36,75,.55);border:1px solid rgba(118,166,232,.2);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.billing-command-bar{color:#7f9abe;background:rgba(7,22,52,.55);border:1px solid rgba(80,139,226,.18);border-radius:13px;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:18px;padding:11px 16px;font-size:12px;display:flex}.billing-command-bar div{align-items:center;gap:8px;display:flex}.billing-command-bar svg{color:#68dcff}.billing-command-bar strong{color:#d9eaff;font-weight:500}.billing-command-bar .sync-time{margin-left:auto}.billing-hero-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:14px;display:grid}.billing-hero-card,.metric-card,.feature-card,.panel-card{background:linear-gradient(145deg,rgba(10,32,70,.9),rgba(4,13,33,.82));border:1px solid rgba(80,143,233,.2);border-radius:16px;box-shadow:inset 0 1px rgba(190,226,255,.07),0 16px 42px rgba(0,7,20,.2)}.billing-hero-card,.metric-card{min-height:170px;padding:21px 23px}.hero-card-top,.metric-card-top{color:#96b5d8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.hero-card-top svg{color:#66e9ff}.billing-hero-card>strong{color:#6feaff;text-shadow:0 0 22px rgba(0,210,255,.24);margin-top:27px;font-size:max(38px,min(5vw,64px));font-weight:600;line-height:.9;display:block}.billing-hero-card p,.metric-card p{color:#7c99bd;margin:15px 0 0;font-size:12px}.metric-card-top svg{width:18px}.metric-card>strong{margin-top:34px;font-size:34px;font-weight:600;display:block}.metric-card.tone-cyan>strong{color:#6eeaff}.metric-card.tone-green>strong{color:#64edba}.metric-card.tone-red>strong{color:#ff8798}.section-heading{justify-content:space-between;align-items:end;margin-top:42px;margin-bottom:16px;display:flex}.section-heading h2,.panel-heading h2{font-size:21px}.section-note{color:#6685aa;font-size:12px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feature-card{padding:18px}.feature-title{align-items:center;gap:10px;display:flex}.feature-title>svg{color:#7fa6d2;margin-left:auto}.feature-code{color:#70ddff;letter-spacing:.06em;background:rgba(32,115,198,.18);border-radius:11px;place-items:center;width:38px;height:38px;font-size:9px;display:grid}.feature-card.tone-violet .feature-code{color:#ca9cff;background:rgba(131,74,204,.2)}.feature-card.tone-pink .feature-code{color:#ff9cdb;background:rgba(198,66,151,.18)}.feature-card.tone-blue .feature-code{color:#89b8ff;background:rgba(66,110,206,.2)}.feature-title h3{color:#e6f1ff;margin:0;font-size:16px;font-weight:600}.feature-title span:not(.feature-code){color:#6685aa;margin-top:4px;font-size:10px;display:block}.feature-count{align-items:baseline;gap:8px;margin:27px 0 15px;display:flex}.feature-count strong{color:#f2f8ff;font-size:34px;font-weight:600}.feature-count span{color:#7f9abe;font-size:12px}.feature-stats{color:#7090b7;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;display:grid}.feature-stats b{float:right;color:#dceaff;font-weight:500}.feature-stats b.bad{color:#ff9a9f}.rate-track{background:rgba(75,119,177,.2);border-radius:3px;height:3px;margin-top:18px;overflow:hidden}.rate-track i{background:#59e8ff;height:100%;display:block;box-shadow:0 0 11px #59e8ff}.billing-bottom-grid{grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px;display:grid}.panel-card{padding:20px}.panel-heading{justify-content:space-between;align-items:start;display:flex}.panel-heading>svg{color:#79a8d6}.pipeline{align-items:center;margin-top:31px;display:flex}.pipeline-node{color:#b9d3ef;white-space:nowrap;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.pipeline-node b{color:#59e8bb;grid-column:2;font-size:10px;font-weight:500}.pipeline-dot{background:#59e8bb;border-radius:50%;width:9px;height:9px;box-shadow:0 0 11px #59e8bb}.pipeline-line{background:linear-gradient(90deg,rgba(89,232,187,.7),rgba(83,171,255,.2));flex:1;height:1px;margin:0 12px}.muted-copy{color:#6e8daf;margin:26px 0 0;font-size:11px}.token-card label{color:#7897bb;margin-top:27px;font-size:11px;display:block}.token-input{background:rgba(3,13,31,.65);border:1px solid rgba(95,150,225,.25);border-radius:9px;margin-top:8px;display:flex;overflow:hidden}.token-input input{color:#ddecff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 11px;font-size:12px}.token-input button,.save-token{color:#8bb9e8;cursor:pointer;background:rgba(21,64,119,.55);border:0;font-size:11px}.token-input button{padding:0 12px}.save-token{border:1px solid rgba(92,181,255,.22);border-radius:8px;margin-top:12px;padding:9px 13px}.save-token:hover,.icon-button:hover{background:rgba(28,86,154,.72)}@media (max-width:1000px){.billing-hero-grid{grid-template-columns:repeat(2,1fr)}.billing-hero-card{grid-column:span 2}.feature-grid{grid-template-columns:repeat(2,1fr)}.billing-bottom-grid{grid-template-columns:1fr}.pipeline{flex-wrap:wrap;gap:12px}.pipeline-line{min-width:30px}}@media (max-width:620px){.billing-page{padding:22px 15px 36px}.billing-header{align-items:start}.billing-brand h1{font-size:20px}.live-badge{padding:9px;font-size:0}.live-badge i{margin:0}.billing-command-bar{gap:12px}.billing-command-bar .sync-time{margin-left:0}.billing-hero-grid,.feature-grid{grid-template-columns:1fr}.billing-hero-card{grid-column:auto}.billing-hero-card,.metric-card{min-height:145px}.section-heading{margin-top:30px}.pipeline{gap:16px;display:grid}.pipeline-line{display:none}}