@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#e9eef5;--muted:#8997a8;--line:#263448;--panel:#121e2e;--bg:#0b1421;--cyan:#64d6c2;--lime:#c6ef81;--blue:#7ca7ff;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;background:radial-gradient(circle at 92% 10%,#172b3e 0,#0b1421 34%)}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;padding:30px 20px 22px;border-right:1px solid var(--line);background:#0d1928;display:flex;flex-direction:column}.brand{position:relative;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:.02em;padding:0 10px 42px}.brand small{position:absolute;left:45px;top:27px;color:#52637a;font:10px DM Mono,monospace;letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--cyan);color:#0b1421;border-radius:7px;font-weight:800}.nav-label{color:#506177;font:10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase;margin:8px 11px 9px}.nav-item{width:100%;border:0;background:transparent;color:#8d9bad;text-align:left;padding:12px;border-radius:7px;display:flex;align-items:center;gap:12px;margin:3px 0;font-size:13px}.nav-item:hover,.nav-item.active{background:#1a2b3e;color:var(--cyan)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#dce5ef}.sidebar-foot small{display:block;color:#617187;margin-top:4px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #64d6c21c;margin-top:4px}.main{margin-left:248px;min-width:0;flex:1}.topbar{height:74px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#93a0b0;font-size:12px}.crumb span{color:#45556a;margin:0 7px}.top-actions{display:flex;gap:17px;align-items:center}.target-pill{border:1px solid #294156;padding:7px 11px;border-radius:5px;display:flex;gap:8px;align-items:center;color:#9fb4c8}.avatar{background:#284b5d;color:var(--cyan);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:10px;font-weight:800}.icon-button,.close-button{background:transparent;border:0;color:#8b9aab;font-size:18px;padding:3px}.content{max-width:1400px;padding:50px 52px 70px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.eyebrow{color:var(--cyan);font:10px DM Mono,monospace;letter-spacing:.15em;margin:0 0 10px}.intro h1{font-size:34px;letter-spacing:-.04em;margin:0 0 7px}.subline,.section-head p{color:var(--muted);font-size:13px;margin:0}.primary-button,.secondary-button,.outline-button,.text-button{border:0;border-radius:5px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.primary-button{background:var(--cyan);color:#0a1721}.primary-button:hover{background:#86e5d3}.secondary-button{background:#202e41;color:#d8e1ec}.outline-button{background:transparent;border:1px solid #345067;color:#a5d9ce;margin-top:12px}.text-button{background:transparent;color:#83d7c3;padding:7px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 45px;border:1px solid var(--line);background:#101b2a}.stat{padding:20px 22px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat span,.stat em{display:block;color:#7b8b9f;font-size:11px;font-style:normal}.stat strong{display:block;font-size:27px;margin:10px 0 3px;color:#eaf3ff}.stat strong.green{color:var(--cyan);font-size:20px;margin-top:16px}.stat.accent{background:#142636}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head h2{font-size:17px;margin:0 0 6px}.table-wrap{border:1px solid var(--line);background:#101b2a;overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#64758a;font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;padding:15px 18px;border-bottom:1px solid var(--line);font-weight:400}td{padding:17px 18px;border-bottom:1px solid #203044;color:#aebbc9;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.channel-name{display:flex;gap:11px;align-items:center}.channel-name strong{display:block;color:#e4edf6;font-size:13px}.channel-name small{color:#607187;display:block;margin-top:4px;font:10px DM Mono,monospace}.provider-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #355062;border-radius:7px;color:var(--cyan);font-weight:800}.model-count{color:#dce5ef}.model-preview{font-size:10px;color:#607187;margin-top:4px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-tag{font:10px DM Mono,monospace;color:#8ea2b7;border:1px solid #344458;padding:5px 7px;border-radius:3px}.discount{font-family:DM Mono,monospace;color:var(--lime);font-weight:500}.sync-state{color:#81d6bf;display:flex;align-items:center;gap:7px}.sync-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.row-action{border:1px solid #314458;border-radius:4px;background:transparent;color:#7c9bb1;padding:6px 10px}.row-action:hover{color:var(--cyan);border-color:var(--cyan)}.empty{text-align:center;padding:42px;color:var(--muted);font-size:13px}.notice{display:flex;gap:13px;align-items:flex-start;margin-top:24px;padding:15px 18px;border-left:2px solid #5276a5;background:#111e30;color:#a4b6c9}.notice-icon{color:var(--cyan);font-size:16px}.notice strong{font-size:12px;color:#dae8f4}.notice p{font-size:11px;margin:5px 0 0;line-height:1.6;color:#71849a}.modal-backdrop{position:fixed;inset:0;background:#050b14b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#122032;border:1px solid #34475c;width:min(720px,100%);max-height:min(92vh,860px);display:flex;flex-direction:column;box-shadow:0 24px 70px #0008}.modal-head{padding:25px 29px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:21px}.close-button{font-size:27px}.modal-scroll{overflow:auto;padding:20px 29px}.callout{display:flex;gap:11px;background:#173443;border:1px solid #275568;padding:12px 14px;margin-bottom:20px}.callout>span{color:var(--cyan)}.callout strong,.callout small{display:block}.callout strong{font-size:12px}.callout small{color:#7fa4b5;font-size:10px;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.field{display:flex;flex-direction:column;gap:8px;color:#a8b5c4;font-size:11px}.field.full{grid-column:1/-1}.field b{color:var(--cyan);font-weight:500}.field small{color:#697d92;font-size:10px}.field-help{float:right;margin-left:8px}.field input,.field textarea,.field select{background:#0d1826;border:1px solid #34475c;color:#e2ebf4;border-radius:4px;padding:10px 11px;outline:0;font-size:12px;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan)}.field textarea{resize:vertical;line-height:1.6;font-family:DM Mono,monospace}.number-input{display:flex}.number-input input{border-radius:0;text-align:center}.number-input button{background:#1a2c40;color:#91a9bd;border:1px solid #34475c;width:35px}.number-input button:first-child{border-radius:4px 0 0 4px}.number-input button:last-child{border-radius:0 4px 4px 0}.toggle-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7b5c4}.toggle-line input{accent-color:var(--cyan);width:auto}.toggle-line small{margin-left:auto;color:#657991}.chips{display:flex;flex-wrap:wrap;gap:7px;padding:3px 0}.chip{background:#1a2b3d;color:#7e91a7;border:1px solid #2f4255;padding:7px 9px;border-radius:4px;font-size:11px}.chip.selected{background:#19423e;border-color:#4b9f91;color:#b9efe3}.advanced{border:1px solid #293c50;padding:14px;display:grid;gap:12px}.mapping-row{display:flex;align-items:center;gap:7px}.mapping-row input{padding:7px 8px}.remove-map{background:transparent;border:0;color:#71859a}.modal-foot{border-top:1px solid var(--line);padding:16px 29px;display:flex;justify-content:space-between;align-items:center;color:#718499;font-size:10px}.secure-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:5px}.modal-foot div{display:flex;gap:9px}.toast{position:fixed;right:25px;bottom:25px;background:#d8fff5;color:#0d2c29;padding:12px 17px;border-radius:5px;font-size:12px;font-weight:700;z-index:20;box-shadow:0 8px 30px #0005}.spin{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.sidebar{width:66px;padding:25px 10px}.brand{padding:0 10px 40px}.brand>span:not(.brand-mark),.brand small,.nav-item span,.nav-label,.sidebar-foot div{display:none}.nav-item{justify-content:center;padding:13px 0}.sidebar-foot{padding:15px}.main{margin-left:66px}.topbar{padding:0 18px}.user-name{display:none}.content{padding:32px 20px 50px}.intro{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr);margin:30px 0}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{align-items:flex-start;gap:12px}.target-pill{display:none}.modal-scroll{padding:18px 20px}.modal-head,.modal-foot{padding-left:20px;padding-right:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-foot{align-items:flex-end;gap:10px;flex-direction:column}.modal-foot div{width:100%;justify-content:flex-end}}@media(max-width:430px){.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.intro h1{font-size:29px}}.page-band{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.page-band h1{font-size:34px;letter-spacing:-.04em;margin:0 0 7px}.traffic-panel{display:grid;grid-template-columns:1.3fr auto;gap:8px 25px;border:1px solid #2e5260;background:#112635;padding:22px 25px;margin:0 0 42px}.traffic-panel h2{margin:0 0 7px;font-size:17px}.traffic-panel p:not(.eyebrow){margin:0;color:#7891a4;font-size:11px}.traffic-panel .outline-button{align-self:center;margin:0}.traffic-bars{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:13px}.traffic-bars div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.traffic-bars span{font:10px DM Mono,monospace;color:#7f95a8}.traffic-bars strong{font:12px DM Mono,monospace;color:#c6ef81}.traffic-bars i{grid-column:1/-1;height:4px;border-radius:4px;background:#203d4a;overflow:hidden}.traffic-bars b{display:block;height:100%;background:var(--cyan);border-radius:4px}.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#101b2a;margin-bottom:24px}.usage-summary>div{padding:21px 23px;border-right:1px solid var(--line)}.usage-summary>div:last-child{border-right:0}.usage-summary span{display:block;color:#7b8b9f;font-size:11px}.usage-summary strong{display:block;margin-top:11px;color:#e6eef7;font-size:22px}.usage-summary small{color:#8798aa;font-size:11px;font-weight:400}.usage-table{margin-top:0}.usage-table table{min-width:1000px}.mono{font-family:DM Mono,monospace;font-size:11px;color:#8ea2b7}.money{font-family:DM Mono,monospace;color:var(--lime);font-weight:500}.status-badge{display:inline-block;border-radius:4px;padding:5px 8px;font-size:10px}.status-badge.success{background:#173c27;border:1px solid #2f713b;color:#8cdb85}.status-badge.danger{background:#421d25;border:1px solid #84323e;color:#f18b94}.permission-strip{display:flex;gap:13px;align-items:flex-start;background:#172b3f;border-left:2px solid var(--blue);padding:15px 18px;margin-bottom:23px}.permission-icon{color:#a0bfff;font-size:16px}.permission-strip strong{font-size:12px}.permission-strip p{color:#7e92a8;margin:5px 0 0;font-size:11px}.user-table table{min-width:750px}.user-cell{display:flex;align-items:center;gap:10px}.small-avatar{width:28px;height:28px;font-size:9px}.role-tag{font-size:11px;color:#afc0d1}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.security-card{border:1px solid var(--line);background:#101b2a;padding:24px;min-height:190px}.security-icon{display:grid;place-items:center;width:35px;height:35px;color:var(--cyan);border:1px solid #35605d;border-radius:6px;margin-bottom:22px}.security-card h2{font-size:15px;margin:0 0 9px}.security-card p{font-size:11px;color:#8293a5;line-height:1.7;margin:0 0 21px}.security-state{color:var(--cyan);font:10px DM Mono,monospace}.small-modal{width:min(520px,100%)}@media(max-width:800px){.page-band{align-items:flex-start;flex-direction:column;margin-bottom:25px}.page-band h1{font-size:29px}.traffic-panel{grid-template-columns:1fr}.traffic-panel .outline-button{justify-self:start}.traffic-bars,.usage-summary{grid-template-columns:1fr}.usage-summary>div{border-right:0;border-bottom:1px solid var(--line)}.usage-summary>div:last-child{border-bottom:0}.security-grid{grid-template-columns:1fr}}.user-context{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#101b2a;padding:13px 16px;margin:-10px 0 22px}.user-context strong,.user-context small{display:block}.user-context strong{font-size:12px}.user-context small{color:#71849a;font-size:10px;margin-top:3px}.context-lock{margin-left:auto;color:#7fd8c0;font:10px DM Mono,monospace}.user-stats{margin:0 0 35px}.key-usage-table table{min-width:1160px}.key-label{display:flex;align-items:center;gap:9px}.key-label>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #37515f;border-radius:5px;color:var(--cyan);font-size:12px}.key-label strong{color:#dde7f0;font-size:12px}.upstream-id{color:#b8e5db}.upstream-id-list{display:flex;flex-wrap:wrap;gap:5px;max-width:180px}.upstream-id-list span{padding:4px 6px;border:1px solid #31564f;border-radius:3px;background:#142c2b;color:#a9ded2;font:10px DM Mono,monospace}.upstream-id-empty{color:#60758a;font-size:10px;white-space:nowrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 78% 18%,#173449 0,#0b1421 42%)}.login-panel{width:min(100%,410px);padding:34px;background:#101d2d;border:1px solid #2c4054;border-radius:8px;box-shadow:0 22px 70px #0006}.login-panel .brand{padding:0 0 31px}.login-panel h1{font-size:28px;margin:0 0 8px;letter-spacing:-.04em}.login-panel .subline{margin-bottom:23px}.login-panel .field{margin-bottom:16px}.login-submit{width:100%;justify-content:center;margin-top:5px}.login-error{border:1px solid #813b49;background:#3b202a;color:#f4a0a8;padding:10px 12px;border-radius:4px;font-size:11px;margin-bottom:16px}.logout-button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #314458;border-radius:4px;background:transparent;color:#8b9aab;font-size:11px}.logout-button:hover{border-color:#557087;color:#d5e0ea}.intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.metadata-strip{display:flex;align-items:center;gap:9px;min-height:18px;margin:22px 0 26px;color:#8293a6;font:10px DM Mono,monospace;line-height:1.5}.metadata-strip .status-dot{flex:0 0 auto;margin-top:0}.metadata-strip>span:not(.status-dot){min-width:0}.metadata-strip time{flex:0 0 auto;margin-left:auto;color:#60758a;white-space:nowrap}.simulation-callout{align-items:center;border-color:#6d6140;background:#29271e}.simulation-callout>span{color:var(--lime)}.simulation-callout time{margin-left:auto;color:#8d9a84;font:10px DM Mono,monospace;white-space:nowrap}.field-readout{min-height:37px;display:flex;align-items:center;padding:10px 11px;border:1px solid #293c50;background:#101b29;color:#9fb1c3;border-radius:4px}.model-picker{max-height:184px;overflow:auto;padding:10px;border:1px solid #293c50;background:#0d1826}.empty-inline{color:#74879a;font-size:11px;padding:5px}.modal-empty{border:1px dashed #33485c;margin:5px 0 20px}.primary-button:disabled{cursor:not-allowed;opacity:.45}.syncing{opacity:.65;pointer-events:none}@media(max-width:800px){.intro-actions{justify-content:flex-start}.metadata-strip{align-items:flex-start;flex-wrap:wrap;margin:18px 0 22px}.metadata-strip time{width:calc(100% - 16px);margin-left:16px}.simulation-callout{align-items:flex-start}.simulation-callout time{display:none}}.template-cell strong,.template-cell small{display:block}.template-cell strong{color:#cfdae5;font-size:11px}.template-cell small{margin-top:4px;color:#667b91;font:10px DM Mono,monospace}.muted-cell{color:#5f7186;font-size:11px}.user-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.account-modal{width:min(720px,100%)}.template-section{border-top:1px solid var(--line);padding-top:17px}.template-section>span{color:var(--cyan);font:10px DM Mono,monospace;letter-spacing:.08em}.template-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.template-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #31465b;background:#0e1a28;margin-bottom:20px}.template-summary>div{padding:14px 15px;border-right:1px solid #293c50;min-width:0}.template-summary>div:last-child{border-right:0}.template-summary span,.template-summary strong{display:block}.template-summary span{color:#6f8398;font-size:10px}.template-summary strong{margin-top:7px;color:#dce7f1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-modal{width:min(720px,100%)}.supplier-key-form{gap:18px}.template-model-picker{max-height:150px}.prefix-input{display:flex;align-items:stretch;border:1px solid #34475c;border-radius:4px;background:#0d1826;overflow:hidden}.prefix-input:focus-within{border-color:var(--cyan)}.prefix-input>span{display:flex;align-items:center;max-width:48%;padding:10px 11px;background:#19283a;border-right:1px solid #34475c;color:#8ea3b7;font:11px DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field .prefix-input input{border:0;border-radius:0;min-width:0}.channel-name-preview{color:#6e8296!important}.channel-name-preview b{color:#9eb3c7;font-family:DM Mono,monospace}.template-section[hidden]{display:none}@media(max-width:800px){.template-form-grid,.template-summary{grid-template-columns:1fr}.template-summary>div{border-right:0;border-bottom:1px solid #293c50}.template-summary>div:last-child{border-bottom:0}.prefix-input{flex-direction:column}.prefix-input>span{max-width:none;border-right:0;border-bottom:1px solid #34475c}.user-actions{align-items:stretch;flex-direction:column}}