@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Courier+Prime:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden;background:var(--bg)}:root{--bg: #F7F6F3;--surface: #FCFCFB;--surface-2: #F1F0EC;--border: rgba(30, 30, 28, .16);--border-2: rgba(30, 30, 28, .3);--text: #1A1A18;--dim: #5F5F59;--accent: #23211E;--accent-fg: #F7F6F3;--accent-hover: #3A372F;--accent-dim: rgba(30, 29, 26, .08);--bg-translucent: rgba(247, 246, 243, .9);--shadow-btn: 0 8px 24px rgba(30, 29, 26, .22);--green: #15743A;--red: #B02A2A;--amber: #7C5210;--radius: 10px;--ease: .15s ease;--serif: "EB Garamond", Georgia, "Times New Roman", serif;--mono: "Courier Prime", "Courier New", ui-monospace, monospace;--textura-radial-1: rgba(255,255,255,.75);--textura-radial-2: rgba(150,150,144,.14);--textura-linea-1: rgba(70,70,66,.028);--textura-linea-2: rgba(70,70,66,.022)}:root[data-theme=dark]{--bg: #14130F;--surface: #1D1B16;--surface-2: #272420;--border: rgba(236, 232, 222, .13);--border-2: rgba(236, 232, 222, .26);--text: #ECE8DE;--dim: #9C978A;--accent: #ECE8DE;--accent-fg: #14130F;--accent-hover: #FFFFFF;--accent-dim: rgba(236, 232, 222, .12);--bg-translucent: rgba(20, 19, 15, .85);--shadow-btn: 0 8px 24px rgba(0, 0, 0, .45);--green: #63C08A;--red: #E6796F;--amber: #D9A85E;--textura-radial-1: rgba(255,255,255,.035);--textura-radial-2: rgba(0,0,0,.28);--textura-linea-1: rgba(236,232,222,.022);--textura-linea-2: rgba(236,232,222,.016)}body{background-color:var(--bg);background-image:radial-gradient(120% 90% at 15% 0%,var(--textura-radial-1),rgba(255,255,255,0) 60%),radial-gradient(100% 80% at 90% 100%,var(--textura-radial-2),rgba(150,150,144,0) 60%),repeating-linear-gradient(0deg,var(--textura-linea-1) 0 1px,rgba(70,70,66,0) 1px 3px),repeating-linear-gradient(90deg,var(--textura-linea-2) 0 1px,rgba(70,70,66,0) 1px 4px);background-size:100% 100%,100% 100%,auto,auto;color:var(--text);font-family:var(--serif);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--ease),color var(--ease)}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.15}a{color:var(--text);text-decoration:none}a:hover{opacity:.7}::selection{background:var(--accent-dim)}input,select,textarea,button{font-family:inherit}.topbar-brand,.card-title,.form-label,.badge,.back-link,.table th,.list-row-sub,.conv-card-meta,.conv-card-preview,.pago-card-sub,.auth-sub{font-family:var(--mono)}.page{min-height:100vh;display:flex;flex-direction:column}.page-body{padding:28px 32px;flex:1;width:100%;max-width:1240px;margin:0 auto}@media(max-width:640px){.page-body{padding:20px 16px}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--bg-translucent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-shrink:0}@media(max-width:640px){.topbar{padding:12px 16px}}.topbar-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;flex-shrink:0;border:1px solid var(--border-2);border-radius:8px;background:none;color:var(--dim);cursor:pointer;transition:color var(--ease),border-color var(--ease),background var(--ease)}.theme-toggle:hover{color:var(--text);border-color:var(--text);background:var(--surface-2)}.topbar-brand{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.topbar-brand em{color:var(--accent);font-style:normal}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dim)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.auth-brand{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:2px}.auth-sub{font-size:12px;color:var(--dim);margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border-2);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--ease),background var(--ease),color var(--ease),opacity var(--ease);white-space:nowrap}.btn:hover{border-color:var(--border-2);background:var(--surface-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--dim);box-shadow:none}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:600;box-shadow:none}.btn-danger:hover{filter:brightness(.92)}.btn-block{width:100%}.btn-sm{padding:5px 10px;font-size:12px}.link-btn{background:none;border:none;padding:0;color:var(--text);font-family:var(--serif);font-size:inherit;cursor:pointer;border-bottom:1px solid var(--border-2);transition:border-color var(--ease),opacity var(--ease)}.link-btn:hover{border-bottom-color:var(--text);opacity:.7}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;color:var(--dim);font-weight:400;letter-spacing:.04em;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);padding:9px 12px;font-size:14px;font-family:var(--serif);width:100%;outline:none;transition:border-color var(--ease),box-shadow var(--ease);-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--dim);opacity:.8}@media(max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}.err{color:var(--red);font-size:13px;padding:9px 12px;background:#b02a2a0f;border-radius:var(--radius);border:1px solid rgba(176,42,42,.22)}.empty,.loading{color:var(--dim);font-size:13px;text-align:center;padding:32px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 1px 2px #1e1d1a0a}.card-title{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:14px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:100px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.badge-green{background:#15743a1f;color:var(--green)}.badge-dim{background:var(--surface-2);color:var(--dim);border:1px solid var(--border)}.badge-red{background:#b02a2a1f;color:var(--red)}.badge-amber{background:#7c521024;color:var(--amber)}.ok{color:var(--green);font-size:13px;padding:9px 12px;background:#15743a0f;border-radius:var(--radius);border:1px solid rgba(21,116,58,.22)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:inherit;transition:border-color var(--ease),background var(--ease)}.list-row:hover{border-color:var(--border-2);background:var(--surface-2)}.list-row-title{font-size:15px;font-weight:600}.list-row-sub{font-size:12px;color:var(--dim);margin-top:2px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--dim);background:none;border:none;cursor:pointer;padding:0;margin-bottom:10px}.back-link:hover{color:var(--text)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--dim);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab-active{color:var(--text);border-bottom-color:var(--accent)}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-nav{flex:0 0 184px;display:flex;flex-direction:column;gap:2px;position:sticky;top:74px}.settings-nav button{text-align:left;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:none;color:var(--dim);font-family:inherit;font-size:13px;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease)}.settings-nav button:hover{background:var(--surface-2);color:var(--text)}.settings-nav button.active{background:var(--surface-2);color:var(--text);border-color:var(--border);font-weight:600}.settings-content{flex:1;min-width:0}@media(max-width:720px){.settings-layout{flex-direction:column;gap:14px}.settings-nav{position:static;flex-basis:auto;flex-direction:row;flex-wrap:wrap;gap:6px}.settings-nav button{padding:6px 11px}}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--dim);font-weight:400;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.table-wrap{overflow-x:auto}.token-row{display:flex;gap:6px}.token-row input{flex:1!important;width:auto!important;min-width:0}.search-row{display:flex;gap:8px;margin-bottom:16px}.search-row input{flex:1!important;width:auto!important;min-width:0}.chat-wrap{display:flex;flex-direction:column;height:calc(100vh - 56px)}@media(max-width:768px){.chat-wrap{height:100vh;padding:16px}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-title{font-size:19px;font-weight:600}.chat-scroll{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-scroll::-webkit-scrollbar{width:4px}.chat-scroll::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:13px}.chat-empty-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--accent)}.chat-msg{display:flex;align-items:flex-end;gap:8px}.chat-msg-agente{justify-content:flex-start}.chat-msg-user{justify-content:flex-end}.chat-avatar{width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--accent);flex-shrink:0}.chat-bubble{max-width:72%;padding:8px 12px;border-radius:14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-bubble-agente{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text)}.chat-bubble-user{background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:4px}.chat-input-row{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border);flex-shrink:0}.chat-input-row input{flex:1!important;width:auto!important;min-width:0}.conv-list{display:flex;flex-direction:column;gap:8px}.conv-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:inherit;transition:border-color var(--ease),background var(--ease)}.conv-card:hover{border-color:var(--border-2);background:var(--surface-2)}.conv-card-alerta{border-color:var(--red);background:#b02a2a0f}.conv-card-alerta:hover{background:#b02a2a1a}.conv-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.conv-card-nombre{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px}.conv-card-preview{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.conv-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:11px;color:var(--dim)}.alerta-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;box-shadow:0 0 0 3px #b02a2a2e}.conv-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);margin-bottom:14px}.conv-toggle-label{font-size:13px;font-weight:600;flex:1}.conv-toggle-label.modo-bot{color:var(--green)}.conv-toggle-label.modo-humano{color:var(--amber)}.chat-avatar-bot{color:var(--accent)}.chat-avatar-operador{color:var(--amber);border-color:var(--amber)}.chat-msg-tecnico{align-self:flex-start;max-width:85%;font-family:var(--mono);font-size:11px;color:var(--dim);background:var(--surface-2);border:1px dashed var(--border-2);border-radius:6px;padding:5px 9px;white-space:pre-wrap;word-break:break-word}.chat-manual-aviso{font-size:12px;color:var(--dim);text-align:center;padding:10px 12px;border-top:1px solid var(--border)}.pago-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.pago-card.inactivo{opacity:.55}.pago-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.pago-card-nombre{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px}.pago-card-sub{font-size:12px;color:var(--dim)}.pago-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pago-reorder{display:flex;flex-direction:column;gap:2px}.pago-reorder button{padding:1px 6px;font-size:10px;line-height:1.6}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dim);margin:0 2px;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}