@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-bg: #050b11;--color-text: #eaf1f8;--color-muted: #9eb2c7;--color-accent: #ff8448;--color-accent-2: #4ad3c5;--font-body: "Manrope", sans-serif;--font-display: "Archivo Black", sans-serif;--font-mono: "IBM Plex Mono", monospace;font-family:var(--font-body);line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{color:inherit;cursor:pointer}button,input,textarea{font-family:var(--font-body)}button,select,[role=button],summary{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}.console-login-page{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 0% 0%,rgba(255,132,72,.2),transparent 52%),radial-gradient(circle at 85% 10%,rgba(74,211,197,.25),transparent 45%),#081018;color:#ecf2f8;overflow:hidden}.console-login-backdrop{position:absolute;inset:0;background-image:linear-gradient(rgba(236,242,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(236,242,248,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 100%);mask-image:radial-gradient(circle at center,black 30%,transparent 100%);pointer-events:none}.console-login-hero,.console-login-panel{position:relative;z-index:1;padding:clamp(2rem,5vw,4rem)}.console-login-hero{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;animation:slideInLeft .7s ease-out}.console-login-badge{width:fit-content;margin:0;padding:.35rem .75rem;border:1px solid rgba(236,242,248,.35);border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.08em}.console-login-hero h1{margin:0;max-width:18ch;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.console-login-description{margin:0;max-width:42ch;color:#ecf2f8c7;font-size:1.02rem}.console-login-features{margin:.4rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}.console-login-features li{position:relative;padding-left:1.25rem;color:#ecf2f8e6}.console-login-features li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:2px;background:linear-gradient(135deg,#ff8448,#f7f76a)}.console-login-panel{display:flex;align-items:center;justify-content:center;animation:slideInRight .7s ease-out}.console-login-card{width:min(440px,100%);padding:2rem;border-radius:24px;border:1px solid rgba(236,242,248,.14);background:#0a141fc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 26px 70px #00000059}.console-login-card h2{margin:0;font-family:Archivo Black,sans-serif;font-size:1.6rem;letter-spacing:-.01em}.console-login-card>p{margin:.65rem 0 1.5rem;color:#ecf2f8b8}.console-login-form{display:grid;gap:.65rem}.console-login-form label{margin-top:.55rem;font-size:.9rem;color:#ecf2f8d6}.console-login-form input{width:100%;height:48px;border-radius:12px;border:1px solid rgba(236,242,248,.2);background:#081018e6;color:#ecf2f8;padding:0 .85rem;transition:border-color .2s ease,box-shadow .2s ease}.console-login-form input::placeholder{color:#ecf2f861}.console-login-form input:focus{border-color:#4ad3c5f2;outline:none;box-shadow:0 0 0 3px #4ad3c529}.console-login-status{margin:.85rem 0 0;padding:.72rem .8rem;border-radius:10px;background:#ff84482b;border:1px solid rgba(255,132,72,.42);color:#ffd7c3;font-size:.9rem}.console-login-form button{margin-top:1rem;height:48px;border-radius:12px;border:0;font-family:IBM Plex Mono,monospace;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#ff8448,#f7f76a);color:#081018;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.console-login-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #ff844854}.console-login-form button:disabled{opacity:.65;cursor:not-allowed}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(max-width:980px){.console-login-page{grid-template-columns:1fr}.console-login-hero{padding-bottom:1.25rem}.console-login-hero h1{max-width:100%}.console-login-panel{padding-top:0;padding-bottom:2.25rem}}@media(max-width:560px){.console-login-card{border-radius:18px;padding:1.4rem}}.console-dashboard-page{height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(circle at 0% 0%,rgba(255,132,72,.14),transparent 35%),radial-gradient(circle at 95% 20%,rgba(74,211,197,.12),transparent 35%),#050b11;color:#eaf1f8;overflow:hidden}.console-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(234,241,248,.12);padding:1.5rem 1.2rem;background:#070f18c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;overflow:hidden}.console-brand-label{margin:0;font-family:IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.12em;color:#eaf1f8ad}.console-brand h1{margin:.35rem 0 0;font-family:Archivo Black,sans-serif;font-size:1.6rem;letter-spacing:-.01em}.console-nav{display:grid;gap:.45rem;min-height:0;overflow-y:auto;padding-right:.3rem;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(74,211,197,.4) rgba(234,241,248,.08)}.console-nav a{color:#eaf1f8d6;text-decoration:none;padding:.62rem .72rem;border-radius:10px;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease}.console-nav a:hover{border-color:#4ad3c566;background:#4ad3c51a}.console-nav a.is-active{border-color:#4ad3c5b3;background:#4ad3c538;color:#f2fbfd}.console-nav::-webkit-scrollbar{width:8px}.console-nav::-webkit-scrollbar-track{background:#eaf1f814;border-radius:999px}.console-nav::-webkit-scrollbar-thumb{background:#4ad3c566;border-radius:999px}.console-session-card{padding:.85rem;border-radius:14px;border:1px solid rgba(234,241,248,.14);background:#0a141fe6}.console-session-card p{margin:0;color:#eaf1f8a8;font-size:.79rem}.console-session-card strong{display:block;margin-top:.42rem;font-size:.98rem}.console-session-card code{display:block;margin-top:.35rem;font-size:.78rem;color:#ffd290;font-family:IBM Plex Mono,monospace;word-break:break-all}.console-main{height:100vh;padding:1.3rem clamp(1rem,3vw,2rem) 2.4rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.console-main-loader{margin-top:.8rem;display:grid;gap:.9rem}.console-main-loader-header,.console-main-loader-card,.console-main-loader-table{position:relative;border-radius:14px;border:1px solid rgba(234,241,248,.1);background:#09121cb3;overflow:hidden}.console-main-loader-header:after,.console-main-loader-card:after,.console-main-loader-table:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);transform:translate(-100%);animation:shimmer 1.3s ease-in-out infinite}.console-main-loader-header{height:56px}.console-main-loader-grid{display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.console-main-loader-card{height:110px}.console-main-loader-table{height:280px}.console-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.console-topbar-tag{margin:0;font-size:.8rem;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;color:#eaf1f8ad}.console-topbar h2{margin:.32rem 0 0;font-size:clamp(1.2rem,2.2vw,2rem);letter-spacing:-.015em;text-wrap:balance}.console-topbar-subtitle{margin:.45rem 0 0;color:#eaf1f8b3;font-size:.9rem}.console-topbar button{height:40px;padding:0 1rem;border-radius:999px;border:1px solid rgba(234,241,248,.24);background:transparent;color:#eaf1f8}.console-topbar button:hover{border-color:#ff8448cc}.console-section{border:1px solid rgba(234,241,248,.12);border-radius:18px;background:#09121ce6;padding:1rem;margin-top:1rem}.console-section-header h3{margin:0;font-size:1.15rem}.console-section-header p{margin:.36rem 0 0;color:#eaf1f8b3;font-size:.94rem}.console-section-header-with-action{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.console-section-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.console-create-workspace-trigger{height:36px;padding:0 .85rem;border-radius:10px;border:1px solid rgba(255,210,144,.55);background:#ffd29026;color:#ffe4b9;font-size:.82rem;font-weight:600}.console-create-workspace-trigger:hover{border-color:#ffd290d9;background:#ffd29038}.console-create-workspace-trigger:disabled{opacity:.55}.console-create-key-trigger{height:36px;padding:0 .85rem;border-radius:10px;border:1px solid rgba(74,211,197,.5);background:#4ad3c51f;color:#b2f6f0;font-size:.82rem;font-weight:600}.console-create-key-trigger:hover{border-color:#4ad3c5c7;background:#4ad3c533}.console-create-key-trigger:disabled{opacity:.55}.console-kpi-grid{display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.console-kpi-grid article{border-radius:14px;border:1px solid rgba(234,241,248,.12);background:linear-gradient(160deg,#0e1c28e6,#081018e6);padding:1rem}.console-kpi-grid span{display:block;color:#eaf1f8b3;font-size:.83rem}.console-kpi-grid strong{margin-top:.55rem;display:block;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em}.console-kpi-value-small{font-size:clamp(.88rem,1.35vw,1.02rem)!important;letter-spacing:0;line-height:1.28;white-space:nowrap}.console-filter-row{margin-top:.9rem;margin-bottom:.9rem;display:flex;flex-direction:column;gap:.5rem}.console-filter-row label{color:#eaf1f8c2;font-size:.84rem}.console-filter-row select{height:38px;width:min(340px,100%);border-radius:10px;border:1px solid rgba(234,241,248,.2);background:#0a141fb8;color:#eaf1f8;padding:0 .72rem}.console-filter-row select:focus{outline:none;border-color:#4ad3c5b3;box-shadow:0 0 0 3px #4ad3c524}.console-filter-row select:disabled{opacity:.6}.console-usage-filter-bar{margin-top:.9rem;margin-bottom:.95rem;display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap}.console-usage-filter-field{display:flex;flex-direction:column;gap:.45rem;min-width:170px}.console-usage-filter-field label{color:#eaf1f8c2;font-size:.84rem}.console-usage-filter-field select,.console-usage-filter-field input{height:38px;border-radius:10px;border:1px solid rgba(234,241,248,.2);background:#0a141fb8;color:#eaf1f8;padding:0 .72rem}.console-usage-filter-field select:focus,.console-usage-filter-field input:focus{outline:none;border-color:#4ad3c5b3;box-shadow:0 0 0 3px #4ad3c524}.console-usage-filter-field select:disabled,.console-usage-filter-field input:disabled,.console-usage-filter-submit:disabled{opacity:.6}.console-usage-filter-submit{height:38px;padding:0 .85rem;border-radius:10px;border:1px solid rgba(74,211,197,.52);background:#4ad3c524;color:#b2f6f0;font-size:.83rem;font-weight:600}.console-usage-filter-submit:hover{border-color:#4ad3c5cc;background:#4ad3c53d}.console-selected-filter{margin-bottom:.9rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid rgba(74,211,197,.45);background:#4ad3c51f;padding:.3rem .6rem;font-size:.82rem}.console-selected-filter span{color:#eaf1f8b8}.console-selected-filter strong{font-weight:600}.console-selected-filter button{border:0;background:transparent;color:#4ad3c5;font-size:.8rem;padding:0}.console-state-panel{margin-top:.9rem;border-radius:12px;border:1px solid rgba(234,241,248,.14);background:#0a141fa8;color:#eaf1f8cc;padding:.82rem .85rem}.console-state-panel.is-error{border-color:#ff844880;background:#ff84481f;color:#ffd7c3}.console-simple-list{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.console-simple-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem .72rem;border-radius:12px;border:1px solid rgba(234,241,248,.11);background:#0a141fa8}.console-simple-list li strong{font-size:.9rem}.console-simple-list li span{color:#eaf1f8b8;font-size:.84rem}.console-table-wrap{margin-top:.9rem;overflow-x:auto}.console-table{width:100%;border-collapse:collapse;min-width:640px}.console-table th,.console-table td{text-align:left;font-size:.88rem;border-bottom:1px solid rgba(234,241,248,.11);padding:.65rem .5rem}.console-table th{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.08em;color:#eaf1f8c2}.console-table td code{font-family:IBM Plex Mono,monospace;color:#ffd290}.console-pagination-row{margin-top:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.console-pagination-meta{margin:0;color:#eaf1f8b3;font-size:.82rem}.console-pagination-controls{display:flex;align-items:center;gap:.45rem}.console-pagination-button{height:32px;padding:0 .7rem;border-radius:8px;border:1px solid rgba(234,241,248,.22);background:#09121cd6;color:#eaf1f8;font-size:.8rem;cursor:pointer}.console-pagination-button:hover{border-color:#4ad3c599}.console-pagination-button:disabled{opacity:.58;cursor:not-allowed}.console-api-key-table{min-width:920px}.console-workspace-link{border:0;background:transparent;color:#4ad3c5;padding:0;font-size:.86rem;text-decoration:underline;text-underline-offset:2px}.console-workspace-link:hover{color:#86ece3}.console-copy-button{height:30px;padding:0 .62rem;border-radius:8px;border:1px solid rgba(234,241,248,.22);background:#09121cd6;color:#eaf1f8;font-size:.8rem}.console-copy-button:hover{border-color:#4ad3c599}.console-modal-backdrop{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:1rem;background:#02070cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.console-modal{width:min(500px,100%);border-radius:16px;border:1px solid rgba(234,241,248,.17);background:linear-gradient(160deg,#0a141ff5,#070f18f5);box-shadow:0 20px 40px #0000006b;padding:1rem}.console-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.console-modal-header h3{margin:0;font-size:1.04rem}.console-modal-close{border:0;background:transparent;color:#eaf1f8b8;font-size:.82rem;padding:0}.console-modal-close:hover{color:#eaf1f8}.console-modal-description{margin:.55rem 0 0;color:#eaf1f8b8;font-size:.87rem}.console-modal-form{margin-top:.8rem;display:grid;gap:.45rem}.console-modal-form label{margin-top:.28rem;color:#eaf1f8c2;font-size:.83rem}.console-modal-form select,.console-modal-form input{height:38px;width:100%;border-radius:10px;border:1px solid rgba(234,241,248,.2);background:#0a141fb8;color:#eaf1f8;padding:0 .72rem}.console-modal-form select:focus,.console-modal-form input:focus{outline:none;border-color:#4ad3c5b3;box-shadow:0 0 0 3px #4ad3c524}.console-modal-form select:disabled,.console-modal-form input:disabled{opacity:.65}.console-modal-form .console-state-panel{margin-top:.35rem}.console-modal-actions{margin-top:.45rem;display:flex;justify-content:flex-end;gap:.55rem}.console-modal-secondary,.console-modal-primary{height:34px;padding:0 .8rem;border-radius:9px;font-size:.82rem}.console-modal-secondary{border:1px solid rgba(234,241,248,.22);background:#09121cd6;color:#eaf1f8}.console-modal-primary{border:1px solid rgba(74,211,197,.54);background:#4ad3c524;color:#b2f6f0;font-weight:600}.console-modal-secondary:hover{border-color:#eaf1f866}.console-modal-primary:hover{border-color:#4ad3c5cc;background:#4ad3c53d}.console-toast-stack{position:fixed;top:18px;right:18px;z-index:2000;pointer-events:auto;width:min(360px,calc(100vw - 36px));min-height:54px}.console-toast{position:absolute;top:0;right:0;border-radius:10px;border:1px solid rgba(74,211,197,.5);background:#08121cf5;color:#eaf1f8;padding:.7rem .88rem;font-size:.86rem;box-shadow:0 10px 22px #00000059;transform:translate(calc(var(--toast-index, 0) * -6px),calc(var(--toast-index, 0) * 6px)) scale(calc(1 - var(--toast-index, 0) * .04));opacity:calc(1 - var(--toast-index, 0) * .18);transition:transform .18s ease,opacity .18s ease}.console-toast-stack:hover .console-toast{transform:translateY(calc(var(--toast-index, 0) * 56px)) scale(1);opacity:1}.console-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,210,144,.35);background:#ffd2901f;color:#ffd290;font-size:.74rem;line-height:1;padding:.22rem .5rem}.console-status-badge.is-active{border-color:#7ceca866;background:#7ceca829;color:#7ceca8}.console-empty-row{color:#eaf1f8b3}.console-usage-grid{margin-top:1rem;display:grid;grid-template-columns:1.2fr 1fr;gap:.85rem}.console-chart-card,.console-model-card,.console-plan-card,.console-invoice-card{border-radius:14px;border:1px solid rgba(234,241,248,.12);background:#070f17e0;padding:.9rem}.console-chart-card h4,.console-model-card h4,.console-plan-card h4,.console-invoice-card h4{margin:0;font-size:1rem}.console-chart{margin-top:.8rem;height:190px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem;align-items:end}.console-bar-wrap{display:grid;justify-items:center;gap:.4rem}.console-bar{width:100%;max-width:34px;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#4ad3c5,#168a8d);animation:riseUp .6s ease-out both}.console-bar-wrap span{font-size:.74rem;color:#eaf1f8ba}.console-model-card ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.9rem}.console-model-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.console-model-top strong{font-size:.95rem}.console-model-top span{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:#eaf1f8bd}.console-progress{margin-top:.42rem;width:100%;height:7px;border-radius:999px;background:#eaf1f81f;overflow:hidden}.console-progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8448,#f7f76a)}.console-model-card p{margin:.45rem 0 0;font-size:.79rem;color:#eaf1f8b3}.console-billing-grid{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.console-plan-label{margin:0;color:#eaf1f8b3;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.08em}.console-plan-price{margin:.45rem 0 0;font-size:1.4rem;font-weight:700}.console-plan-note{margin:.65rem 0 0;color:#eaf1f8b8;font-size:.88rem}.console-invoice-card ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.65rem}.console-invoice-card li{display:grid;grid-template-columns:90px 1fr auto;gap:.7rem;align-items:center;padding:.52rem .56rem;border-radius:10px;border:1px solid rgba(234,241,248,.11);background:#0a141fa8}.console-invoice-card span{font-family:IBM Plex Mono,monospace;font-size:.77rem;color:#eaf1f8c7}.console-invoice-card strong{font-size:.91rem}.console-invoice-card em{justify-self:end;font-style:normal;font-size:.72rem;border-radius:999px;padding:.2rem .5rem}.is-paid{color:#7ceca8;background:#7ceca82e}.is-pending{color:#ffd290;background:#ffd29033}@keyframes riseUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1180px){.console-dashboard-page{height:auto;grid-template-columns:1fr;overflow:visible}.console-sidebar{position:static;top:auto;height:auto;overflow:visible;display:flex;flex-direction:column;gap:1.5rem;border-right:0;border-bottom:1px solid rgba(234,241,248,.12)}.console-nav{min-height:auto;overflow:visible;padding-right:0;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.console-session-card{margin-top:0}.console-main{height:auto;overflow:visible;overscroll-behavior:auto}}@media(max-width:860px){.console-kpi-grid,.console-main-loader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-usage-grid,.console-billing-grid{grid-template-columns:1fr}}@media(max-width:620px){.console-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.console-topbar{flex-direction:column;align-items:flex-start}.console-kpi-grid{grid-template-columns:1fr}.console-usage-filter-field,.console-usage-filter-submit{width:100%}.console-main-loader-grid{grid-template-columns:1fr}.console-toast-stack{top:12px;right:12px;width:min(340px,calc(100vw - 24px))}}#root{width:100%;margin:0;padding:0;min-height:100vh}
