@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2128;--surface3:#21262d;--line:#30363d;--muted:#8b949e;--text:#e6edf3;--orange:#f6821f;--orange-soft:#ffb77e;--green:#3fb950;--red:#f85149;--blue:#58a6ff;--purple:#bc8cff;--shadow:0 20px 60px #0008}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#11161d;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.brand{height:76px;padding:0 25px;display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font:9px 'JetBrains Mono';letter-spacing:.13em;margin-top:2px}.brand-mark{width:26px;height:26px;display:flex;gap:3px;align-items:end}.brand-mark span{width:6px;background:var(--orange);border-radius:2px}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:16px}.nav-list{padding:20px 12px}.nav-item{height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#9da7b3;text-decoration:none;border-radius:6px;position:relative;margin-bottom:4px}.nav-item:hover{background:var(--surface3);color:var(--text)}.nav-item.active{background:#2a211b;color:var(--orange-soft)}.nav-item.active:before{content:'';position:absolute;left:-12px;top:7px;height:30px;width:2px;background:var(--orange)}.nav-icon{width:18px;text-align:center;font-size:18px;color:inherit}.nav-count{margin-left:auto;font:11px 'JetBrains Mono';background:#2d2118;color:var(--orange-soft);padding:2px 7px;border-radius:12px}.sidebar-footer{margin-top:auto;padding:22px 18px 20px;border-top:1px solid var(--line)}.workspace-label,.eyebrow{font:10px 'JetBrains Mono';letter-spacing:.13em;color:var(--muted)}.workspace-row,.profile-row{display:flex;align-items:center;gap:9px;padding:13px 4px}.workspace-row{color:#c4ccd5}.workspace-avatar,.profile-avatar{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:700}.workspace-avatar{background:#243348;color:#79b8ff}.profile-avatar{background:#512b1c;color:var(--orange-soft);border-radius:50%}.chevron{margin-left:auto;color:var(--muted)}.profile-row{border-top:1px solid var(--line);margin-top:7px;padding-top:17px;font-size:12px}.profile-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.profile-row .icon-button{margin-left:auto}.main-content{width:calc(100% - 252px);max-width:1500px;margin:auto;padding:0 44px 28px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;gap:12px;color:var(--muted);font-size:13px}.breadcrumbs strong{color:var(--text);font-weight:500}.topbar-actions{display:flex;gap:20px;align-items:center}.icon-button,.help-button,.close-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-button{font-size:18px;position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:var(--orange);border-radius:50%;right:-1px;top:0}.help-button{font-size:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 0 29px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);margin-bottom:9px}.eyebrow-line{width:28px;height:1px;background:#75421f}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:-.04em;line-height:1.15}p{color:var(--muted);margin-top:8px}.primary-button,.secondary-button{height:40px;border-radius:6px;padding:0 17px;font:600 13px Inter;cursor:pointer;transition:.15s}.primary-button{border:1px solid var(--orange);background:var(--orange);color:#1b110a}.primary-button:hover{background:#ff9945}.primary-button span{font-size:18px;vertical-align:-1px}.secondary-button{border:1px solid var(--line);background:var(--surface3);color:var(--text)}.secondary-button:hover{background:#30363d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:13px;margin-bottom:35px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:103px;padding:18px;display:flex;gap:13px}.stat-icon{width:31px;height:31px;border-radius:6px;display:grid;place-items:center;font-size:17px}.stat-icon.orange{background:#3a2519;color:var(--orange)}.stat-icon.green{background:#172c20;color:var(--green)}.stat-icon.blue{background:#172841;color:var(--blue)}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:24px;letter-spacing:-.03em;margin:3px 0}.stat-card small{font-size:10px;color:var(--muted)}.green-text{color:var(--green)}.quota-stat{display:block;padding:17px 19px}.quota-heading{display:flex;justify-content:space-between;align-items:center}.quota-value{font:11px 'JetBrains Mono'!important;color:var(--text)!important}.progress{height:6px;background:#2b3138;border-radius:99px;margin:15px 0 9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--orange);border-radius:99px}.quota-stat b{color:var(--text);font-weight:500}.keys-section{margin-bottom:24px}.section-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-toolbar h2{font-size:18px;letter-spacing:-.02em}.section-toolbar p{font-size:12px;margin-top:5px}.toolbar-controls{display:flex;gap:9px}.search-box,.model-search{height:36px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);background:var(--bg);border-radius:6px;color:var(--muted)}.search-box input,.model-search input{border:0;outline:0;background:transparent;color:var(--text);font:12px Inter;width:150px}.toolbar-controls select{background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:0 10px;font-size:12px;outline:0}.table-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:890px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid #282e35}th{color:var(--muted);font:10px 'JetBrains Mono';letter-spacing:.1em;padding-top:14px;padding-bottom:12px}td{font-size:12px;color:#c8d1db;white-space:nowrap}.key-name{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:500}.key-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #3fb95020}.key-dot.revoked{background:var(--red);box-shadow:0 0 0 3px #f8514920}.mono{font:11px 'JetBrains Mono';color:#aab5c1}.chips{display:flex;gap:5px;flex-wrap:wrap;max-width:260px}.chip{font-size:10px;padding:4px 7px;border-radius:4px;background:#202832;border:1px solid #34404e;color:#91c5ff}.chip.image{color:#d0a8ff;border-color:#563f78;background:#2b213a}.chip.audio{color:#7ee2a8;border-color:#28573c;background:#193224}.chip.all{color:var(--orange-soft);border-color:#71411f;background:#362417}.status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px}.status.revoked{color:var(--red)}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.row-actions{display:flex;gap:4px}.row-actions button{border:0;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;padding:5px}.row-actions button:hover{color:var(--orange-soft)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;color:var(--muted);font-size:11px}.pagination{display:flex;gap:5px}.pagination button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:4px;width:26px;height:26px}.pagination .current{background:#342419;color:var(--orange-soft);border-color:#71411f}.info-banner{display:flex;align-items:center;gap:13px;border:1px solid #60401e;background:#211b16;border-radius:8px;padding:16px 18px}.info-symbol{color:var(--orange);font-size:19px}.info-banner strong{font-size:12px}.info-banner p{font-size:11px;margin-top:3px}.info-banner p b{color:#e6edf3;font-weight:500}.info-banner a{margin-left:auto;color:var(--orange-soft);font-size:11px;text-decoration:none}.page-footer{display:flex;justify-content:space-between;color:#687380;font-size:10px;padding-top:28px}.page-footer b{padding:0 8px}.page-footer a{color:inherit;text-decoration:none;margin-left:18px}.modal-backdrop{position:fixed;inset:0;background:#05080bcc;display:grid;place-items:center;padding:20px;z-index:5}.modal-backdrop[hidden]{display:none}.modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface2);border:1px solid #4a535e;border-radius:12px;box-shadow:var(--shadow);padding:27px}.modal-header{display:flex;justify-content:space-between;margin-bottom:24px}.modal h2{font-size:22px;letter-spacing:-.03em}.modal-header p{font-size:12px}.close-button{font-size:27px;line-height:20px}.field-label{display:flex;justify-content:space-between;color:#cdd5dd;font-size:11px;font-weight:600;margin:17px 0 7px}.field-label>span{color:var(--orange)}.field-label em{font-style:normal;color:var(--muted);font-weight:400}.field-label button{border:0;background:transparent;color:var(--orange-soft);cursor:pointer;font-size:11px}.text-input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 11px;color:var(--text);font:12px Inter;outline:0;resize:vertical}.text-input:focus,.model-search:focus-within,.search-box:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #f6821f22}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-card{border:1px solid var(--line);background:#151a20;border-radius:6px;padding:10px;cursor:pointer}.category-card.selected{border-color:#9a5724;background:#2a211b}.category-card input{accent-color:var(--orange);margin-right:6px}.category-card strong{font-size:11px}.category-card small{display:block;color:var(--muted);font-size:10px;margin:4px 0 0 21px}.model-search{width:100%;margin-bottom:8px}.model-search input{width:auto;flex:1}.model-selected{font:10px 'JetBrains Mono';color:var(--orange-soft);white-space:nowrap}.model-list{max-height:120px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:2px}.model-option{display:flex;align-items:center;gap:7px;background:#151a20;border:1px solid #29313a;border-radius:4px;padding:7px;color:#aeb9c5;font:10px 'JetBrains Mono';cursor:pointer}.model-option input{accent-color:var(--orange)}.secret-note{margin-top:18px;background:#2a211b;border:1px solid #684321;color:var(--orange-soft);border-radius:6px;padding:10px;font-size:11px;display:flex;gap:8px}.secret-note span{color:#d5b298}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.toast{position:fixed;bottom:25px;right:25px;background:#202932;border:1px solid #576372;color:var(--text);padding:11px 15px;border-radius:6px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:none}.mobile-menu{display:none}
@media(max-width:1050px){.main-content{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.quota-stat{grid-column:span 2}}@media(max-width:700px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);z-index:4;transition:.2s}.sidebar.open{transform:none}.main-content{width:100%;padding:0 16px}.mobile-menu{display:block;border:0;background:transparent;color:var(--text);font-size:20px;margin-right:12px}.topbar{height:62px}.breadcrumbs{font-size:11px}.help-button span{display:none}.page-header{align-items:flex-start;gap:15px;padding:30px 0 22px;flex-direction:column}.page-header .primary-button{width:100%}h1{font-size:28px}.stats-grid{grid-template-columns:1fr;gap:9px}.quota-stat{grid-column:auto}.section-toolbar{align-items:stretch;flex-direction:column;gap:14px}.toolbar-controls{width:100%}.search-box{flex:1}.search-box input{width:100%}.toolbar-controls select{width:120px}.info-banner{align-items:flex-start;flex-wrap:wrap}.info-banner a{margin-left:33px}.page-footer{flex-direction:column;gap:12px}.category-grid{grid-template-columns:1fr 1fr}.modal{padding:20px}.model-list{grid-template-columns:1fr}}
.generic-content{padding-bottom:32px}.model-hub{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.model-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:-18px -18px 18px;padding:8px 14px}.model-tab{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:5px;cursor:pointer;font-size:11px}.model-tab:hover{background:var(--surface3);color:var(--text)}.model-tab.active{background:#342419;color:var(--orange-soft)}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-form,.playground-output{background:#12171d;border:1px solid var(--line);border-radius:7px;padding:18px}.task-title{display:flex;gap:10px;align-items:center;margin-bottom:18px}.task-title h2{font-size:16px}.task-title p{font-size:11px;margin-top:3px}.task-icon{color:var(--orange);font-size:23px}.task-form .field-label{display:block}.task-form .field-label .text-input{display:block;margin-top:7px}.task-input{min-height:170px;resize:vertical}.task-inline,.task-params{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-hint{display:block;color:var(--muted);font-size:10px;margin-top:-10px;margin-bottom:8px}.task-params{margin-top:4px}.task-params .text-input{display:block}.task-form .play-actions{margin-top:16px}.playground{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.playground-form,.playground-output{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.playground-toolbar,.playground-params{display:grid;grid-template-columns:1fr 2fr;gap:12px}.playground-params{grid-template-columns:1fr 1fr}.playground .field-label{display:block}.playground .field-label .text-input{display:block;margin-top:7px}.playground-prompt{min-height:190px}.play-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.output-head{display:flex;justify-content:space-between;color:var(--muted);font:10px 'JetBrains Mono';letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:12px}.output-head span:last-child{color:var(--green)}.playground-output pre{white-space:pre-wrap;color:#dce5ee;font:12px/1.7 'JetBrains Mono';min-height:230px;margin:16px 0}.request-preview{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font:10px/1.5 'JetBrains Mono';white-space:pre-wrap;max-height:140px;overflow:auto}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.empty-panel,.settings-panel,.chart-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.empty-panel strong{font-size:16px}.model-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.catalog-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.catalog-icon{color:var(--orange);font-size:22px}.catalog-card h2{font-size:16px;margin-top:12px}.catalog-card p{font-size:12px;margin-bottom:14px}.catalog-card .chips{min-height:62px}.catalog-button{margin-top:15px}.chart-panel{height:260px}.chart-bars{height:180px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line)}.chart-bars i{display:block;flex:1;background:linear-gradient(#f6821f,#9c4d18);border-radius:4px 4px 0 0;min-width:12px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:9px}.settings-panel{max-width:700px}.settings-panel .text-input{display:block;margin-bottom:16px}.settings-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.settings-row p{font-size:11px}.settings-row input{accent-color:var(--orange);width:17px;height:17px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.connection-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px;margin:22px 0}.connection-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.connection-head h2{font-size:18px;margin-top:6px}.connection-head p{font-size:11px}.connection-status{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 10px;white-space:nowrap}.connection-status:before{content:'●';margin-right:6px}.connection-status.configured{color:var(--green);border-color:#285b3b;background:#17291e}.connection-form{max-width:700px;margin-top:12px}.connection-form .text-input{display:block;margin-bottom:10px}.connection-actions{display:flex;gap:9px;margin-top:18px}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.admin-toolbar h2{font-size:18px}.admin-toolbar p{font-size:11px}.security-note{display:flex;gap:9px;color:var(--orange-soft);background:#2a211b;border:1px solid #684321;border-radius:6px;padding:11px 13px;font-size:11px;margin-bottom:16px}.security-note span{color:#d5b298}.empty-state{text-align:center!important;color:var(--muted)!important;padding:32px!important}.credential-modal{max-width:560px}.credential-modal select.text-input{appearance:auto}.generic-content .text-input{max-width:700px}.generic-content>.page-header{padding-top:0}@media(max-width:1050px){.model-catalog{grid-template-columns:repeat(2,1fr)}.playground,.task-grid{grid-template-columns:1fr}}@media(max-width:700px){.placeholder-grid,.model-catalog{grid-template-columns:1fr}.chart-bars{gap:5px}.playground-toolbar,.playground-params,.task-inline,.task-params{grid-template-columns:1fr}.connection-head,.admin-toolbar{flex-direction:column}.connection-actions{flex-wrap:wrap}.admin-toolbar .primary-button{width:100%}}