:root{--ink:#132238;--muted:#718096;--line:#e6ebf1;--bg:#f6f8fb;--white:#fff;--blue:#315efb;--blue-dark:#2048d8;--blue-soft:#edf2ff;--teal:#158b78;--teal-soft:#e8f6f2;--amber:#b7791f;--amber-soft:#fff5df;--red:#cb4a4a;--red-soft:#fff0ef;--shadow:0 12px 34px rgba(21,37,62,.07);--radius:16px;--nav-width:248px;font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:600}.boot-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--blue);color:white;font:800 19px Manrope,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-width);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px 17px;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:2px 12px 29px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#416bff,#2451e9);color:white;display:grid;place-items:center;font:800 21px Manrope,sans-serif;box-shadow:0 5px 12px #315efb35}.brand-copy strong{display:block;font:800 16px Manrope,sans-serif;letter-spacing:-.045em}.brand-copy span{display:block;color:#8994a5;font-size:10px;letter-spacing:.12em;font-weight:700;margin-top:2px}.nav-caption{padding:9px 12px 8px;color:#98a2b1;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.nav{display:grid;gap:4px}.nav-button{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;color:#637184;border-radius:10px;padding:10px 12px;font-weight:600;transition:.15s}.nav-button:hover{background:#f5f7fb;color:var(--ink)}.nav-button.active{background:var(--blue-soft);color:var(--blue)}.nav-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-left:auto;border-radius:20px;background:#f0f3f7;color:#798597;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.side-status{margin:10px 2px 15px;padding:13px;border:1px solid var(--line);border-radius:12px}.side-status-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#16a085;box-shadow:0 0 0 3px #16a0851c}.side-status p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.profile{padding:13px 9px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:var(--blue);font:700 12px Manrope,sans-serif}.profile-meta{min-width:0;flex:1}.profile-meta strong{display:block;font-size:12px}.profile-meta span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.icon-button{border:0;background:transparent;color:#8995a5;padding:7px;border-radius:8px;display:grid;place-items:center}.icon-button:hover{background:#f1f4f8;color:var(--ink)}.icon-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main{margin-left:var(--nav-width);min-height:100vh}.topbar{height:72px;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;position:sticky;top:0;z-index:8}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:15px}.environment{display:flex;align-items:center;gap:7px;color:#657286;font-size:12px}.environment .status-dot{width:7px;height:7px}.top-separator{width:1px;height:22px;background:var(--line)}.content{max-width:1400px;padding:34px 36px 52px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:700;margin:0 0 9px}.page-head h1{font:700 28px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.page-head p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:9px 13px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s;white-space:nowrap}.btn:hover{background:#f8faff;border-color:#cad4e2}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 10px #315efb24}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{color:var(--red);border-color:#f1dddd}.btn.small{padding:7px 9px;font-size:11px}.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-banner{border:1px solid #f0d7a3;background:#fff8e9;color:#704f17;border-radius:11px;padding:12px 15px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}.demo-banner strong{display:block;margin-bottom:2px}.demo-banner .banner-mark{width:20px;height:20px;border:1px solid #dfc57d;border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none}.demo-banner a{font-weight:700;text-decoration:underline}.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 6px #182b4505}.stat-card{padding:18px 19px;min-height:126px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#667487;font-size:12px;font-weight:600}.stat-icon{width:32px;height:32px;border-radius:10px;background:#f2f5ff;color:var(--blue);display:grid;place-items:center}.stat-icon.green{background:#edf8f5;color:#168a76}.stat-icon.amber{background:#fff7e9;color:#b7791f}.stat-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stat-value{font:700 26px Manrope,sans-serif;letter-spacing:-.04em;margin-top:12px}.stat-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a96a7;margin-top:3px}.stat-foot .good{color:var(--teal);font-weight:700}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(285px,.95fr);margin-bottom:17px}.panel{padding:19px 20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title{font:700 14px Manrope,sans-serif;letter-spacing:-.02em}.panel-subtitle{color:var(--muted);font-size:11px;margin-top:5px}.select-small{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;color:#657286;font-size:11px;outline:0}.chart-box{height:180px;position:relative;border-bottom:1px solid #edf0f4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#edf0f4 45px,#edf0f4 46px)}.chart-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#98a2b1;font-size:10px;margin-top:9px}.legend{display:flex;gap:15px;align-items:center;color:#778397;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#315efb}.legend span+span i{background:#21a58c}.provider-list{display:grid;gap:11px}.provider-row{display:flex;align-items:center;gap:11px;padding:10px 10px;border:1px solid #edf0f4;border-radius:11px}.provider-logo{width:34px;height:34px;border-radius:10px;background:#f2f5fa;display:grid;place-items:center;color:#3e5270;font:800 11px Manrope,sans-serif}.provider-row-copy{min-width:0;flex:1}.provider-row-copy strong{display:block;font-size:12px}.provider-row-copy span{display:block;font-size:10px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;font-size:10px;font-weight:650;padding:4px 8px;white-space:nowrap}.pill.ok{background:var(--teal-soft);color:#147964}.pill.pending{background:var(--amber-soft);color:#95630e}.pill.error{background:var(--red-soft);color:#b94141}.pill.neutral{background:#f1f3f6;color:#697689}.pill .status-dot{width:5px;height:5px;box-shadow:none}.bottom-grid{grid-template-columns:minmax(0,1.3fr) minmax(285px,.8fr)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{text-align:left;color:#929eae;font-size:10px;font-weight:650;padding:0 12px 11px;border-bottom:1px solid #edf0f4}.table td{padding:12px;border-bottom:1px solid #f0f2f6;color:#536174;font-size:11px}.table tbody tr:last-child td{border-bottom:0}.table td:first-child{color:var(--ink);font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.quick-actions{display:grid;gap:9px}.quick-action{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #edf0f4;border-radius:10px;background:white;text-align:left;color:var(--ink);transition:.15s}.quick-action:hover{border-color:#c8d4fa;background:#fafbff}.quick-action-icon{width:30px;height:30px;border-radius:9px;background:#f1f4ff;color:var(--blue);display:grid;place-items:center}.quick-action-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-action strong{font-size:11px;display:block}.quick-action span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.page-card{padding:20px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.searchbox{position:relative;min-width:220px;flex:1;max-width:380px}.searchbox input{width:100%;padding:9px 12px 9px 33px;border:1px solid var(--line);border-radius:9px;outline:none;background:#fff;font-size:12px}.searchbox input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#aebffc;box-shadow:0 0 0 3px #315efb12}.searchbox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:#98a2b1;fill:none;stroke-width:1.8}.provider-cell{display:flex;align-items:center;gap:9px}.provider-cell .provider-logo{width:28px;height:28px;font-size:9px}.empty-state{text-align:center;padding:54px 18px;color:var(--muted)}.empty-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 13px;border-radius:14px;background:#f1f4fb;color:#7889a7}.empty-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.empty-state strong{display:block;color:var(--ink);font:700 14px Manrope,sans-serif}.empty-state p{max-width:350px;margin:8px auto 16px;font-size:12px;line-height:1.5}.playground{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;min-height:570px}.chat-card{display:flex;flex-direction:column;min-height:570px;overflow:hidden}.chat-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat-head .chat-model{min-width:0;flex:1}.chat-head strong{display:block;font-size:12px}.chat-head span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.chat-stream{flex:1;padding:20px;display:flex;flex-direction:column;gap:15px;overflow:auto;min-height:350px}.chat-welcome{margin:auto;text-align:center;color:var(--muted);max-width:360px}.chat-welcome .welcome-icon{width:45px;height:45px;margin:0 auto 13px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;border-radius:14px}.chat-welcome svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.chat-welcome strong{display:block;color:var(--ink);font:700 14px Manrope,sans-serif}.chat-welcome p{font-size:12px;line-height:1.55;margin:7px 0 0}.message{display:flex;gap:10px;max-width:90%;align-items:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{flex:none;width:27px;height:27px;border-radius:9px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;font:700 10px Manrope,sans-serif}.message.assistant .message-avatar{background:#edf8f5;color:#168a76}.message-bubble{background:#f4f6f9;border-radius:4px 12px 12px 12px;padding:10px 12px;color:#35455c;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message.user .message-bubble{background:#315efb;color:white;border-radius:12px 4px 12px 12px}.chat-composer{padding:14px;border-top:1px solid var(--line)}.chat-composer textarea{width:100%;resize:vertical;min-height:68px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:0;font-size:12px;line-height:1.5}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer-bottom span{font-size:10px;color:#98a2b1}.chat-settings{padding:18px}.chat-settings h3{font:700 13px Manrope,sans-serif;margin:0 0 16px}.field{display:grid;gap:6px;margin-bottom:13px}.field label{font-size:10px;color:#647286;font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;outline:0;font-size:11px;color:var(--ink)}.field textarea{min-height:115px;resize:vertical;line-height:1.5}.field-hint{font-size:10px;color:#8793a3;line-height:1.45}.field input:disabled,.field select:disabled{background:#f6f8fb;color:#8c98a7}.toggle-line{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f4;color:#657286;font-size:11px}.toggle{width:30px;height:17px;border-radius:20px;background:#cbd3df;position:relative;border:0}.toggle:after{content:'';position:absolute;top:2px;left:2px;width:13px;height:13px;background:white;border-radius:50%;transition:.15s}.toggle.on{background:var(--blue)}.toggle.on:after{left:15px}.api-box{display:flex;align-items:center;gap:8px;background:#f5f7fa;border:1px solid #edf0f4;border-radius:9px;padding:11px 12px}.api-box code{min-width:0;flex:1;font-size:10px;color:#506078;overflow-wrap:anywhere}.api-base{font-size:11px;color:var(--muted);margin-top:6px}.key-value{display:flex;align-items:center;gap:8px}.key-value code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:16px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section h3{font:700 13px Manrope,sans-serif;margin:0 0 6px}.settings-section p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 13px}.modal-backdrop{position:fixed;inset:0;background:#13223866;display:grid;place-items:center;padding:20px;z-index:30;animation:fade .14s}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:white;border-radius:16px;box-shadow:0 22px 65px #13223830;animation:rise .18s}.modal-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:700 15px Manrope,sans-serif;margin:0}.modal-body{padding:20px 21px}.modal-foot{padding:14px 21px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.bulk-help{background:#f5f7fb;border-radius:9px;padding:11px;color:#69778b;font-size:10px;line-height:1.55;margin-bottom:14px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;gap:8px}.toast{background:#14243a;color:white;border-radius:10px;padding:11px 15px;box-shadow:var(--shadow);font-size:12px;max-width:340px;animation:rise .2s}.toast.error{background:#923d3d}.notice{padding:11px 13px;border-radius:9px;background:#f4f7ff;border:1px solid #e1e8ff;color:#4f6281;font-size:11px;line-height:1.5;margin-bottom:15px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,42%);background:#fff}.login-intro{padding:6vw 8vw;background:radial-gradient(ellipse at 25% 10%,#e9efff 0,#f6f8ff 43%,#f5f8fb 100%);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-intro:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #dce5ff;right:-120px;bottom:-170px;box-shadow:0 0 0 35px #e8eeff50,0 0 0 80px #edf2ff50}.login-intro h1{font:700 clamp(32px,5vw,56px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;max-width:600px;margin:30px 0 14px}.login-intro p{color:#66758c;max-width:420px;line-height:1.7;font-size:14px}.login-side{display:flex;align-items:center;justify-content:center;padding:35px}.login-form{width:min(340px,100%)}.login-form h2{font:700 22px Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 7px}.login-form>p{font-size:12px;color:var(--muted);margin:0 0 24px}.login-form .field{margin-bottom:15px}.login-form .field label{font-size:11px}.login-form .field input{padding:12px;font-size:13px}.login-form .btn{width:100%;padding:11px}.login-error{color:var(--red);font-size:11px;margin:0 0 10px;min-height:15px}.login-hint{border-top:1px solid var(--line);margin-top:19px;padding-top:15px;color:#8995a5;font-size:10px;line-height:1.6}.form-error{color:var(--red);font-size:10px}.copy-link{color:var(--blue);font-size:11px;font-weight:650;background:none;border:0;padding:0}.latency{color:#647286}.danger-zone{border:1px solid #f3dddd;background:#fffbfb;padding:14px;border-radius:11px}.key-once{padding:12px;border:1px solid #f0d7a3;background:#fff8e9;border-radius:9px;font-size:11px;line-height:1.5}.key-once code{display:block;margin:9px 0;padding:10px;background:#fff;border-radius:6px;word-break:break-all;color:#4c5c72;font-size:10px}.hidden{display:none!important}.link-button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:650;padding:0}.responsive-only{display:none}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){:root{--nav-width:215px}.content{padding:28px 24px 40px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr)}}
@media(max-width:820px){.sidebar{width:64px;padding:19px 8px}.brand{padding:2px 5px 24px;justify-content:center}.brand-copy,.nav-caption,.nav-button span,.nav-count,.side-status,.profile-meta,.profile>.icon-button{display:none}.nav-button{justify-content:center;padding:11px}.nav-button svg{width:19px;height:19px}.profile{justify-content:center;padding:14px 0 0}.main{margin-left:64px}.topbar{height:62px;padding:0 20px}.content{padding:24px 20px 35px}.overview-grid,.bottom-grid{grid-template-columns:1fr}.playground{grid-template-columns:1fr}.chat-settings{order:-1}.chat-settings h3{margin-bottom:11px}.chat-settings .field{display:inline-grid;width:calc(50% - 8px);vertical-align:top;margin-right:10px}.settings-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-side{min-height:100vh}}
@media(max-width:540px){.topbar{padding:0 14px}.content{padding:20px 13px 30px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-head h1{font-size:24px}.page-head p{font-size:12px}.actions{width:100%}.actions .btn{flex:1}.stats-grid{gap:10px}.stat-card{padding:14px;min-height:110px}.stat-value{font-size:22px}.stat-top{font-size:11px}.stat-icon{width:29px;height:29px}.panel{padding:15px}.overview-grid,.bottom-grid{gap:11px}.chart-box{height:150px}.playground{gap:10px}.chat-card{min-height:530px}.chat-settings{padding:14px}.chat-settings .field{width:100%;margin-right:0}.table th,.table td{padding-left:8px;padding-right:8px}.toolbar .btn{flex:none}.searchbox{min-width:100%}.environment{font-size:10px}.topbar-right{gap:8px}.login-side{padding:25px}.page-card{padding:15px}}