:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #10b981;--bg-main: #f3f4f6;--bg-sidebar: #ffffff;--card-bg: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--radius: 12px;--sidebar-width: 260px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;flex-direction:column}@media(min-width:1024px){.app-container{flex-direction:row}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);display:none;flex-direction:column;padding:1.5rem;height:100vh;position:sticky;top:0}@media(min-width:1024px){.sidebar{display:flex}}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:2.5rem;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);color:var(--text-muted);font-weight:600;text-decoration:none;border:none;background:none;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:#f9fafb;color:var(--text-main)}.nav-item.active{background:var(--primary);color:#fff}.mobile-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;flex-shrink:0}@media(min-width:1024px){.mobile-header{display:none}}.mobile-nav-toggle{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0}@media(min-width:1024px){.mobile-nav-toggle{display:none}}.mobile-nav-toggle .nav-item{white-space:nowrap;padding:.5rem 1rem;font-size:.875rem}.main-content{flex:1;padding:1rem;width:100%;margin:0;height:100%;overflow-y:auto;display:flex;flex-direction:column}@media(min-width:1024px){.main-content{padding:2rem}}.main-content.p-0{padding:0!important;overflow:hidden}.main-content.p-0 .chat-container{border-radius:0;border:none}@media(max-width:1023px){.main-content.p-0 .chat-container{height:100%}}.card{background:var(--card-bg);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}@media(min-width:768px){.card{padding:2rem}}h2{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.25rem}label{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}input,select,textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:#f5f3ff}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{padding:1.25rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border)}.stat-card .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.stat-card .value{font-size:1.5rem;font-weight:800;margin-top:.25rem}.chat-container{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;flex:1}@media(min-width:1024px){.chat-container{flex-direction:row}}.chat-sidebar{width:100%;border-bottom:1px solid var(--border);display:flex;flex-direction:column;max-height:250px;background:#f9fafb}@media(min-width:1024px){.chat-sidebar{width:280px;border-bottom:none;border-right:1px solid var(--border);max-height:none}}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.message-feed{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bubble{max-width:85%;padding:.85rem 1.25rem;border-radius:12px;font-size:.95rem;line-height:1.5}.bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:2px}.bubble.assistant{align-self:flex-start;background:#f3f4f6;color:var(--text-main);border-bottom-left-radius:2px}.chat-input-area{padding:1.25rem;background:#fff;border-top:1px solid var(--border);display:flex;gap:.75rem}.chat-input-area textarea{min-height:48px;max-height:120px;resize:none}.table-container{overflow-x:auto;background:#fff;border-radius:8px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;color:var(--text-muted);border-bottom:2px solid var(--border);font-size:.875rem;background:#f9fafb}td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.key-code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.875rem}.code-snippet{background:#1f2937;color:#f3f4f6;padding:1.5rem;border-radius:8px;overflow-x:auto;font-family:monospace;font-size:.875rem}.session-item{padding:.75rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);transition:background .2s}.session-item:hover{background:#f3f4f6}.session-item.active{background:#eef2ff;color:var(--primary);font-weight:600}.token-badge{font-size:.75rem;padding:.25rem .5rem;background:#f3f4f6;border-radius:99px}.token-badge.active{background:#eef2ff;color:var(--primary)}.loading-dots{font-style:italic;color:var(--text-muted);padding:1rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}