@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#f8f9fc;--color-surface:#fff;--color-border:#e2e5ef;--color-border-subtle:#eef0f6;--color-text-primary:#1a1d2b;--color-text-secondary:#5f6580;--color-text-muted:#9498ad;--color-accent:#4f6ef7;--color-accent-hover:#3b57d9;--color-accent-subtle:#4f6ef714;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-md:0 4px 8px -2px #1018280f, 0 2px 4px -2px #1018280a;--shadow-lg:0 12px 24px -4px #10182814, 0 4px 8px -2px #10182808;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--navbar-height:64px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:var(--color-accent);text-decoration:none}.status-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.status-badge__dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.status-badge--checking .status-badge__dot{background:#f59e0b;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-checking}.status-badge--online .status-badge__dot{background:#10b981;animation:2s infinite pulse-online;box-shadow:0 0 #10b981b3}.status-badge--online .status-badge__text{color:var(--text-main)}.status-badge--offline{background:#ef44440d;border-color:#ef44444d}.status-badge--offline .status-badge__dot{background:#ef4444}.status-badge--offline .status-badge__text{color:#ef4444}@keyframes pulse-online{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes pulse-checking{0%,to{opacity:1}50%{opacity:.5}}.navbar{z-index:100;height:var(--navbar-height);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar__brand{align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;display:flex}.navbar__logo-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), #7c5cfc);justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #4f6ef740}.navbar__logo-mark:hover{transform:scale(1.05);box-shadow:0 4px 14px #4f6ef759}.navbar__logo-mark svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.navbar__title{color:var(--color-text-primary);letter-spacing:-.3px;font-size:16px;font-weight:600}.navbar__title span{color:var(--color-text-muted);margin-left:2px;font-weight:400}.navbar__badge{letter-spacing:.4px;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-full);border:1px solid #4f6ef726;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.navbar__icon-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.navbar__icon-btn svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.navbar__divider{background:var(--color-border);width:1px;height:28px;margin:0 var(--space-1)}.navbar__profile{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;padding:4px 6px 4px 4px;transition:border-color .15s,box-shadow .15s;display:flex}.navbar__profile:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.navbar__avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-border-subtle);width:32px;height:32px}.navbar__profile-chevron{width:16px;height:16px;stroke:var(--color-text-muted);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-right:2px}.chat-demo{flex:1;display:flex;overflow:hidden}.chat-demo__panel{flex-direction:column;min-width:0;display:flex}.chat-demo__panel--left{border-right:1px solid var(--color-border);flex:50%}.chat-demo__panel--right{background:#f1f3f9;flex:50%}.panel-header{align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.panel-header__dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.panel-header__dot--green{background:#34d399;box-shadow:0 0 6px #34d39973}.panel-header__dot--amber{background:#fbbf24;box-shadow:0 0 6px #fbbf2473}.panel-header__title{letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:600}.chat-messages{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);text-align:center;padding:var(--space-8);flex-direction:column;flex:1;display:flex}.chat-empty__icon{width:48px;height:48px;stroke:var(--color-border);stroke-width:1.2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chat-empty__title{color:var(--color-text-secondary);font-size:15px;font-weight:600}.chat-empty__hint{max-width:320px;font-size:13px;line-height:1.5}.chat-msg{flex-direction:column;max-width:80%;animation:.25s ease-out both msgSlideIn;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg--user{align-self:flex-end}.chat-msg--ai{align-self:flex-start}.chat-msg__label{letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;padding:0 2px;font-size:11px;font-weight:600}.chat-msg__bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);word-break:break-word;font-size:14px;line-height:1.6}.chat-msg--user .chat-msg__bubble{background:var(--color-accent);color:#fff;border-bottom-right-radius:var(--radius-sm);box-shadow:0 2px 8px #4f6ef733}.chat-msg--ai .chat-msg__bubble{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.chat-msg--rate-limit .chat-msg__bubble{background:#fffbeb;border:1px solid #fcd34d;padding:16px;box-shadow:0 4px 12px #f59e0b26}.rate-limit-card{flex-direction:column;gap:12px;display:flex}.rate-limit-card__header{color:#b45309;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.rate-limit-card__icon{fill:#d97706;flex-shrink:0;width:18px;height:18px}.rate-limit-card__badge{color:#92400e;border-radius:var(--radius-full);background:#fef3c7;border:1px solid #fcd34d;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.rate-limit-card__message{color:#78350f;margin:0;font-size:13px;line-height:1.5}.rate-limit-card__quota{border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #fde68a;flex-direction:column;gap:8px;padding:12px;display:flex}.rate-limit-card__progress-info{color:#92400e;justify-content:space-between;font-size:12px;display:flex}.rate-limit-card__progress-bar{border-radius:var(--radius-full);background:#fee2e2;width:100%;height:6px;overflow:hidden}.rate-limit-card__progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#f59e0b,#ef4444);height:100%;transition:width .4s}.rate-limit-card__btn{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#d97706,#b45309);justify-content:center;align-items:center;margin-top:4px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 6px #b4530940}.rate-limit-card__btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 10px #b4530959}.chat-msg__time{color:var(--color-text-muted);margin-top:4px;padding:0 2px;font-size:11px}.chat-msg--user .chat-msg__time{text-align:right}.typing-indicator{padding:var(--space-3) var(--space-4);align-self:flex-start;align-items:center;gap:4px;display:flex}.typing-indicator span{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}.chat-input-bar__field{font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;flex:1;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.chat-input-bar__field::placeholder{color:var(--color-text-muted)}.chat-input-bar__field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.chat-input-bar__send{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .1s,opacity .15s;display:flex}.chat-input-bar__send:hover:not(:disabled){background:var(--color-accent-hover)}.chat-input-bar__send:active:not(:disabled){transform:scale(.95)}.chat-input-bar__send:disabled{opacity:.45;cursor:not-allowed}.chat-input-bar__send svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.audit-trail{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.audit-empty{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);text-align:center;padding:var(--space-8);flex-direction:column;flex:1;display:flex}.audit-empty__icon{width:48px;height:48px;stroke:var(--color-border);stroke-width:1.2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.audit-empty__title{color:var(--color-text-secondary);font-size:15px;font-weight:600}.audit-empty__hint{max-width:300px;font-size:13px;line-height:1.5}.audit-entry{gap:var(--space-3);flex-direction:column;animation:.3s ease-out both auditFadeIn;display:flex}@keyframes auditFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.audit-entry__header{align-items:center;gap:var(--space-2);letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:600;display:flex}.audit-entry__header .timestamp{font-weight:400;font-family:var(--font-mono);margin-left:auto;font-size:10px}.json-block{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);overflow:hidden}.json-block__label{align-items:center;gap:var(--space-2);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--color-border);background:#f7f8fc;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.json-block__label--raw{color:#dc2626}.json-block__label--sanitized{color:#059669}.json-block__label--rate-limit{color:#d97706;background:#fef3c7}.json-block__label--error{color:#dc2626;background:#fee2e2}.json-block__label-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.json-block__label-dot--red{background:#ef4444}.json-block__label-dot--green{background:#10b981}.json-block__label-dot--amber{background:#f59e0b}.json-block__pre{font-family:var(--font-mono);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px;font-size:12px;line-height:1.65;overflow-x:auto}.json-block__pre .token-highlight{color:#059669;background:#05966914;border-radius:3px;padding:1px 3px;font-weight:600}.audit-entry+.audit-entry{padding-top:var(--space-5);border-top:1px dashed var(--color-border)}@media (width<=860px){.chat-demo{flex-direction:column}.chat-demo__panel--left{border-right:none;border-bottom:1px solid var(--color-border);flex:55%}.chat-demo__panel--right{flex:45%}}.app-main{background:var(--color-bg);flex-direction:column;flex:1;display:flex}