.app-shell{--portal-ink:#17201c;--portal-muted:#69736e;--portal-line:#dfe5e1;--portal-soft:#f4f7f5;--portal-accent:#087a57;--portal-accent-strong:#056447;min-height:100vh;color:var(--portal-ink);font-feature-settings:"tnum" 1, "cv02" 1, "cv03" 1;background:#f5f7f6}.app-shell *,.app-shell :before,.app-shell :after{box-sizing:border-box}.app-shell button,.app-shell input,.app-shell select,.app-shell textarea{font:inherit}.app-shell button:focus-visible,.app-shell a:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell textarea:focus-visible{outline-offset:2px;outline:2px solid #0b8e66}.app-shell .sidebar{width:224px;box-shadow:none;background:#17201c;border-right:1px solid #25302b}.app-shell .sidebar .brand{border-bottom:1px solid #ffffff14;height:76px;padding:0 24px}.app-shell .sidebar .brand-logo{width:176px;height:42px;overflow:visible}.app-shell .sidebar .brand-logo img{object-fit:contain;width:172px;height:auto}.app-shell .sidebar .brand-logo-light img{filter:grayscale()brightness(0)invert()}.app-shell .sidebar nav{gap:3px;padding:18px 12px}.app-shell .sidebar nav button{color:#acb8b2;border-radius:6px;min-height:42px;padding:0 12px;font-size:14px;font-weight:500}.app-shell .sidebar nav button:hover{color:#f5f7f6;background:#ffffff0d}.app-shell .sidebar nav button.active{color:#fff;background:#263a31;box-shadow:inset 2px 0 #20b486}.app-shell .sidebar-footer{border-top:1px solid #ffffff14;padding:12px}.app-shell .account-row{border-radius:6px;padding:8px}.app-shell .avatar{background:#285c49;border-radius:5px}.app-shell .main-area{min-width:0;margin-left:224px}.app-shell .topbar{border-bottom:1px solid var(--portal-line);min-height:76px;box-shadow:none;background:#fffffff5;padding:14px 28px}.app-shell .topbar h1{color:var(--portal-ink);letter-spacing:0;font-size:19px;font-weight:650;line-height:1.25}.app-shell .topbar p{color:var(--portal-muted);margin-top:3px;font-size:12px}.app-shell .top-actions{gap:8px}.app-shell .icon-button,.app-shell .portal-language-toggle,.app-shell .balance-pill{border-color:var(--portal-line);min-height:36px;box-shadow:none;border-radius:6px}.app-shell .balance-pill{color:var(--portal-accent-strong);background:#edf8f3}.app-shell .content-area{width:min(100%,1460px);margin:0 auto;padding:28px}.app-shell .content-area>.form-error{margin-bottom:16px}.app-shell .view-stack{gap:18px}.app-shell .overview-greeting-card{min-height:164px;box-shadow:none;background:#1d2823;border:1px solid #26332d;border-radius:7px;padding:28px 30px}.app-shell .overview-greeting-copy h2{letter-spacing:0;margin:15px 0 7px;font-size:clamp(24px,2.3vw,32px);font-weight:650;line-height:1.15}.app-shell .overview-greeting-badge{color:#78d8b7;text-transform:uppercase;background:0 0;border:0;width:fit-content;padding:0;font-size:11px}.app-shell .primary-button,.app-shell .secondary-button{min-height:40px;box-shadow:none;border-radius:6px;padding:0 15px;font-size:13px}.app-shell .primary-button{background:var(--portal-accent)}.app-shell .primary-button:hover{background:var(--portal-accent-strong);transform:none}.app-shell .secondary-button{color:var(--portal-ink);background:#fff;border-color:#d7dfda}.app-shell .stats-grid{gap:12px}.app-shell .stat-card,.app-shell .usage-stat{border:1px solid var(--portal-line);min-height:142px;box-shadow:none;background:#fff;border-radius:7px;padding:20px}.app-shell .stat-card:hover,.app-shell .usage-stat:hover{box-shadow:none;border-color:#cbd5cf;transform:none}.app-shell .stat-card-icon,.app-shell .usage-stat-icon{border-radius:6px}.app-shell .stat-card-label,.app-shell .usage-stat p{color:var(--portal-muted);letter-spacing:0;text-transform:uppercase;font-family:inherit;font-size:11px;font-weight:650}.app-shell .stat-card-value,.app-shell .usage-stat strong{color:var(--portal-ink);letter-spacing:0;font-family:inherit;font-size:25px}.app-shell .overview-endpoint-card,.app-shell .section-block,.app-shell .panel-card,.app-shell .table-card,.app-shell .models-toolbar,.app-shell .admin-tabs-shell,.app-shell .setup-card,.app-shell .wallet-card{border:1px solid var(--portal-line);box-shadow:none;background:#fff;border-radius:7px}.app-shell .section-block,.app-shell .panel-card,.app-shell .table-card,.app-shell .setup-card,.app-shell .wallet-card{overflow:hidden}.app-shell .section-heading,.app-shell .panel-heading,.app-shell .table-heading{border-bottom:1px solid var(--portal-line);padding:18px 20px}.app-shell .section-heading h2,.app-shell .section-heading h3,.app-shell .panel-heading h2,.app-shell .panel-heading h3,.app-shell .table-heading h3{color:var(--portal-ink);letter-spacing:0;font-size:16px;font-weight:650}.app-shell .section-heading p,.app-shell .panel-heading p,.app-shell .table-heading p{color:var(--portal-muted);font-size:12px;line-height:1.5}.app-shell .overview-endpoint-card{padding:18px 20px}.app-shell .overview-endpoint-box,.app-shell input,.app-shell select,.app-shell textarea{border-color:var(--portal-line);box-shadow:none;border-radius:6px}.app-shell input,.app-shell select,.app-shell textarea{min-height:40px;color:var(--portal-ink);background:#fff}.app-shell input:hover,.app-shell select:hover,.app-shell textarea:hover{border-color:#bfcac4}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:var(--portal-accent);box-shadow:0 0 0 3px #087a571a}.app-shell label{color:#46514c;font-size:12px;font-weight:600}.app-shell .overview-endpoint-box{background:var(--portal-soft)}.app-shell .launcher-chip,.app-shell .copy-btn,.app-shell .info-chip,.app-shell .filter-chip,.app-shell .tab-button{box-shadow:none;border-radius:5px}.app-shell table th{color:var(--portal-muted);letter-spacing:0;text-transform:uppercase;font-size:11px}.app-shell .table-wrap,.app-shell .admin-table-wrap,.app-shell .usage-table-wrap{scrollbar-width:thin;overflow-x:auto}.app-shell table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.app-shell table th,.app-shell table td{text-align:left;vertical-align:middle;padding:12px 14px}.app-shell table tbody tr:hover{background:#f7f9f8}.app-shell table code{color:#1e4d3d;font-size:12px}.app-shell table td{border-color:#e8ece9}.app-shell .model-card,.app-shell .key-card,.app-shell .payment-method-card,.app-shell .support-ticket-card{border-color:var(--portal-line);box-shadow:none;border-radius:7px}.app-shell .model-card:hover,.app-shell .key-card:hover,.app-shell .payment-method-card:hover{box-shadow:none;border-color:#bdcac3;transform:none}.app-shell .models-toolbar{padding:14px}.app-shell .models-cards-grid,.app-shell .keys-grid,.app-shell .status-grid,.app-shell .payment-methods-grid{gap:12px}.app-shell .model-card,.app-shell .key-card,.app-shell .payment-method-card,.app-shell .support-ticket-card{background:#fff}.app-shell .model-card h3,.app-shell .key-card h3,.app-shell .payment-method-card h3,.app-shell .support-ticket-card h3{letter-spacing:0}.app-shell .modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c120f8f}.app-shell .modal-card,.app-shell .modal-content{border:1px solid var(--portal-line);border-radius:8px;box-shadow:0 18px 55px #1118142e}.app-shell .modal-header,.app-shell .modal-footer{border-color:var(--portal-line)}.app-shell .form-error,.app-shell .form-success,.app-shell .empty-state,.app-shell .models-empty-state,.app-shell .admin-all-clear{box-shadow:none;border-radius:6px}.app-shell .empty-state,.app-shell .models-empty-state,.app-shell .admin-all-clear{color:var(--portal-muted);text-align:center;background:#f8faf9;border:1px dashed #ced7d2;padding:36px 24px}.app-shell .status-footnote{color:var(--portal-muted);text-align:right;font-size:11px}.app-shell .mobile-nav{border-top:1px solid var(--portal-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;box-shadow:0 -4px 18px #121e180d}.app-shell .mobile-nav button{color:#718079}.app-shell .mobile-nav button.active{color:var(--portal-accent-strong)}.app-shell .setup-tabs-bar{border-bottom:1px solid var(--portal-line);scrollbar-width:thin;background:#fff;gap:2px;min-height:58px;padding:0 8px;overflow-x:auto}.app-shell .setup-tab-btn{color:#66736d;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:9px;min-width:132px;min-height:57px;padding:0 14px;font-size:13px;font-weight:550}.app-shell .setup-tab-btn:hover{color:var(--portal-ink);background:#f7f9f8}.app-shell .setup-tab-btn.active{border-bottom-color:var(--portal-accent);color:var(--portal-ink);box-shadow:none;background:#f7faf8}.app-shell .platform-logo{color:#56635d;flex:0 0 19px;width:19px;height:19px}.app-shell .setup-tab-btn.active .platform-logo{color:var(--portal-accent)}.app-shell .tab-tag{display:none}@media (max-width:900px){.app-shell .main-area{margin-left:0}.app-shell .content-area{padding:20px 16px 88px}.app-shell .topbar{min-height:68px;padding:10px 16px}.app-shell .topbar p{display:none}.app-shell .overview-greeting-card{padding:24px}}@media (max-width:640px){.app-shell .content-area{padding:14px 12px 82px}.app-shell .topbar h1{font-size:16px}.app-shell .portal-language-toggle{display:none}.app-shell .balance-pill span{text-overflow:ellipsis;max-width:82px;overflow:hidden}.app-shell .overview-greeting-card{min-height:0;padding:22px 18px}.app-shell .overview-greeting-copy h2{font-size:24px}.app-shell .overview-greeting-actions{width:100%}.app-shell .overview-greeting-actions button{flex:1;justify-content:center}.app-shell .stat-card,.app-shell .usage-stat{min-height:126px;padding:17px}.app-shell .overview-endpoint-card{padding:16px}.app-shell .section-heading,.app-shell .panel-heading,.app-shell .table-heading{padding:15px 16px}.app-shell .models-toolbar{padding:12px}.app-shell table th,.app-shell table td{white-space:nowrap;padding:11px 12px}.app-shell .mobile-nav{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;gap:0;overflow-x:auto}.app-shell .mobile-nav::-webkit-scrollbar{display:none}.app-shell .mobile-nav button{flex:0 0 74px;min-width:74px}}.app-shell .recent-request-filters{border-bottom:1px solid var(--portal-line);background:#fbfcfb;align-items:center;gap:10px;padding:12px 14px;display:flex}.app-shell .recent-request-filters label{border:1px solid var(--portal-line);color:#829089;background:#fff;border-radius:6px;align-items:center;gap:8px;width:min(280px,100%);min-height:38px;padding:0 11px;display:flex}.app-shell .recent-request-filters input{width:100%;min-height:36px;box-shadow:none;border:0;padding:0;font-size:12px}.app-shell .recent-request-filters input:focus{box-shadow:none}.app-shell .recent-requests-table{min-width:1080px}.app-shell .recent-requests-table th{color:#64716b;background:#f3f5f4;height:44px}.app-shell .recent-requests-table td{height:70px;font-size:12px}.app-shell .recent-requests-table tr.expanded td{background:#fbfcfb;border-bottom-color:#0000}.app-shell .request-time{white-space:nowrap;color:#39443f;font-variant-numeric:tabular-nums}.app-shell .request-key{color:#596660;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;font-weight:650;display:inline-block;overflow:hidden}.app-shell .request-model{color:#075f45;white-space:nowrap;background:#f5fbf8;border:1px solid #8bbcac;border-radius:4px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:650;display:inline-flex}.app-shell .request-type{color:#58655f;text-transform:uppercase;background:#edf1ef;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.app-shell .request-type.stream{color:#126487;background:#e6f3fb}.app-shell .request-performance{gap:5px;min-width:105px;display:grid}.app-shell .request-performance span,.app-shell .request-performance strong{text-align:center;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:650}.app-shell .request-performance span{color:#266079;background:#e9f3fa}.app-shell .request-performance strong{color:#087450;background:#e5f5ec}.app-shell .request-tokens,.app-shell .request-cost,.app-shell .request-ip{font-variant-numeric:tabular-nums}.app-shell .request-cost{color:#078052;font-size:12px}.app-shell .request-ip{color:#53605a;white-space:nowrap}.app-shell .request-detail-button{border:1px solid var(--portal-line);color:#5d6963;background:#fff;border-radius:5px;place-items:center;width:30px;height:30px;display:inline-grid}.app-shell .request-detail-button[aria-expanded=true] svg{transform:rotate(180deg)}.app-shell .request-detail-row td{background:#fbfcfb;height:auto;padding:0 14px 14px}.app-shell .request-detail-grid{border:1px solid var(--portal-line);background:#fff;border-radius:6px;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:13px 15px;display:grid}.app-shell .request-detail-grid div{gap:4px;min-width:0;display:grid}.app-shell .request-detail-grid span{color:var(--portal-muted);text-transform:uppercase;font-size:9px;font-weight:700}.app-shell .request-detail-grid strong,.app-shell .request-detail-grid code{color:#34413b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (max-width:760px){.app-shell .recent-request-filters{flex-direction:column;align-items:stretch}.app-shell .recent-request-filters label{width:100%}.app-shell .request-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell .models-hero-card{border:1px solid var(--portal-line);min-height:0;color:var(--portal-ink);box-shadow:none;background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:18px 20px;display:grid}.app-shell .models-hero-card .landing-eyebrow-badge{display:none}.app-shell .models-hero-copy h2{color:var(--portal-ink);letter-spacing:0;margin:0 0 4px;font-size:18px;font-weight:650}.app-shell .models-hero-copy p{max-width:720px;color:var(--portal-muted);margin:0;font-size:12px;line-height:1.5}.app-shell .models-hero-group-box{background:0 0;border:0;padding:0}.app-shell .group-box-label{color:var(--portal-muted);text-transform:uppercase;font-size:10px}.app-shell .models-toolbar-card{border:1px solid var(--portal-line);box-shadow:none;background:#fff;border-radius:7px;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.app-shell .models-search-box{background:#f8faf9;border-radius:5px;min-height:40px}.app-shell .models-filter-pills{border:1px solid var(--portal-line);background:#f4f6f5;border-radius:6px;gap:2px;padding:3px;display:flex}.app-shell .model-filter-pill{color:#637069;white-space:nowrap;background:0 0;border:0;border-radius:4px;min-height:32px;padding:0 10px;font-size:11px}.app-shell .model-filter-pill.active{color:var(--portal-ink);background:#fff;box-shadow:0 1px 3px #141e1914}.app-shell .models-view-toggle{border:1px solid var(--portal-line);background:#f4f6f5;border-radius:6px;padding:3px}.app-shell .view-toggle-btn{border-radius:4px;min-height:32px}.app-shell .models-cards-grid{grid-template-columns:1fr;gap:8px;display:grid}.app-shell .luxury-model-card{border:1px solid var(--portal-line);min-height:0;box-shadow:none;background:#fff;border-radius:6px;grid-template-columns:minmax(280px,1.15fr) 150px minmax(460px,1.6fr);align-items:center;gap:18px;padding:15px 16px;display:grid}.app-shell .luxury-model-card:hover{box-shadow:none;border-color:#b8c5be;transform:none}.app-shell .luxury-card-head{grid-template-columns:38px minmax(0,1fr);gap:11px;min-width:0;display:grid}.app-shell .luxury-icon-box{border:1px solid var(--portal-line);color:#27342e;background:#f7f9f8;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.app-shell .luxury-icon-box .platform-logo{color:currentColor;width:21px;height:21px}.app-shell .luxury-title-row h3{color:var(--portal-ink);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.app-shell .available-chip{display:none}.app-shell .model-id-copy-row{margin-top:5px}.app-shell .model-id-copy-row code{color:#6a7770;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.app-shell .copy-id-btn span{display:none}.app-shell .copy-id-btn{place-items:center;width:27px;min-width:27px;height:27px;padding:0;display:grid}.app-shell .luxury-badges-row{border:0;gap:5px;margin:0;padding:0;display:grid}.app-shell .provider-tag,.app-shell .capability-tag,.app-shell .family-tag{width:fit-content;color:var(--portal-muted);background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.app-shell .provider-tag{color:var(--portal-ink);font-size:11px;font-weight:700}.app-shell .family-tag{display:none}.app-shell .luxury-pricing-matrix{border:1px solid var(--portal-line);border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.app-shell .price-matrix-cell,.app-shell .price-matrix-cell.cache-cell{border:0;border-right:1px solid var(--portal-line);background:#fbfcfb;border-radius:0;min-height:58px;padding:9px 11px}.app-shell .price-matrix-cell:last-child{border-right:0}.app-shell .cell-label{color:var(--portal-muted);text-transform:uppercase;font-size:9px}.app-shell .cell-value,.app-shell .cell-value.highlight{color:var(--portal-ink);margin-top:4px;font-size:13px;font-weight:700}.app-shell .cell-sub{display:none}@media (max-width:1150px){.app-shell .models-toolbar-card{grid-template-columns:1fr}.app-shell .models-filter-pills{overflow-x:auto}.app-shell .luxury-model-card{grid-template-columns:minmax(260px,1fr) minmax(430px,1.5fr)}.app-shell .luxury-badges-row{display:none}}@media (max-width:760px){.app-shell .models-hero-card,.app-shell .luxury-model-card{grid-template-columns:1fr}.app-shell .luxury-pricing-matrix{grid-template-columns:1fr 1fr}.app-shell .price-matrix-cell:nth-child(2){border-right:0}.app-shell .price-matrix-cell:nth-child(-n+2){border-bottom:1px solid var(--portal-line)}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell .overview-greeting-card{border-color:var(--portal-line);min-height:0;color:var(--portal-ink);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 22px;display:grid}.app-shell .overview-greeting-copy h2{color:var(--portal-ink);margin:8px 0 3px;font-size:21px}.app-shell .overview-greeting-copy p{color:var(--portal-muted);font-size:12px}.app-shell .overview-greeting-badge{color:var(--portal-accent);font-size:10px}.app-shell .stats-grid{border:1px solid var(--portal-line);background:#fff;border-radius:7px;gap:0;overflow:hidden}.app-shell .stat-card{border:0;border-right:1px solid var(--portal-line);border-radius:0;min-height:118px;padding:17px 18px}.app-shell .stat-card:last-child{border-right:0}.app-shell .stat-card-icon{width:30px;height:30px}.app-shell .stat-card-value{font-size:22px}.app-shell .overview-endpoint-card{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:24px;display:grid}.app-shell .overview-quickstart-card{border:1px solid var(--portal-line);box-shadow:none;background:#fff;border-radius:7px}.app-shell .quickstart-header{padding:18px 20px 0}.app-shell .quickstart-header h3{margin-top:8px;font-size:16px}.app-shell .quickstart-steps-grid{gap:0;padding:18px 20px 20px}.app-shell .quickstart-step{border:0;border-right:1px solid var(--portal-line);min-height:0;box-shadow:none;border-radius:0;padding:4px 20px}.app-shell .quickstart-step:first-child{padding-left:0}.app-shell .quickstart-step:last-child{border-right:0;padding-right:0}.app-shell .wallet-hero{border:1px solid var(--portal-line);min-height:0;color:var(--portal-ink);box-shadow:none;background:#fff;border-radius:7px;padding:22px 24px}.app-shell .wallet-hero p{color:var(--portal-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:650}.app-shell .wallet-hero strong{color:var(--portal-ink);letter-spacing:0;font-size:34px;font-weight:650}.app-shell .wallet-hero span{color:var(--portal-muted);margin-top:7px}.app-shell .wallet-icon{background:#e5f4ed;border-radius:6px;width:42px;height:42px;color:var(--portal-accent)!important}.app-shell .payment-method-grid{gap:8px;padding:14px 16px}.app-shell .payment-method{border-radius:6px;min-height:58px;padding:9px 11px}.app-shell .payment-method.active{border-color:var(--portal-accent);box-shadow:inset 3px 0 var(--portal-accent);background:#eef8f3}.app-shell .payment-featured-badge{display:none}.app-shell .package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px}.app-shell .package-card{border-radius:6px;min-height:112px;padding:14px}.app-shell .package-card>span:first-child{color:var(--portal-muted);text-transform:uppercase;font-size:10px}.app-shell .package-card strong{margin-top:7px;font-size:22px}.app-shell .package-card small{display:none}.app-shell .package-card.featured{border-color:var(--portal-accent);background:#f3faf7}.app-shell .package-cta{padding-top:12px;font-size:11px;color:var(--portal-accent-strong)!important}.app-shell .custom-topup{margin:0 16px 16px;padding-top:14px}.app-shell .redeem-form{padding:16px}@media (min-width:1100px){.app-shell .view-stack:has(>.wallet-hero){grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start;display:grid}:is(.app-shell .view-stack:has(>.wallet-hero)>.wallet-hero,.app-shell .view-stack:has(>.wallet-hero)>.payment-result){grid-column:1/-1}.app-shell .view-stack:has(>.wallet-hero)>.section-block:last-child{grid-area:2/2/span 2}}@media (max-width:900px){.app-shell .overview-endpoint-card{grid-template-columns:1fr}.app-shell .stat-card{border-right:0;border-bottom:1px solid var(--portal-line)}.app-shell .stat-card:last-child{border-bottom:0}}@media (max-width:640px){.app-shell .overview-greeting-card{grid-template-columns:1fr}.app-shell .quickstart-steps-grid{grid-template-columns:1fr;display:grid}.app-shell .quickstart-step,.app-shell .quickstart-step:first-child,.app-shell .quickstart-step:last-child{border-right:0;border-bottom:1px solid var(--portal-line);padding:14px 0}.app-shell .quickstart-step:last-child{border-bottom:0}.app-shell .payment-method-grid,.app-shell .package-grid{grid-template-columns:1fr 1fr}}