:root {
  --ink: #122033;
  --muted: #718096;
  --line: #e5eaef;
  --panel: rgba(255,255,255,.94);
  --mint: #10ac99;
  --mint-dark: #078c7e;
  --mint-soft: #e9faf7;
  --blue: #3d7ff2;
  --purple: #9859f7;
  --orange: #f59e0b;
  --danger: #ef476f;
  --shadow: 0 8px 28px rgba(31,72,78,.08), 0 1px 2px rgba(31,72,78,.08);
  --sidebar: 244px;
}
* { box-sizing: border-box; }
html { color-scheme: light; }
body {
  margin: 0;
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  background: #f7fafb;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
:focus-visible { outline:3px solid rgba(20,178,158,.24); outline-offset:2px; }
.page-bg {
  min-height: 100vh;
  background:
    radial-gradient(circle at 42% 8%, rgba(53,211,195,.13), transparent 30%),
    radial-gradient(circle at 96% 0%, rgba(86,196,230,.12), transparent 27%),
    linear-gradient(135deg,#f8fcfc,#f5f8fa 72%);
}
.grid-bg {
  min-height: 100vh;
  background-color: #fbfdfd;
  background-image: linear-gradient(rgba(30,90,100,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(30,90,100,.045) 1px,transparent 1px), radial-gradient(circle at 90% 8%,rgba(26,214,194,.16),transparent 24%), radial-gradient(circle at 20% 85%,rgba(85,202,215,.11),transparent 28%);
  background-size: 52px 52px,52px 52px,auto,auto;
}
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.02em; }
.brand-mark {
  display:grid; place-items:center; width:38px; height:38px; border-radius:11px;
  color:#72f0dd; background:linear-gradient(145deg,#17263b,#0a1728);
  box-shadow:0 5px 14px rgba(10,32,52,.22); font-size:15px; border:1px solid rgba(69,232,208,.45);
}
.brand-name { font-size:20px; }
.public-nav { max-width:1120px; height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 24px; }
.nav-actions { display:flex; align-items:center; gap:16px; color:#526274; font-size:14px; }
.nav-login{font-weight:750;color:#33465a;padding:8px 4px}.nav-login:hover{color:var(--mint-dark)}
.nav-actions .login-pill { color:white; background:#132034; border-radius:999px; padding:9px 18px; font-weight:700; }
.nav-actions .login-pill,.btn,.feature-card,.model-badge,.platform { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }
.nav-actions .login-pill:hover,.btn:not(:disabled):hover { transform:translateY(-1px); }
.hero { max-width:1120px; margin:54px auto 0; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:88px; align-items:center; }
.hero h1 { font-size:58px; line-height:1.06; margin:0; letter-spacing:-.045em; }
.hero .sub { margin:18px 0 30px; font-size:18px; color:#526274; }
.btn { border:0; border-radius:12px; padding:12px 18px; background:#fff; color:var(--ink); box-shadow:0 3px 12px rgba(21,45,55,.08); display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; min-height:44px; }
.btn-primary { background:linear-gradient(135deg,#19bba7,#079785); color:white; box-shadow:0 8px 18px rgba(12,164,145,.25); }
.btn-outline { border:1px solid var(--line); box-shadow:none; }
.btn-danger { color:#d63a5d; background:#fff0f3; box-shadow:none; }
.btn:disabled { opacity:.48; cursor:not-allowed; }
.terminal { background:#142238; border-radius:15px; box-shadow:0 24px 45px rgba(13,32,51,.24); color:#b9c6d4; overflow:hidden; transform:rotate(.2deg); }
.terminal-head { height:44px; background:#1d2c43; display:flex; align-items:center; gap:7px; padding:0 18px; }
.dot { width:10px; height:10px; border-radius:50%; background:#fb4f59; }
.dot:nth-child(2){background:#f4be36}.dot:nth-child(3){background:#22c67a}
.terminal-title { margin-left:auto; margin-right:auto; font:12px ui-monospace,monospace; color:#728197; }
.terminal pre { margin:0; padding:25px 30px 30px; min-height:158px; font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; }
.code-green{color:#3fe2c6}.code-blue{color:#4ca0ff}.code-yellow{color:#f8cc65}
.chips { grid-column:1/-1; display:flex; justify-content:center; gap:12px; margin-top:-24px; flex-wrap:wrap; }
.chip { background:rgba(255,255,255,.88); border:1px solid #e3eaed; color:#536375; border-radius:999px; padding:9px 15px; font-size:14px; box-shadow:0 3px 10px rgba(30,60,70,.05); }
.feature-grid { max-width:940px; margin:38px auto 0; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.feature-card { background:rgba(255,255,255,.9); border:1px solid #e6ecee; border-radius:17px; padding:24px; min-height:158px; box-shadow:0 10px 34px rgba(29,70,76,.045); }
.feature-card:hover,.model-badge:hover { transform:translateY(-3px); border-color:#b7e9e2; box-shadow:0 18px 42px rgba(29,70,76,.09); }
.feature-card h3 { margin:16px 0 8px; font-size:18px; }.feature-card p { margin:0; color:#687689; font-size:14px; line-height:1.65; }
.feature-icon { width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:white;font-weight:800;background:var(--blue) }.feature-card:nth-child(2) .feature-icon{background:var(--mint)}.feature-card:nth-child(3) .feature-icon{background:var(--purple)}
.models { text-align:center; margin:36px auto 0; padding:0 24px 90px; }.models h2{font-size:24px;margin-bottom:6px}.models>p{color:#758294;margin:0 0 22px}.model-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.model-badge{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid #a8eee4;border-radius:13px;min-width:315px;text-align:left;box-shadow:0 8px 24px rgba(25,72,76,.05)}.model-letter{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;color:white;font-weight:800;background:var(--mint)}.model-badge:nth-child(2) .model-letter{background:var(--blue)}.model-badge:nth-child(3) .model-letter{background:var(--purple)}.model-route,.model-price-line{display:block;color:#8792a0;margin-top:3px}.model-price-line{font-size:11px;white-space:nowrap}.supported{font-size:12px;color:#078c7e;background:#dcfaf3;padding:3px 7px;border-radius:5px;margin-left:auto;white-space:nowrap}.public-footer{text-align:center;color:#8994a3;padding:22px;font-size:13px}
.auth-page { min-height:100vh; display:grid; place-items:center; padding:28px; }
.auth-card { width:min(940px,100%); min-height:590px; display:grid; grid-template-columns:1.04fr .96fr; background:rgba(255,255,255,.97); border:1px solid #e4ecee; border-radius:24px; box-shadow:0 24px 70px rgba(34,86,91,.14); overflow:hidden; }
.register-card{width:min(1000px,100%);min-height:760px;grid-template-columns:.94fr 1.06fr}
.auth-side { padding:52px; background:linear-gradient(145deg,#0ba896,#067f77); color:white; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
.auth-side:after { content:""; position:absolute; width:360px;height:360px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-150px;bottom:-130px;box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.025) }
.auth-side .brand-mark{background:rgba(10,42,55,.45)}.auth-side h1{font-size:40px;line-height:1.18;margin:28px 0 12px;letter-spacing:-.035em}.auth-side p{line-height:1.75;color:rgba(255,255,255,.82)}
.auth-form { padding:52px; display:flex; flex-direction:column; justify-content:center; }.auth-form h2{font-size:30px;margin:0 0 8px}.auth-form>.muted{margin-bottom:28px}.field{margin-bottom:17px}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.input{width:100%;min-height:48px;border:1px solid #dfe6ea;border-radius:11px;padding:0 14px;outline:none;background:#fff}.input:focus{border-color:#4dc9b9;box-shadow:0 0 0 3px rgba(36,189,170,.12)}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:-2px 0 18px}.link{color:#079989;font-weight:700}.auth-form .btn{width:100%}.switch-auth{text-align:center;color:#748194;margin-top:22px;font-size:14px}
.register-form{padding:34px 48px;justify-content:center}.register-form>.muted{margin-bottom:20px}.register-form .field{margin-bottom:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f5;border-radius:12px;padding:4px;margin-bottom:22px}.auth-tabs>*{display:grid;place-items:center;min-height:40px;border-radius:9px;color:#718092;font-size:14px;font-weight:750}.auth-tabs .active{background:#fff;color:#087f73;box-shadow:0 2px 10px rgba(25,60,65,.08)}.code-row{display:grid;grid-template-columns:1fr 124px;gap:9px}.code-button{min-height:48px;border:1px solid #97ded5;border-radius:11px;background:#edfbf8;color:#087f73;font-weight:800;font-size:13px}.code-button:hover:not(:disabled){background:#dff8f3}.code-button:disabled{cursor:not-allowed;opacity:.68}.field-hint{display:block;color:#8a96a4;font-size:11px;line-height:1.5;margin-top:6px}.field-hint.success{color:#098f74}.optional{font-size:11px;color:#9aa5b0;font-weight:500}.auth-consent{display:flex;align-items:flex-start;gap:8px;color:#6f7e8f;font-size:12px;line-height:1.55;margin:0 0 16px}.auth-consent input{margin-top:2px;accent-color:var(--mint)}.auth-trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#6d7e8e;font-size:11px;margin-top:16px}.auth-trust span{padding:5px 8px;border-radius:999px;background:#f1faf8;color:#0b887b}.switch-auth.compact{margin-top:8px}
.app-shell { min-height:100vh; display:grid; grid-template-columns:var(--sidebar) 1fr; }
.app-shell.is-collapsed { --sidebar:84px; }
.sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar); background:#fff; border-right:1px solid var(--line); z-index:20; display:flex; flex-direction:column; padding:20px 14px 16px; }
.sidebar .brand{padding:0 10px 18px;border-bottom:1px solid #eef1f3}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:14px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#4d5d70;font-size:15px;border:0;background:transparent;text-align:left;width:100%;white-space:nowrap}.nav-item:hover{background:#f4f8f8}.nav-item.active{color:#078f81;background:#eafaf7;font-weight:700}.nav-icon{width:23px;flex:0 0 23px;text-align:center;font-weight:700;color:#778696}.nav-item.active .nav-icon{color:#0aa894}.danger-nav:hover{color:#c93657;background:#fff0f3}.side-bottom{margin-top:auto;border-top:1px solid #eef1f3;padding-top:12px}.main { grid-column:2; min-width:0; }.sidebar-scrim{display:none}
.app-shell.is-collapsed .sidebar{padding-inline:10px}.app-shell.is-collapsed .sidebar .brand{justify-content:center;padding-inline:0}.app-shell.is-collapsed .brand-name,.app-shell.is-collapsed .nav-label{display:none}.app-shell.is-collapsed .nav-item{justify-content:center;padding-inline:10px}.app-shell.is-collapsed .nav-icon{width:24px;flex-basis:24px}
.topbar { height:66px; background:rgba(255,255,255,.9); border-bottom:1px solid #e9eef0; position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:0 28px; backdrop-filter:blur(12px); }
.page-title h1{font-size:20px;margin:0}.page-title p{font-size:13px;color:#7a8796;margin:3px 0 0}.top-actions{display:flex;align-items:center;gap:15px;color:#607083}.balance-pill{color:#078f81;background:#edfbf8;border-radius:999px;padding:8px 13px;font-weight:800}.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#1bbba7,#079383);color:#fff;display:grid;place-items:center;font-weight:800}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.content { padding:28px; }
.cards { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px }.stat{background:var(--panel);border:1px solid #e6edef;border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;gap:14px;min-height:112px}.stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:11px;display:grid;place-items:center;font-weight:800}.tone-green{color:#079b76;background:#dffbee}.tone-blue{color:#286ee3;background:#e4edff}.tone-orange{color:#d98700;background:#fff2d2}.tone-purple{color:#8b42e9;background:#f2e7ff}.tone-red{color:#e04367;background:#ffe6ed}.stat-label{color:#758193;font-size:14px}.stat-value{font-size:22px;font-weight:850;margin:3px 0}.stat-note{color:#8692a1;font-size:12px}.green{color:#079b76}.purple{color:#914ce8}
.panel { background:var(--panel);border:1px solid #e4ebed;border-radius:17px;box-shadow:var(--shadow);margin-top:18px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #edf1f2;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:17px;margin:0}.panel-body{padding:20px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.platform{border:1px solid #e1e7ea;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:7px}.platform:hover{border-color:#bcded9;box-shadow:0 12px 25px rgba(25,70,76,.07)}.platform h3{margin:0;font-size:16px}.platform-subtitle{color:#84909e;font-size:12px;margin-top:3px}.platform-price{font-weight:850;color:#8d4bea;white-space:nowrap}.platform-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:12px;color:#778396}.platform-details b{color:#26374a;overflow-wrap:anywhere}.pricing-disclaimer{color:#7d8897;font-size:12px;line-height:1.6;margin:14px 0 0}.models>.pricing-disclaimer{max-width:920px;margin:16px auto 0}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar .input,.toolbar select{width:auto;min-width:180px}.range-label{font-size:14px;font-weight:750;color:#667688;margin-right:auto}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf0f2;font-size:14px}.table th{color:#6e7c8d;font-weight:700;background:#fbfcfd}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;background:#e1faec;color:#09874e;font-weight:700}.badge-blue{background:#e5efff;color:#2c69d1}.badge-off{background:#f0f2f4;color:#7a8592}.secret{font:13px ui-monospace,monospace;background:#eff8f7;color:#078b7d;padding:5px 8px;border-radius:6px}.actions{display:flex;gap:7px;flex-wrap:wrap}.icon-btn{border:1px solid #e0e6e9;background:#fff;border-radius:9px;padding:8px 10px;color:#536276}.icon-btn:hover{border-color:#8fd9cf;background:#f1fbf9}.empty{display:grid;place-items:center;text-align:center;min-height:240px;color:#8995a4}.empty-icon{width:62px;height:62px;border-radius:50%;background:#f2f4f7;display:grid;place-items:center;font-size:25px;margin:auto}.empty h3{color:#28384b;margin:14px 0 6px}.empty p{margin:0}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.donut-row{display:flex;align-items:center;gap:28px}.donut{width:165px;height:165px;border-radius:50%;background:conic-gradient(var(--mint) 0 55%,var(--blue) 55% 85%,var(--purple) 85% 100%);position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;inset:34px;background:white;border-radius:50%}.legend{flex:1}.legend-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid #eef1f2;font-size:14px}.trend{height:170px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 33px,#edf1f3 34px);overflow:hidden}.trend svg{position:absolute;inset:0;width:100%;height:100%}
.usage-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usage-breakdown>div{padding:15px;border:1px solid #e7ecef;border-radius:12px;background:#fbfcfd}.usage-breakdown span{display:block;color:#7b8796;font-size:12px}.usage-breakdown b{display:block;font-size:21px;margin-top:5px;color:#183148}
.center-column{max-width:880px;margin:0 auto}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f2f5;border-radius:12px;padding:4px;margin-bottom:18px}.tab{display:grid;place-items:center;border:0;background:transparent;border-radius:9px;padding:11px}.tab.active{background:white;box-shadow:0 1px 4px rgba(20,40,50,.1)}.tab-disabled{color:#9aa4b0}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.amount{border:1px solid #dfe6e9;background:white;border-radius:11px;padding:18px 8px;text-align:center}.amount.active{border-color:#13ae9b;background:#edfbf8;color:#078e80;font-weight:800}.notice{border:1px solid #85e5d7;background:#ecfcf8;border-radius:11px;padding:15px;color:#08796d}.payment-option{display:inline-flex;align-items:center;gap:10px;border:2px solid #4bbcf0;background:#eef8ff;border-radius:10px;padding:15px 38px;font-weight:700}.wide{width:100%}.redeem-hero{background:linear-gradient(145deg,#17b5a2,#069486);color:white;border-radius:17px;padding:30px;text-align:center;box-shadow:var(--shadow)}.redeem-hero .big{font-size:38px;font-weight:900;margin:5px}.profile-head{display:flex;align-items:center;gap:22px}.profile-avatar{width:78px;height:78px;border-radius:22px;background:linear-gradient(145deg,#1bbba7,#078f82);color:white;display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 8px 18px rgba(8,151,135,.22)}.profile-meta{flex:1}.profile-meta h2{margin:0 0 5px;font-size:25px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.mini-stat{background:#fbfcfd;border-radius:11px;padding:13px}.mini-stat span{display:block;color:#8994a3;font-size:12px}.mini-stat b{font-size:18px}.binding{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e6ebed;border-radius:12px;margin-top:10px}.binding .provider{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e4faf6;color:#079687;font-weight:800}.binding .grow{flex:1}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-table{width:100%;min-width:720px;border-collapse:collapse}.price-table td,.price-table th{padding:14px;border-bottom:1px solid #edf1f2;text-align:left}.price-table th{color:#768394;font-size:13px}.api-endpoint{display:flex;gap:8px;background:#f7fafb;border:1px solid #e3e9ec;border-radius:10px;padding:11px 13px;font:13px ui-monospace,monospace}.api-endpoint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.cc-card{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;background:linear-gradient(135deg,#10233b,#123047);color:white;border:0}.cc-card .panel-body{display:contents}.cc-copy{padding:26px}.cc-copy h2{margin:0 0 8px;font-size:22px}.cc-copy p{margin:0;color:#b7c8d6;line-height:1.65}.cc-actions{padding:22px;background:rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.1)}.cc-actions label{display:block;font-size:13px;color:#b9c9d6;margin-bottom:7px}.cc-actions .input{background:#fff;margin-bottom:12px}.cc-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cc-button{border:1px solid rgba(95,231,211,.35);background:rgba(21,178,158,.14);color:#eafffb;border-radius:10px;padding:11px 8px;font-weight:750}.cc-button:hover{background:#0eab98}.cc-button:disabled{opacity:.45}.cc-help{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#a9bbc9}.cc-help a{color:#5fe3d0;font-weight:700}
.eyebrow{display:block;color:#13aa98;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.cc-card .eyebrow{color:#5fe3d0}.panel-sub{color:#7d8998;font-size:13px;margin:5px 0 0}.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-summary article{background:#fff;border:1px solid #e2eaed;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.admin-summary span,.admin-summary small{display:block;color:#7b899a;font-size:13px}.admin-summary b{display:block;font-size:24px;margin:7px 0;color:#16314a}.profit-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profit-controls label{font-weight:750;font-size:14px}.profit-controls small{display:block;color:#82909f;font-weight:400;line-height:1.45;margin-top:6px}.profit-controls .input{margin-top:8px}.protection-switch{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;border:1px solid #80dfd1;background:#ecfbf8;border-radius:12px;cursor:pointer}.protection-switch input{width:20px;height:20px;margin-top:2px;accent-color:#0aa28f}.protection-switch span{display:flex;flex-direction:column;gap:4px}.protection-switch small{color:#5e7c79}.peak-note{margin-top:14px;padding:14px 16px;border-radius:11px;background:#f4f7fa;color:#506274;line-height:1.65;font-size:14px}.peak-note small{color:#7f8b99}.warning{margin-top:14px;padding:14px 16px;border:1px solid #f5b6c4;background:#fff1f4;color:#a92749;border-radius:11px;line-height:1.6}.pricing-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.pricing-editor{background:#fff;border:1px solid #e2eaed;border-radius:17px;padding:18px;box-shadow:var(--shadow);min-width:0}.pricing-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pricing-editor-head h3{font-size:16px;margin:0 0 7px}.pricing-editor-head code{display:inline-block;color:#4d6175;background:#f0f4f6;padding:4px 7px;border-radius:6px;font-size:12px}.margin-pill{color:#087f72;background:#e2faf5;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.cost-block{border:1px solid #e5eaed;border-radius:12px;padding:12px}.cost-block.peak{border-color:#f0d3a0;background:#fffaf0}.cost-block h4{margin:0 0 10px;font-size:13px}.cost-block h4 small{display:block;color:#8b96a3;font-weight:400;margin-top:3px}.cost-block label{display:grid;grid-template-columns:1fr;gap:4px;color:#718092;font-size:12px;margin-top:8px}.input.compact{min-height:38px;padding:0 9px;font-size:13px}.sale-strip{margin-top:14px;padding:13px;border-radius:12px;background:linear-gradient(135deg,#10263c,#16364a);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sale-strip>span{grid-column:1/-1;color:#7bead8;font-size:12px;font-weight:800}.sale-strip strong{font-size:12px;color:#b9cad6}.sale-strip strong b{display:block;color:#fff;font-size:17px;margin-top:2px}.sale-strip small{grid-column:1/-1;color:#9fb4c2;line-height:1.45}.save-bar{position:sticky;bottom:14px;z-index:8;margin-top:18px;background:rgba(255,255,255,.96);border:1px solid #dfe7ea;border-radius:15px;padding:14px 16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;box-shadow:0 14px 40px rgba(20,45,55,.14);backdrop-filter:blur(12px)}.save-bar>div{margin-right:auto}.save-bar small{display:block;color:#7c8998;margin-top:4px}
.manual-price-block{margin-top:12px;padding:12px;border:1px solid #b8e5dd;background:#f1fbf9;border-radius:12px}.manual-price-toggle{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.manual-price-toggle input{width:18px;height:18px;margin-top:1px;accent-color:#0aa28f}.manual-price-toggle span{display:flex;flex-direction:column;gap:2px}.manual-price-toggle b{font-size:13px;color:#174a45}.manual-price-toggle small{font-size:11px;color:#6f8985}.manual-price-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.manual-price-fields label{display:grid;gap:4px;color:#627b77;font-size:11px}
.policy-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.policy-chips span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #dce7eb;border-radius:999px;background:#f7fafb;color:#4e6679;font-size:12px;font-weight:750}
.uniform-price-block{display:grid;grid-template-columns:1.2fr repeat(3,minmax(100px,.7fr)) auto;gap:12px;align-items:end;margin-top:18px;padding:16px;border:1px solid #80dfd1;background:#ecfbf8;border-radius:12px}.uniform-price-block>div{align-self:center}.uniform-price-block>div small{display:block;color:#68857f;margin-top:4px}.uniform-price-block label{display:grid;gap:6px;color:#58716d;font-size:12px;font-weight:750}.uniform-price-block .btn{white-space:nowrap}
.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#142238;color:white;border-radius:11px;padding:13px 17px;box-shadow:0 12px 30px rgba(10,26,42,.25);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.modal{border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(10,30,45,.25);width:min(520px,calc(100% - 30px))}.modal::backdrop{background:rgba(12,25,40,.45);backdrop-filter:blur(3px)}.modal-head{padding:20px;border-bottom:1px solid #e8edef;display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:19px}.modal-body{padding:20px}.close{border:0;background:#f0f3f5;border-radius:9px;width:34px;height:34px}
@media (max-width:1200px){.pricing-editor-grid{grid-template-columns:1fr}.profit-controls{grid-template-columns:1fr 1fr}.uniform-price-block{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.content{padding:20px}.admin-summary{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .cc-card{grid-template-columns:1fr}.cc-actions{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.cc-buttons{grid-template-columns:1fr}.cc-help{flex-direction:column}.profit-controls,.admin-summary,.uniform-price-block{grid-template-columns:1fr}.cost-grid{grid-template-columns:1fr}.save-bar{position:static;align-items:stretch;flex-direction:column}.save-bar>div{margin-right:0}.save-bar .btn{width:100%}.pricing-editor-head{flex-direction:column}.margin-pill{white-space:normal}
  :root{--sidebar:0px}.app-shell.is-collapsed{--sidebar:0px}.public-nav{height:66px}.hero{grid-template-columns:1fr;gap:35px;margin-top:38px}.hero h1{font-size:42px}.terminal{order:2}.chips{margin-top:0}.feature-grid{grid-template-columns:1fr}.models{padding-bottom:45px}.model-badge{min-width:0;width:100%}.model-price-line{white-space:normal}.auth-card{grid-template-columns:1fr;min-height:auto}.auth-side{display:none}.auth-form,.register-form{padding:34px 24px}.register-card{width:min(560px,100%)}.sidebar,.app-shell.is-collapsed .sidebar{transform:translateX(-100%);width:260px;transition:.2s;padding:20px 14px 16px}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(10,30,45,.15)}.app-shell.is-collapsed .brand-name,.app-shell.is-collapsed .nav-label{display:inline}.app-shell.is-collapsed .nav-item{justify-content:flex-start;padding:11px 13px}.sidebar-scrim.show{display:block;position:fixed;inset:0;border:0;background:rgba(12,30,45,.3);backdrop-filter:blur(2px);z-index:19}.main{grid-column:1}.mobile-menu{display:block}.topbar{height:64px;padding:0 16px}.page-title p{display:none}.top-actions .language,.top-user-name{display:none}.content{padding:14px}.cards{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px;min-height:105px}.stat-icon{display:none}.stat-value{font-size:19px}.platform-grid{grid-template-columns:1fr}.platform-details{grid-template-columns:1fr 1fr}.chart-grid,.split{grid-template-columns:1fr}.donut-row{flex-direction:column;align-items:flex-start}.usage-breakdown{grid-template-columns:1fr 1fr}.amount-grid{grid-template-columns:1fr 1fr}.profile-head{align-items:flex-start}.profile-stats{grid-template-columns:1fr}.panel-body{padding:15px}.toolbar .input,.toolbar select{width:100%}.range-label{width:100%;margin-right:0}.hero{padding:0 20px}.nav-actions>span:first-child{display:none}
}
@media (max-width:420px){.cards{grid-template-columns:1fr}.hero h1{font-size:38px}.brand-name{font-size:18px}.top-actions{gap:8px}.balance-pill{font-size:13px}.feature-grid{padding:0 16px}.profile-meta h2{font-size:20px}.auth-form h2{font-size:27px}.nav-actions{gap:10px}.nav-login{display:none}.nav-actions .login-pill{padding:8px 13px}.code-row{grid-template-columns:1fr 110px}.code-button{font-size:12px}.register-form{padding:28px 18px}.auth-tabs{margin-bottom:18px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}