:root{color-scheme:light;--navy:#021c4f;--navy-2:#0a2b66;--orange:#fc7007;--orange-dark:#d95700;--ink:#101828;--muted:#667085;--soft:#98a2b3;--line:#e5eaf1;--canvas:#f6f8fc;--panel:#fff;--red:#d92d20;--amber:#f79009;--green:#12b76a;--blue:#2e6fdb;--shadow:0 10px 36px rgba(2,28,79,.055)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mobile-brand,.member-only{display:none}.role-member .admin-only{display:none!important}.role-member .member-only{display:block}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);background:#fff}.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:54px clamp(48px,7vw,110px);color:#fff;background:var(--navy)}.auth-story:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 74%);mask-image:linear-gradient(135deg,#000,transparent 74%)}.auth-story:after{content:"";position:absolute;width:480px;height:480px;right:-190px;bottom:-210px;border:90px solid rgba(252,112,7,.16);border-radius:50%}.brand-lockup{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand-lockup b{font-size:22px;letter-spacing:.02em;font-weight:900}.brand-lockup span{border-left:1px solid var(--line);padding-left:12px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.24em}.brand-lockup-light{position:relative;z-index:1;color:#fff}.brand-lockup-light span{border-color:#ffffff40}.auth-copy{position:relative;z-index:1;max-width:650px;margin:auto 0}.eyebrow{margin:0;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em}.auth-copy h1{max-width:620px;margin:13px 0 20px;font-size:clamp(38px,4.2vw,62px);line-height:1.02;letter-spacing:-.045em}.auth-copy>p:last-child{max-width:520px;margin:0;color:#bdc8d8;font-size:16px;line-height:1.65}.auth-signal{position:relative;z-index:1;display:grid;grid-template-columns:9px auto;align-items:center;gap:3px 10px;font-size:12px}.auth-signal i,.gateway-mini i,.status-pill i,.system-state i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #12b76a1f}.auth-signal small{grid-column:2;color:#91a1bb}.auth-form-wrap{display:grid;place-items:center;padding:60px clamp(36px,7vw,110px)}.auth-card{width:min(430px,100%)}.auth-card h2{margin:8px 0;color:var(--navy);font-size:34px;letter-spacing:-.035em}.auth-intro{margin:0 0 32px;color:var(--muted);font-size:14px}label{display:flex;flex-direction:column;gap:7px;color:#344054;font-size:12px;font-weight:700}input,select{width:100%;height:42px;padding:0 12px;outline:0;color:var(--ink);background:#fff;border:1px solid #d9e1ec;border-radius:8px;transition:.15s}input:focus,select:focus{border-color:#7ea2d6;box-shadow:0 0 0 3px #2e6fdb17}input::placeholder{color:#b0b8c5}.auth-card>label{margin-top:16px}.primary,.secondary,.text-btn,.danger{min-height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:11px;font-weight:800}.primary{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 7px 18px #fc700729}.primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.secondary:hover{background:#f8faff}.danger{color:var(--red);border-color:#fecdca}.auth-submit{width:100%;height:46px;margin-top:24px}.auth-help{margin:28px 0 0;color:var(--soft);text-align:center;font-size:11px}.auth-advanced{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.auth-advanced summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:750}.auth-advanced>label{margin-top:13px}.check-row{display:flex;gap:20px;margin:16px 0}.check-row label{flex-direction:row;align-items:center;font-size:11px}.check-row input{width:15px;height:15px;accent-color:var(--orange)}.full-width{width:100%}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:252px;flex-direction:column;padding:22px 15px 16px;background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 40px #021c4f06}.sidebar-brand{width:100%;height:54px;padding:0 10px 17px;border:0;background:transparent}.create-btn{height:42px;margin:4px 2px 24px;color:#fff;background:var(--orange);border:0;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #fc70072e}.create-btn span{margin-right:5px}.nav-group{margin-bottom:20px}.nav-group>p{margin:0 0 7px;padding:0 11px;color:var(--soft);font-size:9px;font-weight:850;letter-spacing:.14em}.nav-item{width:100%;min-height:40px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:8px 11px;border:0;border-radius:8px;color:var(--muted);background:transparent;text-align:left;font-size:12px}.nav-item:hover{color:var(--navy);background:#f6f8fc}.nav-item.active{color:var(--navy);background:#eef3fa;font-weight:800;box-shadow:inset 3px 0 var(--orange)}.nav-icon{width:20px;color:var(--soft);text-align:center;font-size:16px}.nav-item.active .nav-icon{color:var(--orange)}.sidebar-bottom{margin-top:auto}.gateway-mini{display:flex;align-items:center;gap:11px;margin:0 8px 12px;padding:11px;background:#f7f9fc;border-radius:9px}.gateway-mini div{min-width:0;display:flex;flex-direction:column}.gateway-mini strong{color:var(--navy);font-size:9px}.gateway-mini small{overflow:hidden;margin-top:2px;color:var(--soft);font-size:8px;text-overflow:ellipsis}.user-menu{display:flex;align-items:center;gap:9px;padding:14px 9px 0;border-top:1px solid var(--line)}.user-menu>span,.top-avatar{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:var(--navy);border:0;border-radius:9px;font-size:10px;font-weight:850}.user-menu div{min-width:0;display:flex;flex-direction:column}.user-menu strong,.user-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu strong{color:var(--navy);font-size:10px}.user-menu small{max-width:135px;margin-top:2px;color:var(--soft);font-size:8px}.user-menu button{margin-left:auto;color:var(--muted);background:transparent;border:0;font-size:16px}.workspace{width:calc(100% - 252px);min-height:100vh;margin-left:252px}.topbar{position:sticky;top:0;z-index:20;height:66px;display:flex;align-items:center;gap:12px;padding:0 34px;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:9px;color:var(--soft);font-size:9px;white-space:nowrap}.crumb span{color:var(--navy);font-weight:900;letter-spacing:.1em}.crumb b{color:#d0d5dd}.crumb strong{color:var(--muted);font-weight:700}.global-search{width:min(420px,38vw);height:36px;margin-left:auto;flex-direction:row;align-items:center;gap:8px;padding:0 10px;color:var(--soft);background:#fff;border:1px solid var(--line);border-radius:8px}.global-search input{height:30px;padding:0;border:0;box-shadow:none;font-size:10px}.global-search kbd{padding:2px 5px;color:var(--soft);background:#f6f8fc;border:1px solid var(--line);border-radius:4px;font-size:8px;white-space:nowrap}.status-pill{max-width:210px;display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;color:#067647;background:#ecfdf3;border-radius:8px;font-size:9px;font-weight:750}.status-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill i{width:6px;height:6px;box-shadow:none;flex:0 0 auto}.status-pill.error{color:var(--red);background:#fef3f2}.status-pill.error i{background:var(--red)}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:20px}.page-stage{max-width:1560px;margin:auto;padding:34px 36px 58px}.session-banner{display:none!important}.view-panel{display:none}.view-panel.active{display:block;animation:view-in .18s ease-out}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{margin:5px 0 7px;color:var(--navy);font-size:32px;line-height:1.1;letter-spacing:-.035em}.page-head>div>p:last-child{margin:0;color:var(--muted);font-size:11px}.head-actions,.actions{display:flex;flex-wrap:wrap;gap:8px}.panel{overflow:hidden;margin-bottom:15px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #eef2f7}.panel-head h2{margin:4px 0 0;color:var(--navy);font-size:14px}.text-btn{min-height:auto;padding:4px;border:0;color:var(--navy);background:none}.period-bar{display:grid;grid-template-columns:1fr 220px 220px;align-items:end;gap:13px;margin-bottom:14px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}.period-bar>div{display:flex;flex-direction:column}.period-bar strong{color:var(--navy);font-size:11px}.period-bar span{margin-top:3px;color:var(--soft);font-size:9px}.period-bar label{font-size:9px}.period-bar input{height:36px;font-size:10px}.kpis{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow:hidden;margin-bottom:15px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.kpi{position:relative;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px;border-right:1px solid #eef2f7}.kpi:last-child{border:0}.kpi span{color:var(--soft);font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.kpi strong{margin-top:7px;color:var(--navy);font-size:22px;letter-spacing:-.03em}.kpi:first-child{color:#fff;background:var(--navy)}.kpi:first-child:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--orange)}.kpi:first-child span{color:#9fb0c9}.kpi:first-child strong{color:#fff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:15px}.provider-card table th:first-child{width:35%}.grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.grid .wide{grid-column:1/-1}label small{color:var(--soft);font-size:9px;font-weight:500}.inline-field{min-width:270px;flex-direction:row;align-items:center;font-size:9px}.inline-field select{height:36px}.form-section{padding:18px;border-bottom:1px solid #eef2f7}.form-section h3{margin:0 0 14px;color:var(--navy);font-size:11px}.quota-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#fbfcfe}.editor-footer>span{color:var(--muted);font-size:9px}.editor-footer>div{display:flex;gap:8px}.table-panel{overflow-x:auto}.table-panel>div:not(.panel-head),.panel>#applicationUsageTable,.panel>#codexStatus{min-width:100%}table{width:100%;border-collapse:collapse;color:#344054;font-size:10px}th{height:38px;padding:0 15px;color:var(--soft);background:#fafbfd;text-align:left;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}td{min-height:52px;padding:12px 15px;border-top:1px solid #eef2f7;vertical-align:middle}tbody tr:hover{background:#fbfcfe}td button{min-height:30px!important;padding:0 9px!important}.badge{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;color:#475467;background:#f2f4f7;border-radius:10px;font-size:8px;font-weight:850}.badge.ok{color:#027a48;background:#ecfdf3}.badge.warn{color:#b54708;background:#fffaeb}.badge.danger{color:#b42318;background:#fef3f2}.application-editor{overflow:visible}.application-editor+.panel{margin-top:18px}.key-creator{padding:18px}.key-creator>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.key-creator>p{margin:11px 0 0;color:var(--muted);font-size:9px}.secret-callout{margin:0 0 15px;padding:14px 17px;color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px;font-size:11px}.secret-callout:empty{display:none}code{padding:3px 6px;color:var(--navy);background:#eef3fa;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}#applicationKeysTable h4{margin:0;padding:16px 18px;color:var(--navy);font-size:12px}.empty-state{min-height:250px;display:grid;place-items:center;align-content:center;padding:35px;text-align:center}.empty-state b{width:42px;height:42px;display:grid;place-items:center;color:var(--orange);background:#fff1e8;border-radius:11px;font-size:20px}.empty-state h3{margin:12px 0 4px;color:var(--navy);font-size:13px}.empty-state p{max-width:390px;margin:0;color:var(--muted);font-size:10px}.user-creator>.grid{padding:18px;grid-template-columns:repeat(4,1fr)}.user-creator>.actions{justify-content:flex-end;padding:0 18px 18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-body{padding:18px}.settings-body>p{margin:0;color:var(--muted);font-size:11px}.system-state{display:flex;align-items:center;gap:13px;margin-top:18px;padding:14px;background:#f7f9fc;border-radius:9px}.system-state div{display:flex;flex-direction:column}.system-state strong{color:var(--navy);font-size:11px}.system-state span{margin-top:3px;color:var(--muted);font-size:9px}.mobile-backdrop{display:none}@media(max-width:1280px){.kpis{grid-template-columns:repeat(4,1fr)}.kpi:nth-child(4){border-right:0}.kpi:nth-child(-n+4){border-bottom:1px solid #eef2f7}.quota-grid,.user-creator>.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1020px){.sidebar{transform:translate(-105%);transition:transform .2s ease;box-shadow:18px 0 50px #021c4f2e}.sidebar.open{transform:translate(0)}.workspace{width:100%;margin-left:0}.menu-toggle{display:block}.mobile-backdrop.visible{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;background:#021c4f6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-grid,.settings-grid,.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.mobile-brand{display:flex;margin-bottom:50px}}@media(max-width:720px){.topbar{height:58px;padding:0 16px}.global-search,.status-pill{display:none}.top-avatar{margin-left:auto}.page-stage{padding:25px 16px 45px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.period-bar,.grid,.quota-grid,.user-creator>.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.kpi{border-bottom:1px solid #eef2f7}.kpi:nth-child(2n){border-right:0}.inline-field{width:100%;min-width:0;flex-direction:column;align-items:stretch}.panel-head{align-items:flex-start;flex-direction:column}.key-creator>div{grid-template-columns:1fr}.editor-footer{align-items:stretch;flex-direction:column}.editor-footer>div{justify-content:flex-end}.auth-form-wrap{padding:35px 24px}}.auth-message{min-height:18px;margin:10px 0 0;color:#067647;text-align:center;font-size:11px}.auth-message:empty{display:none}.auth-message.error{color:var(--red)}body{font-size:16px;line-height:1.55}.product-lockup{display:flex;align-items:center;gap:11px;color:var(--navy)}.product-lockup img{display:block;width:120px;min-width:120px;height:auto}.product-lockup .product-sep{color:#c7d0de;font-size:24px;line-height:1;font-weight:400}.product-lockup .product-name{color:#344054;font-size:14px;line-height:1.15;font-weight:650;letter-spacing:-.02em;white-space:nowrap}.product-lockup-dark{position:relative;z-index:1}.product-lockup-dark .logo-pill{display:flex;padding:5px 9px;background:#fff;border-radius:8px}.product-lockup-dark .product-name{color:#fff;font-size:16px}.product-lockup-dark .product-sep{color:#c7d0de;font-size:28px}.mobile-brand{margin-bottom:50px}.sidebar{width:280px;padding:24px 17px 18px}.sidebar-brand{height:66px;justify-content:flex-start;padding:0 8px 20px}.workspace{width:calc(100% - 280px);margin-left:280px}.create-btn{height:46px;font-size:14px}.nav-group>p{font-size:11px}.nav-item{min-height:44px;font-size:14px}.nav-icon{font-size:18px}.gateway-mini strong{font-size:11px}.gateway-mini small{font-size:10px}.user-menu strong{font-size:12px}.user-menu small{max-width:165px;font-size:10px}.user-menu>span,.top-avatar{width:36px;height:36px;font-size:12px}.topbar{height:72px;padding:0 38px}.crumb{font-size:12px}.global-search{height:40px}.global-search input{font-size:13px}.global-search kbd{font-size:10px}.status-pill{min-height:38px;font-size:12px}.page-stage{padding:40px 40px 64px}.eyebrow{font-size:11px}.page-head h1{font-size:42px;line-height:1;letter-spacing:-.045em}.page-head>div>p:last-child{font-size:15px;line-height:1.65}.primary,.secondary,.text-btn,.danger{min-height:42px;font-size:13px}label{font-size:14px}input,select{height:46px;font-size:14px}.auth-card{width:min(470px,100%)}.auth-card h2{font-size:38px}.auth-intro{font-size:16px}.auth-help,.auth-advanced summary,.check-row label,.auth-message{font-size:13px}.panel-head{min-height:76px;padding:18px 22px}.panel-head h2{font-size:20px}.period-bar{grid-template-columns:1fr 240px 240px;padding:18px 22px}.period-bar strong{font-size:14px}.period-bar span,.period-bar label{font-size:12px}.period-bar input{height:42px;font-size:13px}.kpi{min-height:116px;padding:20px}.kpi span{font-size:11px}.kpi strong{font-size:28px}.form-section{padding:22px}.form-section h3{font-size:16px}label small{font-size:11px}.inline-field{font-size:12px}.editor-footer{padding:17px 22px}.editor-footer>span{font-size:12px}table{font-size:13px}th{height:44px;font-size:11px}td{padding:15px;font-size:13px}.badge{font-size:11px}.key-creator>p,.empty-state p,.settings-body>p{font-size:13px}#applicationKeysTable h4,.empty-state h3,.system-state strong{font-size:16px}.system-state span{font-size:12px}.secret-callout{font-size:13px}@media(max-width:1020px){.workspace{width:100%;margin-left:0}.sidebar{width:280px}.topbar{height:66px;padding:0 20px}}@media(max-width:720px){body{font-size:15px}.page-stage{padding:28px 18px 48px}.page-head h1{font-size:34px}.page-head>div>p:last-child{font-size:14px}.product-lockup img{width:112px;min-width:112px}.product-lockup .product-name{font-size:13px}.auth-card h2{font-size:32px}.panel-head h2{font-size:18px}.period-bar{grid-template-columns:1fr}.kpi strong{font-size:24px}}