:root{--bg:#faf9f5;--side:#f3f1ea;--panel:#ffffff;--line:#e6e2d6;--line2:#efece3;--text:#2b2a27;--muted:#7a766b;--soft:#a39f93;--accent:#c96442;--accent-soft:#f6e6de;--user:#efebe0;--claude:#d97757;--openai:#10a37f;--grok:#3a3a3a;--deepseek:#4d6bfe;--custom:#9b6bd3;--ok:#2e8b57;--warn:#c98a1b;--serif: "Tiempos Text", Charter, "Iowan Old Style", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14.5px/1.55 var(--sans)}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}input,select,textarea{font:inherit;color:inherit}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:264px;flex:none;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:12px 10px}.brand{display:flex;align-items:center;gap:8px;font:600 18px var(--serif);padding:6px 8px 14px}.brand .logo{width:22px;height:22px;border-radius:6px;background:var(--accent);display:grid;place-items:center;color:#fff;font:700 13px var(--sans)}.new-chat{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-weight:500}.new-chat:hover,.nav a:hover,.chat-item:hover{background:#e9e6dc}.new-chat .plus{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:16px;line-height:1}.nav{margin:8px 0 6px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none;cursor:pointer}.nav a.active{background:#e6e2d6}.nav svg{width:17px;height:17px;flex:none;color:var(--muted)}.side-label{font-size:12px;color:var(--muted);padding:12px 10px 4px}.chats{flex:1;overflow:auto}.chat-item{display:block;padding:7px 10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#444}.chat-item.active{background:#e6e2d6}.side-foot{border-top:1px solid var(--line);padding:10px 8px 2px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#3d3a33;color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:54px;flex:none;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line2)}.burger{display:none;padding:6px;border-radius:8px}.burger svg{width:20px;height:20px}.top-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balances{margin-left:auto;display:flex;gap:6px;align-items:center}.bal{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12.5px;white-space:nowrap;cursor:pointer}.bal b{font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.d-claude{background:var(--claude)}.d-openai{background:var(--openai)}.d-grok{background:var(--grok)}.d-deepseek{background:var(--deepseek)}.d-custom{background:var(--custom)}.view{display:none;flex:1;overflow:auto}.view.active{display:flex;flex-direction:column}.thread{flex:1;overflow:auto;padding:28px 18px 10px}.wrap{max-width:780px;margin:0 auto}.wrap.wide{max-width:1180px}.msg-user{display:flex;justify-content:flex-end;margin:18px 0}.msg-user .bubble{background:var(--user);padding:10px 14px;border-radius:16px;max-width:80%}.msg-ai{margin:12px 0 26px}.ai-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:6px}.model-tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text);font-size:13px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#efece3;font-size:12px;color:#5f5b51}.chip.auto{background:var(--accent-soft);color:#9c4a2e}.ai-body{font-family:var(--serif);font-size:16px;line-height:1.65}.ai-body p{margin:0 0 10px}.ai-body ul{margin:0 0 10px;padding-left:20px}.ai-body h4{font:600 15px var(--sans);margin:12px 0 6px}.ai-foot{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;color:var(--muted);font-size:12.5px}.icon-btn:hover{background:#efece3;color:var(--text)}.icon-btn svg{width:15px;height:15px}.cost{display:inline-flex;align-items:center;gap:8px;padding:4px 9px;border-radius:8px;border:1px dashed var(--line);font-size:12.5px;color:var(--muted);cursor:pointer;margin-left:auto}.cost:hover{border-color:var(--accent);color:var(--text)}.cost b{color:var(--text);font-weight:600}.switch-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;margin:24px 0}.switch-line:before,.switch-line:after{content:"";flex:1;height:1px;background:var(--line)}.compare-head{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin:0 0 10px}.cols{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px;margin-bottom:26px;overflow-x:auto;padding-bottom:4px}.col{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-width:280px;transition:border-color .15s,box-shadow .15s}.col.best{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.col-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line2)}.best-badge{margin-left:auto;display:none;align-items:center;gap:4px;font-size:12px;color:var(--accent);font-weight:600}.col.best .best-badge{display:inline-flex}.col-body{padding:12px 14px;font-family:var(--serif);font-size:15px;line-height:1.6;flex:1}.col-body p{margin:0 0 8px}.col-body ul{margin:0 0 8px;padding-left:18px}.col-foot{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--line2);flex-wrap:wrap}.col-foot .cost{margin-left:0}.best-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;border:1px solid var(--line);font-size:12.5px;font-weight:500}.best-btn:hover{border-color:var(--accent);color:var(--accent)}.col.best .best-btn{background:var(--accent);border-color:var(--accent);color:#fff}.best-btn svg{width:14px;height:14px}.continue-row{display:flex;gap:8px;justify-content:center;margin:-12px 0 24px;flex-wrap:wrap}.continue-row .icon-btn{border:1px solid var(--line);background:var(--panel)}.composer-wrap{padding:6px 18px 16px}.composer{max-width:780px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 6px #3c321e0f;padding:12px 12px 8px;position:relative}.composer textarea{width:100%;border:0;outline:0;resize:none;min-height:48px;background:transparent;font-size:15px}.composer-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tool{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;border:1px solid var(--line);font-size:13px;color:#5f5b51;background:var(--panel)}.tool:hover{background:#f6f4ee}.tool svg{width:15px;height:15px}.model-picker-btn{font-weight:500;color:var(--text)}.send{margin-left:auto;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center}.send svg{width:17px;height:17px}.route-hint{max-width:780px;margin:6px auto 0;font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.route-hint b{color:var(--text);font-weight:500}.popover{position:absolute;bottom:calc(100% + 8px);left:12px;width:320px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #3c321e26;padding:8px;display:none;z-index:20}.popover.open{display:block}.pop-title{font-size:12px;color:var(--muted);padding:6px 8px 4px}.opt{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;cursor:pointer}.opt:hover{background:#f6f4ee}.opt input{accent-color:var(--accent);width:16px;height:16px;margin:0}.opt .o-name{font-weight:500}.opt .o-sub{font-size:12px;color:var(--muted)}.opt .o-price{margin-left:auto;font-size:11.5px;color:var(--soft);white-space:nowrap}.pop-sep{height:1px;background:var(--line2);margin:6px 4px}.pop-note{font-size:12px;color:var(--muted);padding:4px 8px 6px}.page{padding:26px 22px 40px}.page h1{font:600 26px var(--serif);margin:0 0 4px}.page .sub{color:var(--muted);margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card .k{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px}.card .v{font:600 24px var(--serif);margin-top:4px}.card .s{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.seg{display:inline-flex;background:#efece3;border-radius:10px;padding:3px}.seg button{padding:6px 12px;border-radius:8px;font-size:13px;color:#5f5b51}.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #0000000f;font-weight:500}select.sel,input.inp{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13.5px}input.inp{width:100%}.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px;overflow-x:auto}.box h3{margin:0 0 12px;font-size:15px}.tab-pane{display:none}.tab-pane.on{display:block}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.click{cursor:pointer}tr.click:hover td{background:#faf8f2}tfoot td{font-weight:600;border-bottom:0}.wrap-cell{white-space:normal;min-width:220px}.bars{display:flex;align-items:flex-end;gap:10px;height:180px;padding:10px 4px 0;border-bottom:1px solid var(--line)}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;min-width:22px;position:relative}.bar-seg{width:100%}.bar-col .lbl{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11.5px;color:var(--muted)}.bar-col .tot{text-align:center;font-size:11px;color:var(--muted);margin-bottom:3px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:30px}.legend span{display:inline-flex;align-items:center;gap:6px}.service-note{font-size:12.5px;color:var(--muted);margin-top:8px}.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:22px}.key-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.key-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.prov-logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700}.prov-name{font-weight:600}.status{margin-left:auto;font-size:12px;display:inline-flex;align-items:center;gap:6px}.status.ok{color:var(--ok)}.status.off{color:var(--soft)}.key-field{display:flex;gap:6px;margin-bottom:10px}.key-field input{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.kv{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--muted)}.kv b{color:var(--text);font-weight:500}.models-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.key-actions{display:flex;gap:8px}.btn{padding:7px 12px;border-radius:9px;border:1px solid var(--line);font-size:13px;font-weight:500;background:var(--panel)}.btn:hover{background:#f6f4ee}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(.95)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}.field select{width:100%}.src{font-size:12px;padding:2px 8px;border-radius:999px}.src.best{background:var(--accent-soft);color:#9c4a2e}.src.def{background:#efece3;color:#5f5b51}.src.man{background:#e6edfb;color:#3653b8}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e190f59;display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-bg.open{display:flex}.modal{background:var(--panel);border-radius:16px;width:560px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0003}.modal-h{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line2)}.modal-h h3{margin:0;font-size:16px}.modal-h .x{margin-left:auto;font-size:20px;color:var(--muted);width:30px;height:30px;border-radius:8px}.modal-h .x:hover{background:#f3f1ea}.modal-b{padding:16px 18px}.modal-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2)}.set-row:last-child{border-bottom:0}.set-row .t{font-weight:500}.set-row .d{font-size:12px;color:var(--muted)}.toggle{width:38px;height:22px;border-radius:999px;background:#d8d4c8;position:relative;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--accent)}.toggle.on:after{left:19px}.warn{background:#fdf3e1;color:#8a5d10;border-radius:10px;padding:8px 10px;font-size:12.5px;margin-top:10px}.levels{display:flex;gap:4px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.levels span{padding:3px 8px;border-radius:999px;background:#efece3;color:#5f5b51}.levels span.on{background:var(--accent);color:#fff}.prov{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.prov-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px}.prov .tbl-mini th,.prov .tbl-mini td{padding:7px 8px}.prov .tbl-mini input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.price-in{width:70px;padding:4px 6px;border:1px solid var(--line);border-radius:7px;text-align:right;font-size:12.5px}.src.cat{background:#e8f3ec;color:#2e6b47}.prov-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}details.adv{margin-top:12px}details.adv summary{cursor:pointer;color:var(--muted);font-size:13px}details.adv .form-grid{margin-top:10px}.found{margin-top:14px;border-top:1px solid var(--line2);padding-top:12px}.neg{color:#b5452b}.pos{color:var(--ok)}.hist{font-size:13px}.hist div{padding:7px 0;border-bottom:1px solid var(--line2);display:flex;gap:10px;flex-wrap:wrap}.hist div:last-child{border-bottom:0}.hist .when{color:var(--muted);min-width:110px}textarea.inp{min-height:70px;resize:vertical}@media(max-width:860px){.prov-grid{grid-template-columns:1fr}}body[data-role=user] .admin-only{display:none!important}body:not([data-role=user]) .user-only{display:none!important}.role-switch{padding:8px 8px 4px}.role-switch .lbl{font-size:11.5px;color:var(--muted);margin-bottom:4px}.filters{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line2);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters .grp{display:flex;align-items:center;gap:6px}.filters input[type=date]{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13px}.search{position:relative;flex:1;min-width:200px}.search input{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13.5px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted)}.section-title{display:flex;align-items:center;gap:10px;margin:22px 0 10px}.section-title h2{font:600 18px var(--serif);margin:0}.section-title .btn{margin-left:auto}.msg-fail{display:flex;justify-content:flex-end;margin:-10px 0 20px}.fail-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:#a33d22;background:#fbeae4;border-radius:10px;padding:6px 10px}.fail-box .btn{padding:4px 10px;font-size:12.5px}.no-balance{max-width:780px;margin:0 auto 8px;background:#fbeae4;color:#8f3418;border-radius:12px;padding:10px 14px;font-size:13.5px;display:flex;gap:10px;align-items:center}.status-pill{font-size:12px;padding:2px 8px;border-radius:999px}.st-ok{background:#e8f3ec;color:#2e6b47}.st-off{background:#efece3;color:#7a766b}.st-zero{background:#fbeae4;color:#a33d22}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #00000026}.sidebar.open{transform:none}.burger{display:inline-flex}.balances .bal:not(.total){display:none}.cols{grid-template-columns:repeat(3,85%);scroll-snap-type:x mandatory}.col{scroll-snap-align:start}.msg-user .bubble{max-width:90%}.page{padding:20px 16px 30px}.thread{padding:18px 16px 8px}.composer-wrap{padding:6px 12px 12px}.popover{width:calc(100vw - 48px)}}@media(min-width:861px){.balances .bal.total{display:none}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:380px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.login-card h1{font:600 26px var(--serif);margin:0 0 6px}.err{background:#fbeae4;color:#8f3418;border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:10px}.chat-menu{position:relative}.menu{position:absolute;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #3c321e26;min-width:180px;padding:6px}.menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px}.menu button:hover{background:#f6f4ee}.cursor{display:inline-block;width:7px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.empty{color:var(--muted);padding:28px 0}.attach{font-size:12px;color:var(--muted);margin-top:6px}