@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0f111a;--bg-surface:#1a1d2d;--bg-surface-hover:#23273e;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:#6366f166;--danger:#ef4444;--success:#10b981;--border-color:#ffffff14;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.3s ease}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}#root{flex-direction:column;flex:1;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);background:#1a1d2d99}.heading{letter-spacing:-.02em;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow)}to{box-shadow:0 0 10px var(--accent-glow)}}.animate-glow{animation:2s infinite pulseGlow}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.md-body{color:var(--text-primary);word-break:break-word;font-size:.95rem;line-height:1.7}.md-p{margin:0 0 .75rem}.md-p:last-child{margin-bottom:0}.md-strong{color:#fff;font-weight:700}.md-em{color:#c4b5fd;font-style:italic}.md-h1,.md-h2,.md-h3{letter-spacing:-.02em;margin:1.25rem 0 .5rem;font-weight:700;line-height:1.3}.md-h1{color:#fff;font-size:1.4rem}.md-h2{color:#e2e8f0;font-size:1.2rem}.md-h3{color:#cbd5e1;font-size:1.05rem}.md-ul,.md-ol{flex-direction:column;gap:.25rem;margin:.5rem 0 .75rem;padding-left:1.5rem;display:flex}.md-li{line-height:1.6}.md-ul .md-li{list-style-type:disc}.md-ol .md-li{list-style-type:decimal}.md-blockquote{border-left:3px solid var(--accent-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;color:var(--text-secondary);background:#6366f114;margin:.75rem 0;padding:.5rem 1rem;font-style:italic}.md-link{color:#a5b4fc;text-underline-offset:2px;text-decoration:underline;transition:color .15s}.md-link:hover{color:#fff}.md-hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.md-inline-code{color:#c4b5fd;background:#6366f126;border:1px solid #6366f140;border-radius:4px;padding:.15em .45em;font-family:Consolas,JetBrains Mono,monospace;font-size:.85em}.code-block-wrapper{border-radius:var(--border-radius-md);background:#0d1117;border:1px solid #ffffff14;margin:.75rem 0;overflow:hidden}.code-block-header{background:#161b22;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-lang-badge{color:#8b949e;text-transform:uppercase;letter-spacing:.06em;font-family:Consolas,monospace;font-size:.75rem;font-weight:600}.code-copy-btn{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.code-copy-btn:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.md-table-wrapper{margin:.75rem 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:.9rem}.md-th{color:#c4b5fd;text-align:left;border:1px solid var(--border-color);background:#6366f11f;padding:.5rem .75rem;font-weight:600}.md-td{border:1px solid var(--border-color);color:var(--text-secondary);padding:.45rem .75rem}.md-table tr:nth-child(2n) td{background:#ffffff05}:root{--bg-dark:#0a0c10;--bg-surface:#11141b;--bg-surface-hover:#1b1f29;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-glow:0 0 20px #6366f126;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--glow-primary:0 0 15px #6366f166;--glow-secondary:0 0 15px #06b6d466}button{transition:var(--transition-normal);cursor:pointer}button:hover{transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.5}.app-container{flex-direction:column;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.dashboard-grid{flex:1;grid-template-columns:1fr 340px;gap:2rem;margin-top:1rem;display:grid}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.sidebar{order:-1}}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius-lg);transition:var(--transition-normal);background:#11141bb3;border:1px solid #ffffff1f;box-shadow:0 10px 40px #0006,inset 0 0 20px #6366f10d}.glass-panel:hover{border-color:#6366f14d;box-shadow:0 15px 50px #00000080,inset 0 0 30px #6366f11a}.text-gradient{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-page{background:radial-gradient(circle,#1e2235 0%,#0a0c10 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{text-align:center;border-color:#6366f133;width:100%;max-width:440px;padding:3rem}.login-form input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:#fff;transition:var(--transition-normal);background:#ffffff0a;outline:none;padding:1rem}.login-form input:focus{border-color:var(--accent-primary);background:#ffffff14;transform:scale(1.01);box-shadow:0 0 20px #6366f14d}.login-form{flex-direction:column;gap:1.25rem;margin-top:2.5rem;display:flex}.input-group{border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-normal);background:#ffffff08;align-items:center;padding:0 1.25rem;display:flex;position:relative}.input-group:focus-within{border-color:var(--accent-primary);background:#ffffff14;transform:scale(1.02);box-shadow:0 0 25px #6366f14d,inset 0 0 10px #6366f11a}.input-group svg{color:var(--text-secondary)}.input-group input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:1.1rem 0 1.1rem 1rem;font-family:inherit;font-size:1rem}.login-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--glow-primary);border:none;margin-top:1rem;padding:1rem;font-weight:700;position:relative;overflow:hidden}.login-btn:hover{filter:brightness(1.15);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #6366f166}.login-btn:after{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.login-btn:hover:after{left:100%}.input-group input:focus{transform:scale(1.02)}.login-form input{box-shadow:0 2px 10px #0003;color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important}.login-form input:focus{border-color:var(--accent-primary)!important;background:#ffffff1a!important;box-shadow:0 0 30px #6366f166,inset 0 0 10px #6366f133!important}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;width:40px;height:40px;box-shadow:var(--glow-primary);border-radius:12px;justify-content:center;align-items:center;animation:3s ease-in-out infinite logoGlow;display:flex}@keyframes logoGlow{0%,to{box-shadow:0 0 15px #6366f166}50%{box-shadow:0 0 30px #6366f1cc}}.header-actions{align-items:center;gap:1.5rem;display:flex}.admin-btn{color:var(--accent-primary);cursor:pointer;transition:var(--transition-normal);background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 0 #6366f100}.admin-btn:hover{box-shadow:var(--glow-primary);border-color:var(--accent-primary);background:#6366f133;transform:scale(1.05)}.user-profile{border:1px solid var(--border-color);background:#ffffff08;border-radius:40px;align-items:center;gap:1rem;padding:.5rem;display:flex}.user-info{align-items:center;gap:.75rem;padding-left:1rem;display:flex}.username{font-size:.95rem;font-weight:700}.status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%}.logout-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s;display:flex}.logout-btn:hover{color:var(--danger);background:#ef44441a}.main-content{flex-direction:column;gap:1rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);background:0 0;border:1px solid #0000;border-radius:50px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-weight:700;display:flex}.tab-btn:hover{color:#fff;background:#ffffff0d;transform:translateY(-2px)}.tab-btn.active{color:var(--accent-primary);box-shadow:var(--glow-primary);background:linear-gradient(135deg,#6366f126 0%,#06b6d426 100%);border-color:#6366f166}.chat-container{flex-direction:column;height:700px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.empty-state{text-align:center;opacity:.8;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state h2{margin:1.5rem 0 .5rem}.empty-state p{color:var(--text-secondary)}.message{gap:1.25rem;max-width:85%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:var(--border-radius-md);background:var(--bg-surface-hover);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.message.user .message-avatar{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.message-body{flex-direction:column;gap:.5rem;max-width:100%;display:flex}.message-content{background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:4px 16px 16px;padding:1.25rem;font-size:1.05rem;line-height:1.6}.message.user .message-content{background:#6366f11a;border-color:#6366f14d;border-radius:16px 4px 16px 16px}.thinking-block{border-left:3px solid var(--warning);background:#f59e0b0d;border-radius:0 12px 12px 0;margin-bottom:.5rem;padding:1rem;font-size:.95rem}.thinking-header{color:var(--warning);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.chat-input-area{border-top:1px solid var(--border-color);padding:1.5rem 2rem}.chat-input-outer{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#ffffff08;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.chat-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.1rem}.send-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition-normal);box-shadow:var(--glow-primary);border:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){filter:brightness(1.2);transform:scale(1.1)rotate(5deg);box-shadow:0 5px 20px #6366f180}.send-btn:active:not(:disabled){transform:scale(.9)}.sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-card{padding:1.5rem}.section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.config-item{margin-bottom:1.5rem}.config-item label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.model-selector{border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;background:#0003;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative}.model-selector:hover{border-color:var(--accent-primary)}.model-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);z-index:100;position:absolute;top:110%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.model-option{cursor:pointer;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.model-option:hover{background:var(--bg-surface-hover)}.model-option.active{color:var(--accent-primary);background:#6366f10d}.config-item.toggle{justify-content:space-between;align-items:center;display:flex}.toggle-info span{color:var(--text-secondary);font-size:.75rem;display:block}.switch{cursor:pointer;background:#ffffff1a;border:none;border-radius:20px;width:44px;height:24px;transition:all .3s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:4px;left:4px}.switch.on{background:var(--accent-primary)}.switch.on:after{left:24px}.new-chat-btn{border:1px solid var(--accent-primary);width:100%;color:var(--accent-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);background:linear-gradient(135deg,#6366f11a 0%,#06b6d41a 100%);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.85rem;font-weight:700;display:flex;position:relative;overflow:hidden}.new-chat-btn:hover{box-shadow:var(--glow-primary);color:#fff;background:#6366f126;border-color:#fff;transform:translateY(-2px)scale(1.02)}.new-chat-btn:after{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:100%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-150%;transform:rotate(45deg)}.new-chat-btn:hover:after{left:150%}.usage-meter{margin:1.5rem 0}.meter-bar{background:#ffffff0d;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:100%;transition:width .5s}.usage-text{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.usage-text .percent{color:#fff;font-weight:700}.remaining-box{border-radius:var(--border-radius-md);text-align:center;background:#0003;padding:1rem}.remaining-box .label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem;display:block}.remaining-box .value{font-size:1.75rem;font-weight:900}.playground-container{padding:2.5rem}.snippet-block{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:#0d1117;margin-top:2rem;overflow:hidden}.snippet-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.snippet-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--glow-primary);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-weight:700;display:flex;position:relative;overflow:hidden}.action-btn:hover{filter:brightness(1.2);transform:scale(1.08)translateY(-2px);box-shadow:0 10px 30px #6366f180}.action-btn:after{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:100%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-150%;transform:rotate(45deg)}.action-btn:hover:after{left:150%}.status-pill{letter-spacing:.05em;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:800}.status-pill.active{color:var(--success);background:#10b9811a}.status-pill.blocked{color:var(--danger);background:#ef44441a}.user-cell{flex-direction:column;display:flex}.user-name{color:#fff;font-weight:700}.admin-badge{background:var(--accent-primary);color:#fff;text-transform:uppercase;border-radius:3px;width:fit-content;margin-top:2px;padding:1px 4px;font-size:.65rem}.ip-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:.25rem .5rem;font-family:monospace;transition:all .2s}.ip-btn:hover{color:var(--danger);background:#ef44441a;border-color:#ef44444d}.admin-stats-row{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.admin-stat-card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:var(--transition-normal);background:#ffffff08;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.admin-stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--glow-primary);background:#ffffff0f;transform:translateY(-5px)}.admin-stat-card svg{color:var(--accent-primary);filter:drop-shadow(var(--glow-primary))}.admin-stat-info span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem;display:block}.admin-stat-info .val{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900}.btn-icon{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:var(--transition-normal);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:#fff;background:var(--bg-surface-hover);transform:scale(1.15);box-shadow:0 4px 15px #0000004d}.btn-icon.block:hover{color:var(--danger);background:#ef44441a;box-shadow:0 0 15px #ef44444d}.btn-icon.unblock{color:var(--success)}.btn-icon.unblock:hover{background:#10b9811a;box-shadow:0 0 15px #10b9814d}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.checkbox-label input{width:auto;padding:0}.admin-table-container{margin-top:1rem;overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0 .5rem;width:100%}.admin-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:1rem;font-size:.8rem}.admin-table td{border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1rem}.admin-table tr:hover td{background:#ffffff0a}.admin-overlay{flex-direction:column;display:flex;position:fixed;overflow:hidden}.admin-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:2rem;display:flex}.admin-title{align-items:center;gap:1rem;display:flex}.admin-close{color:var(--danger);cursor:pointer;width:44px;height:44px;transition:var(--transition-normal);z-index:10;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.admin-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)scale(1.1);box-shadow:0 0 30px #ef444499}.admin-header-actions{margin-right:4rem}.admin-content{flex:1;padding:2rem;overflow-y:auto}.model-tag-btn{color:var(--accent-secondary);cursor:pointer;background:#06b6d41a;border:1px solid #06b6d433;border-radius:6px;align-items:center;gap:.5rem;margin:.5rem 0;padding:.4rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.model-tag-btn:hover{background:#06b6d433;transform:translateY(-1px)}.model-grid-edit{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0;display:grid}.model-checkbox-item{border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;font-size:.9rem;transition:all .2s;display:flex}.model-checkbox-item:hover{background:#ffffff0f}.model-checkbox-item.selected{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10d}.model-permissions-modal{max-width:500px!important}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.loader-container{justify-content:center;align-items:center;height:100vh;display:flex}