:root{--color-navy:#1f2b4d;--color-navy-light:#2e3d68;--color-primary:#3456c8;--color-bg:#f3f5f9;--color-panel:#fff;--color-border:#e1e5ee;--color-text:#1f2430;--color-muted:#6b7280;--color-ai:#f1f3f7;--color-danger:#c93636;--color-danger-bg:#fdeeee;--font-sans:system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:8px;--topbar-height:56px}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);cursor:pointer;padding:6px 12px}button:hover:not(:disabled){background:var(--color-bg)}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--color-navy);background:var(--color-navy);color:#fff}button.primary:hover:not(:disabled){background:var(--color-navy-light)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);padding:6px 10px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none}h2{margin:0 0 var(--space-4);font-size:1.25rem}h3{margin:var(--space-5) 0 var(--space-2);font-size:1rem}a{color:var(--color-primary)}.error{color:var(--color-danger);margin:0}.panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel)}.topbar{align-items:center;gap:var(--space-5);height:var(--topbar-height);padding:0 var(--space-5);background:var(--color-navy);color:#fff;display:flex}.topbar a{color:inherit;text-decoration:none}.topbar .brand{font-size:1.1rem;font-weight:700}.topbar nav{gap:var(--space-1);display:flex}.topbar nav a{border-radius:var(--radius);color:#ffffffbf;padding:6px 12px}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active{background:#ffffff1f}.topbar .user{color:#ffffffd9;margin-left:auto}.topbar button{color:#fff;background:0 0;border-color:#ffffff59}.topbar button:hover:not(:disabled){background:#ffffff1f}main{padding:var(--space-5)}.chat{gap:var(--space-5);height:calc(100vh - var(--topbar-height) - 2 * var(--space-5));grid-template-columns:260px 1fr;display:grid}.chat>section{flex-direction:column;min-height:0;display:flex}.alert{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger)}.empty{color:var(--color-muted);text-align:center}button.danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff}button.danger:hover:not(:disabled){background:#b02c2c}.sidebar{gap:var(--space-3);min-height:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);flex-direction:column;display:flex}.sidebar ul{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar li{align-items:center;gap:var(--space-1);padding:2px var(--space-1);border-radius:var(--radius);display:flex}.sidebar li:hover{background:var(--color-bg)}.sidebar li.selected{background:#e7ebf6}.sidebar li button{padding:4px 8px;font-size:.85rem}.sidebar li button.title{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:8px;font-size:.95rem;overflow:hidden}.sidebar li.selected button.title{font-weight:600}.sidebar li button.icon{color:var(--color-muted);opacity:0;background:0 0;border:none}.sidebar li:hover button.icon,.sidebar li.selected button.icon{opacity:1}.chat-header{align-items:center;gap:var(--space-3);display:flex}.sidebar-toggle,.sidebar-backdrop{display:none}.chat-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messages{gap:var(--space-3);padding:var(--space-2) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.message{border-radius:14px;max-width:80%;padding:10px 14px}.message.user{background:var(--color-navy);color:#fff;white-space:pre-wrap;border-bottom-right-radius:4px;align-self:flex-end}.message.assistant{background:var(--color-ai);border-bottom-left-radius:4px;align-self:flex-start}.message.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f1c7c7}.message.pending{color:var(--color-muted);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.message>:first-child{margin-top:0}.message>p:last-of-type{margin-bottom:0}.message pre{padding:var(--space-3);background:var(--color-panel);border-radius:6px;overflow-x:auto}.message small{margin-top:var(--space-2);color:var(--color-muted);font-size:.8rem;display:block}.composer{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);flex-direction:column;display:flex}.composer:focus-within{border-color:var(--color-primary)}.chat-options{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-options select{padding:4px 8px;font-size:.85rem}.chat-options .usage{margin-left:auto}.chat-input{align-items:flex-end;gap:var(--space-3);display:flex}.chat-input textarea{padding:var(--space-1);resize:none;border:none;flex:1}.chat-input-side{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.counter{color:var(--color-muted);font-size:.8rem}.counter.error{color:var(--color-danger)}.usage{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.8rem;display:flex}.usage-bar{background:var(--color-border);border-radius:3px;width:140px;height:6px;overflow:hidden}.usage-bar>div{background:var(--color-primary);height:100%}.usage-bar>div.over{background:var(--color-danger)}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-primary);background:#eaf1fd;margin:0}.auth-form{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);flex-direction:column;max-width:360px;margin:10vh auto;padding:32px;display:flex}.auth-form h2{text-align:center;margin:0}.auth-form label{gap:var(--space-1);flex-direction:column;font-size:.9rem;display:flex}.auth-form button.primary{padding:10px}.auth-form .alert{margin:0}.auth-form>p:last-child{color:var(--color-muted);text-align:center;margin:0;font-size:.9rem}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header h2{margin:0}.logs{width:100%;margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);border-collapse:separate;border-spacing:0;background:var(--color-panel);font-size:.9rem;overflow:hidden}.logs th,.logs td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:10px 12px}.logs th{color:var(--color-muted);background:#f7f8fb;font-size:.8rem;font-weight:600}.logs tbody tr:last-child td{border-bottom:none}.logs.clickable tbody tr{cursor:pointer}.logs.clickable tbody tr:hover{background:#f7f8fb}.logs th,.logs .nowrap{white-space:nowrap}.logs .ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.muted{color:var(--color-muted)}.logs input,.logs select,.logs button{padding:4px 8px;font-size:.85rem}.logs input[type=number]{width:90px}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.badge.ok{color:#1e7a3a;background:#e6f4ea}.badge.default{background:var(--color-navy);color:#fff}.badge.warn{color:#9a5b00;background:#fff4e0}.badge.off{background:var(--color-danger-bg);color:var(--color-danger)}.pager{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:.9rem;display:flex}.tabs{gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.tabs button{color:var(--color-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 16px}.tabs button:hover:not(:disabled){color:var(--color-text);background:0 0}.tabs button.active{border-bottom-color:var(--color-navy);color:var(--color-navy);font-weight:600}.filter{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:.9rem;display:inline-flex}@media (width<=768px){.topbar{gap:var(--space-3);padding:0 var(--space-3)}.topbar .brand{font-size:1rem}.topbar nav a{padding:6px 8px}.topbar .user{display:none}.topbar button{margin-left:auto;padding:4px 8px;font-size:.85rem}main{padding:var(--space-3)}.chat{height:calc(100dvh - var(--topbar-height) - 2 * var(--space-3));grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{top:var(--topbar-height);z-index:20;border-radius:0;width:min(300px,85vw);display:flex;position:fixed;bottom:0;left:0;box-shadow:4px 0 16px #00000026}.sidebar li button.icon{opacity:1}.sidebar-backdrop{inset:var(--topbar-height) 0 0 0;z-index:10;background:#0000004d;display:block;position:fixed}.sidebar-toggle{flex-shrink:0;font-size:.85rem;display:inline-block}.chat-header h2{margin:0;font-size:1.05rem}.chat-header{margin-bottom:var(--space-3)}.message{max-width:90%}.chat-options .usage{margin-left:0}.logs{display:block;overflow-x:auto}.logs td{min-width:120px}.auth-form{margin:var(--space-5) auto;padding:var(--space-5)}}.auth-form .hint{color:var(--color-muted);margin:0;font-size:.9rem}