:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050505;color:#efe8df;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 0 24%,rgba(120,56,24,.28),transparent 28rem),radial-gradient(circle at 76% 94%,rgba(148,91,36,.18),transparent 28rem),linear-gradient(180deg,#080808,#050505 55%,#090806)}button{color:inherit;font:inherit}.app-shell{position:relative;min-height:100vh;overflow-x:hidden}.glow,.spark{pointer-events:none;position:fixed;z-index:0}.glow-left{inset:0 auto auto 0;width:16rem;height:100vh;background:linear-gradient(90deg,rgba(91,45,22,.32),transparent);filter:blur(30px)}.glow-bottom{right:8%;bottom:-7rem;width:42rem;height:15rem;background:radial-gradient(circle,rgba(199,119,58,.2),transparent 64%);filter:blur(18px)}.spark{width:3px;height:34px;border-radius:999px;background:linear-gradient(180deg,transparent,#e3a552,transparent);box-shadow:0 0 20px #e3a552b3;opacity:.62}.spark-one{top:33%;left:12%}.spark-two{top:51%;left:21%}.spark-three{top:75%;left:47%}.spark-four{top:16%;right:9%}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(139,83,55,.22);background:#121212e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;height:64px;margin:0 auto;padding:0 24px}.brand{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600;letter-spacing:0}.nav-tabs,.top-actions,.card-actions,.section-title-inline,.section-heading,.limit-badge,.model-cell{display:flex;align-items:center}.nav-tabs{gap:12px}.nav-tab,.icon-button,.return-button,.ghost-button,.primary-button,.card-actions button{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.nav-tab{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:8px;color:#a99f99}.nav-tab.active{border-color:#da794e6b;background:#7e422b85;color:#e48962}.top-actions{justify-content:flex-end;gap:10px}.icon-button,.return-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border-radius:999px;color:#d8d1cb}.icon-button{position:relative;width:34px;padding:0}.language-code{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 4px;border:1px solid rgba(226,136,86,.45);border-radius:999px;background:#1d1815f5;color:#f3dfcf;font-size:10px;font-weight:900;line-height:16px}.user-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;max-width:220px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#d8d1cb;font-size:13px;font-weight:800}.user-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.return-button,.ghost-button{padding:0 14px}.nav-tab:hover,.icon-button:hover,.return-button:hover,.ghost-button:hover,.primary-button:hover,.card-actions button:hover{border-color:#e8875980;background:#e887591c}.refresh-button{min-width:120px}.refresh-button.is-loading{border-color:#e8875980;background:#e887591c;cursor:wait}.page{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:42px 24px 72px}.hero{text-align:center;margin:0 0 48px}.hero-title{display:inline-flex;align-items:center;gap:13px}.hero-title svg,.section-heading svg{color:#d2764d}h1,h2,h3,p{margin:0}h1,h2,h3,.stat-card strong{font-family:Georgia,Times New Roman,serif}h1{font-size:clamp(2rem,4vw,3rem);line-height:1}.hero p{margin-top:18px;color:#9c948f;font-weight:650}.section{margin-top:42px}.section-heading{gap:12px;margin-bottom:20px}.section-heading.between{justify-content:space-between}.section-title-inline{gap:12px}.section h2{font-size:18px;color:#e9e2da}.api-grid,.provider-grid,.tutorial-grid,.example-grid,.settings-grid,.window-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{border:1px solid rgba(131,74,52,.38);border-radius:8px;background:linear-gradient(135deg,#ffffff0e,#ffffff06),#161615f0;box-shadow:inset 0 1px #ffffff0a,0 24px 60px #00000047}.api-card{padding:22px}.card-title-row,.package-head,.usage-card-head,.progress-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-title-row{justify-content:flex-start;margin-bottom:18px}.card-title-row h3,.package-head h3,.usage-card h3{font-size:18px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.pill:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:999px;background:currentColor}.pill.green{border:1px solid rgba(98,206,54,.28);background:#4d8f2740;color:#5dcc36}.pill.red{border:1px solid rgba(255,105,113,.28);background:#9a2f3438;color:#ff6977}.pill.amber{margin-left:12px;border:1px solid rgba(213,139,34,.24);background:#975e1a38;color:#e0a640}.code-box{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:#050505db;color:#df875d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;overflow-wrap:anywhere}.card-actions{gap:24px;min-height:32px;margin-top:14px}.card-actions.multi{gap:26px}.card-actions button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#b8b2ad;font-size:13px;font-weight:700}.card-actions .danger-text{color:#ff6969}.tutorial-card,.tutorial-models,.example-card{padding:22px}.tutorial-card-head,.example-head,.tutorial-model-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.tutorial-card-head{margin-bottom:14px}.tutorial-card-head span,.tutorial-model-row span,.example-head button,.tutorial-card-head button{color:#a79f98;font-size:13px;font-weight:850}.tutorial-card-head button,.tutorial-actions button,.example-head button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#b8b2ad;cursor:pointer}.tutorial-actions{display:inline-flex;align-items:center;gap:16px}.tutorial-models{display:grid;gap:12px}.tutorial-model-row{min-height:58px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09}.tutorial-model-row strong,.tutorial-model-row span{display:block}.tutorial-model-row strong{color:#fff6ee;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.tutorial-model-row span{margin-top:4px}.example-card.full{grid-column:span 2}.example-head{margin-bottom:14px}.example-head h3{font-size:18px}.example-card pre{max-width:100%;min-height:210px;margin:0;overflow-x:auto;padding:16px;border-radius:8px;background:#050505db;color:#e6b18f;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7}.example-card code{white-space:pre}.provider-card,.rates-card{padding:22px}.provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.provider-head span{color:#8f8780;font-size:13px;font-weight:850}.provider-head h3{margin-top:6px;font-size:20px}.provider-card p{margin-top:18px;color:#b5aca5;font-weight:720;line-height:1.7}.provider-meta{display:grid;gap:12px;margin:18px 0 0}.provider-meta div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09}.provider-meta dt,.provider-meta dd{margin:0}.provider-meta dt{color:#908880;font-size:13px;font-weight:850}.provider-meta dd{color:#e2d7cd;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;overflow-wrap:anywhere}.rate-list{display:grid;gap:12px;margin-top:18px}.rate-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:14px;align-items:center;min-height:62px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09}.rate-row>div:first-child{min-width:0}.rate-row strong,.rate-row span{display:block}.rate-row strong{color:#fff6ee;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;white-space:nowrap}.rate-row span{margin-top:4px;color:#8f8780;font-size:12px;font-weight:800}.rate-values{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.rate-values span{min-height:26px;display:inline-flex;align-items:center;margin:0;padding:0 9px;border-radius:6px;background:#db7f501f;color:#df875d;white-space:nowrap}.package-card{padding:18px}.package-head{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.package-head>div{display:flex;align-items:center;min-width:0}.package-head h3{font-size:21px}.status-dot{color:#ff6977;font-size:13px;font-weight:800}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;background:currentColor}.status-dot.active{color:#69c949}.package-body{display:grid;grid-template-columns:104px 1fr;gap:20px;padding-top:16px}.quota-ring{--percent: 0%;display:grid;place-items:center;width:96px;height:96px;align-self:center;border-radius:8px;background:#ffffff09}.ring-core{position:relative;display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:999px;background:conic-gradient(#d49a53 var(--percent),rgba(255,255,255,.12) 0)}.ring-core:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%),#242321}.ring-core strong{position:relative;z-index:1;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600}.quota-details{display:grid;gap:10px}.quota-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quota-item,.reset-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09;color:#aaa39d;font-weight:800}.quota-item svg{color:#d27750}.quota-item strong{color:#efe9e3;font-family:Georgia,Times New Roman,serif;font-size:16px;font-variant-numeric:lining-nums tabular-nums;font-weight:600}.quota-item.green strong,.green-text{color:#62cb43}.quota-item.orange strong,.orange-text{color:#d98258}.quota-item.full{grid-column:span 2}.reset-row{min-height:42px;border-color:#77403080;background:#502b244d;font-size:13px}.reset-row strong{color:#e8dfd6;font-family:Georgia,Times New Roman,serif;font-variant-numeric:lining-nums tabular-nums;font-weight:600}.expire-date{margin-left:auto;color:#a69c94}.expire-date strong{color:inherit;margin-left:4px}.primary-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 18px;border-radius:8px;border-color:#ef8e5b9e;background:linear-gradient(180deg,#e6946b,#d7774e);color:#fff8f2;font-weight:850}.limit-badge{gap:8px;color:#d8d1cb;font-size:13px;font-weight:800}.limit-badge span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:6px;background:#ff5f70;color:#fff}.usage-card{padding:22px}.usage-card-head span{color:#8f8780;font-size:13px;font-weight:800}.usage-card-head h3{margin-top:6px;font-size:18px}.usage-card-head strong{color:#df875d;font-family:Georgia,Times New Roman,serif;font-size:24px}.usage-card-head small{color:#b6aea7;font-family:inherit;font-size:13px}.progress-track{height:8px;margin-top:20px;overflow:hidden;border-radius:999px;background:#d7dde7}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15 52%,#ef4444)}.progress-footer{margin-top:12px;color:#aaa29b;font-size:12px;font-weight:750}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.stat-card{min-height:132px;padding:28px}.stat-card strong{display:block;font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:#fff7ef}.stat-card span{display:block;margin-top:14px;color:#918982;font-size:16px;font-weight:850}.table-panel{padding:22px}.table-scroll{overflow-x:auto;scrollbar-color:rgba(154,118,96,.65) rgba(255,255,255,.04)}table{width:100%;min-width:1080px;border-collapse:collapse;font-weight:800}thead{background:#412b2699}th,td{padding:14px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.055)}th{color:#f2e7dc;font-family:Georgia,Times New Roman,serif;font-size:16px}.records-table{min-width:1320px;table-layout:fixed}.record-col-time{width:13%}.record-col-model{width:24%}.record-col-input{width:7%}.record-col-output{width:6%}.record-col-cache{width:8%}.record-col-reasoning{width:9%}.record-col-total,.record-col-cost{width:7%}.record-col-duration{width:6%}.record-col-first-byte{width:5%}.record-col-status{width:7%}.records-table th{padding:13px 14px;line-height:1.25;white-space:normal}.records-table td{overflow:hidden;padding:12px 14px;font-family:Georgia,Times New Roman,serif;font-variant-numeric:lining-nums tabular-nums;font-weight:800;text-overflow:ellipsis}.records-table tbody tr{transition:background .15s ease}.records-table tbody tr:hover{background:#4530286b}.records-table .model-cell{min-width:0}.records-table .status-cell{overflow:visible}.th-help{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:help;outline:none}.th-help svg{color:#a99f99}.th-help:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);left:50%;z-index:5;width:260px;padding:10px 12px;border:1px solid rgba(226,136,86,.45);border-radius:8px;background:#1d1815fa;color:#f3dfcf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:750;line-height:1.5;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .15s ease,transform .15s ease;white-space:normal;box-shadow:0 14px 32px #0000005c}.th-help:before{content:"";position:absolute;top:calc(100% + 4px);left:50%;z-index:6;width:9px;height:9px;border-top:1px solid rgba(226,136,86,.45);border-left:1px solid rgba(226,136,86,.45);background:#1d1815fa;opacity:0;pointer-events:none;transform:translate(-50%,-4px) rotate(45deg);transition:opacity .15s ease,transform .15s ease}.th-help:hover:after,.th-help:focus:after,.th-help:hover:before,.th-help:focus:before{opacity:1;transform:translate(-50%)}.th-help:hover:before,.th-help:focus:before{transform:translate(-50%) rotate(45deg)}td{color:#cbc3bc;font-size:14px}.model-cell{gap:8px}.model-cell svg,.orange-text{color:#d37c56}.blue{color:#2e90ff}.amber-text{color:#d99b30}.violet{color:#9868ff}.red-text{color:#ff686f}.success-pill{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:27px;padding:0 10px;border-radius:6px;background:#61c33a;color:#fff}.success-pill.failed{background:#d94d5b}.auth-section{display:grid;place-items:center;min-height:420px}.auth-card{width:min(100%,430px);padding:28px}.auth-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.auth-head svg{color:#d2764d}.auth-head span{color:#8f8780;font-size:13px;font-weight:850}.auth-head h2{margin-top:5px;font-size:22px}.auth-card label{display:grid;gap:8px;margin-top:16px;color:#a79f98;font-size:13px;font-weight:850}.auth-card input{width:100%;min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;outline:0;background:#050505b8;color:#efe8df;font:inherit}.auth-card input:focus{border-color:#e887598c;box-shadow:0 0 0 3px #e887591f}.auth-error{margin-top:14px;color:#ff6977;font-size:13px;font-weight:850}.auth-submit{width:100%;justify-content:center;margin-top:20px}.settings-form{display:grid;gap:20px}.settings-card{padding:22px}.settings-card label{display:grid;gap:8px;margin-top:16px;color:#a79f98;font-size:13px;font-weight:850}.settings-card input,.settings-card select{width:100%;min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;outline:0;background:#050505b8;color:#efe8df;font:inherit}.settings-card input:focus,.settings-card select:focus{border-color:#e887598c;box-shadow:0 0 0 3px #e887591f}.model-rate-editor{display:grid;gap:12px;margin-top:18px}.model-rate-edit-row{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) 128px 40px;gap:12px;align-items:end;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09}.model-rate-edit-row label{margin-top:0}.model-rate-edit-row label:nth-of-type(1){grid-column:1;grid-row:1}.model-rate-edit-row label:nth-of-type(2){grid-column:2;grid-row:1}.model-rate-edit-row label:nth-of-type(3){grid-column:3;grid-row:1}.model-rate-edit-row label:nth-of-type(4){grid-column:1;grid-row:2}.model-rate-edit-row label:nth-of-type(5){grid-column:2;grid-row:2}.model-rate-edit-row label:nth-of-type(6){grid-column:3;grid-row:2}.model-rate-edit-row label:nth-of-type(7){grid-column:1;grid-row:3}.model-rate-edit-row label:nth-of-type(8){grid-column:2;grid-row:3}.model-rate-edit-row label:nth-of-type(9){grid-column:3;grid-row:3}.model-rate-edit-row .switch-field{grid-column:4;grid-row:3}.model-rate-edit-row .danger-button{grid-column:5;grid-row:3}.customer-create-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-top:18px}.customer-create-grid label{margin-top:0}.customer-list{display:grid;gap:10px;margin-top:18px}.customer-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(150px,1fr) minmax(70px,.45fr) minmax(120px,.7fr);gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09}.customer-row.editing{grid-template-columns:repeat(4,minmax(145px,1fr));align-items:end}.customer-row>div{display:grid;gap:5px;min-width:0}.customer-row label{margin-top:0}.customer-row span{color:#a79f98;font-size:12px;font-weight:750}.customer-row strong{overflow-wrap:anywhere}.customer-row .customer-row-action-buttons,.customer-row .customer-edit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-row.editing .customer-edit-actions{grid-column:span 4;justify-content:flex-end}.compact-button{min-height:34px;padding:0 10px}.empty-state{margin:0;color:#a79f98;font-size:13px}.settings-card .switch-field{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:0}.switch-field input{position:absolute;width:1px;min-height:1px;opacity:0}.switch-track{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#ffffff1a;transition:background .2s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#eee6dc;transition:transform .2s ease}.switch-field input:checked+.switch-track{background:#52ba84a6}.switch-field input:checked+.switch-track:after{transform:translate(18px)}.switch-field strong{color:#cfc6bf;font-size:13px;line-height:1;white-space:nowrap}.danger-button{color:#ff8f9b}.settings-state,.settings-summary{display:grid;gap:10px;margin-top:18px}.settings-state span,.settings-summary div{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09;color:#aaa29b;font-size:13px;font-weight:850}.settings-summary strong{color:#fff6ee;font-family:Georgia,Times New Roman,serif;font-size:17px}.settings-actions{display:flex;justify-content:flex-end}.loading-panel{display:grid;place-items:center;min-height:360px;border:1px solid rgba(131,74,52,.38);border-radius:8px;color:#c8bfb8;background:#161615db}.toast{position:fixed;right:24px;bottom:24px;z-index:20;min-height:42px;display:flex;align-items:center;padding:0 16px;border:1px solid rgba(226,136,86,.45);border-radius:8px;background:#1d1815f5;color:#f3dfcf;box-shadow:0 18px 50px #00000061}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar-inner{grid-template-columns:1fr;gap:10px;height:auto;padding:14px 18px}.brand,.top-actions,.nav-tabs{justify-content:center}.top-actions{flex-wrap:wrap}.page{padding:32px 16px 56px}.api-grid,.provider-grid,.tutorial-grid,.example-grid,.settings-grid,.window-grid,.stats-grid,.quota-row{grid-template-columns:1fr}.example-card.full{grid-column:span 1}.package-body{grid-template-columns:1fr}.quota-ring{justify-self:center}.quota-item.full{grid-column:span 1}.package-head,.provider-head,.tutorial-card-head,.tutorial-model-row,.example-head,.section-heading.between{align-items:flex-start;flex-direction:column}.rate-row{grid-template-columns:1fr}.rate-values{justify-content:flex-start}.model-rate-edit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.model-rate-edit-row label,.model-rate-edit-row .switch-field,.model-rate-edit-row .danger-button{grid-column:auto;grid-row:auto}.customer-create-grid,.customer-row{grid-template-columns:1fr}.customer-row.editing .customer-edit-actions{grid-column:auto;justify-content:flex-start}.danger-button{justify-self:start}.expire-date{display:block;margin-left:0}.settings-actions{justify-content:stretch}}@media(max-width:560px){.hero-title{flex-direction:column}.nav-tabs,.top-actions,.package-head>div,.reset-row{align-items:stretch;flex-direction:column}.model-rate-edit-row{grid-template-columns:1fr}.settings-card .switch-field{justify-content:flex-start}.nav-tab,.return-button,.ghost-button,.primary-button,.user-chip{width:100%;max-width:none}.card-actions.multi{flex-wrap:wrap;gap:16px}.stat-card{min-height:110px;padding:22px}}