html,body,#root{min-height:100%;margin:0}#root{width:100%;max-width:none;text-align:initial;border:none}body{background:#0f1419}:root{--bg:#07090d;--panel:#0f131a;--panel-glass:#0f131abf;--border:#ffffff14;--border-active:#e8a317;--text:#e6edf3;--muted:#8b949e;--accent:#e8a317;--accent-dim:#b87e12;--success:#238636;--error:#da3633;--user-bg:#161b22;--assistant-bg:#1c2128;--sidebar-width:280px;--radius:12px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background-image:radial-gradient(at 0 0,#e8a3170d 0,#0000 50%),radial-gradient(at 100% 100%,#1fa15a08 0,#0000 50%);min-height:100vh;display:flex}.side{width:var(--sidebar-width);background:var(--panel);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;transition:transform .3s;display:flex;position:fixed}.side-head{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.logo{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 4px 12px #e8a3174d}.side-title{letter-spacing:-.01em;font-size:1rem;font-weight:700}.side-sub{color:var(--muted);font-size:.75rem}.side-nav{flex-direction:column;flex:1;gap:.25rem;padding:1.25rem .75rem;display:flex}.nav{color:var(--muted);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav:hover{color:var(--text);background:#ffffff08}.nav.active{color:var(--accent);background:#e8a3171a}.nav-icon{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.side-footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.page-outlet{width:100%;max-width:1280px;margin:0 auto;padding:2rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 24px #0003}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.page-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.page-lead{color:var(--muted);margin-bottom:2rem;font-size:1rem}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#161b22;border-radius:8px;width:100%;padding:.6rem .9rem;font-size:.9rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:#21262d;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}button:hover:not(:disabled){background:#30363d;border-color:#8b949e}button.primary{background:var(--accent);color:#000;border:none}button.primary:hover:not(:disabled){background:#ffc93c;transform:translateY(-1px)}button.danger{color:var(--error)}button.danger:hover{border-color:var(--error);background:#da36331a}.chat-container{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:calc(100vh - 160px);display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.bubble{border-radius:12px;max-width:80%;padding:1rem;font-size:.95rem;line-height:1.5;position:relative}.bubble.user{background:var(--user-bg);border:1px solid var(--border);align-self:flex-end}.bubble.assistant{background:var(--assistant-bg);border:1px solid #e8a31726;align-self:flex-start}.bubble-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem}.composer{border-top:1px solid var(--border);background:#161b22;padding:1.25rem}.toast-container{z-index:200;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:.3s cubic-bezier(.18,.89,.32,1.28) slideIn;display:flex;box-shadow:0 8px 32px #0006}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--accent)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){:root{--sidebar-width:80px}.side-title,.side-sub,.nav-text{display:none}.side-head,.nav{justify-content:center}.logo{margin-right:0}}@media (width<=768px){.side{transform:translate(-100%)}.main{margin-left:0}.side.open{width:280px;transform:translate(0)}.side.open .side-title,.side.open .side-sub,.side.open .nav-text{display:block}}