@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#f8fafc;--bg-decor:radial-gradient(circle at 15% 10%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 85% 90%,rgba(16,185,129,.08) 0%,transparent 40%);--panel:hsla(0,0%,100%,.8);--card-bg:hsla(0,0%,100%,.95);--text:#1e293b;--muted:#64748b;--accent:#10b981;--accent-gradient:linear-gradient(135deg,#10b981,#059669);--accent-hover:#059669;--border:rgba(148,163,184,.2);--border-strong:rgba(148,163,184,.35);--ok:#10b981;--danger:#ef4444;--btn-text:#fff;--input-bg:#f1f5f9;--input-focus:#e2e8f0;--shadow:0 4px 20px -2px rgba(15,23,42,.05);--shadow-hover:0 10px 30px -4px rgba(15,23,42,.1);--header-bg:hsla(0,0%,100%,.6)}[data-theme=dark]{--bg:#261c15;--bg-decor:radial-gradient(circle at 10% 20%,rgba(245,158,11,.12) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(239,68,68,.05) 0%,transparent 50%);--panel:rgba(45,35,25,.55);--card-bg:rgba(45,35,25,.85);--text:#fdfbf7;--muted:#d0cbc5;--accent:#f59e0b;--accent-gradient:linear-gradient(135deg,#f59e0b,#ea580c);--accent-hover:#d97706;--border:rgba(255,237,213,.15);--border-strong:rgba(255,237,213,.25);--ok:#34d399;--danger:#f87171;--btn-text:#fffbeb;--input-bg:rgba(20,15,10,.4);--input-focus:rgba(30,20,10,.6);--shadow:0 4px 30px -2px rgba(0,0,0,.3);--shadow-hover:0 10px 40px -4px rgba(0,0,0,.4);--header-bg:rgba(38,28,21,.75)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:var(--bg-decor);background-attachment:fixed;color:var(--text);line-height:1.5;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,strong{font-family:Outfit,system-ui,sans-serif;color:var(--text);letter-spacing:-.02em}h1{font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;background:var(--text);-webkit-background-clip:text;background-clip:text}.text-gradient,h1{-webkit-text-fill-color:transparent}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}h2{font-size:1.25rem;margin:0 0 1rem}h2,h3{font-weight:600}h3{font-size:1.1rem;margin:1.5rem 0 1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{filter:brightness(1.2)}main{max-width:100%;margin:0;padding:0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{background:var(--header-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--border)!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}.card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}button{cursor:pointer;background:var(--accent-gradient);color:var(--btn-text);border:none;border-radius:10px;padding:.6rem 1.25rem;font-weight:600;font-family:Outfit,sans-serif;letter-spacing:.01em;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}button.secondary:hover{background:var(--panel);border-color:var(--accent)}button.danger{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.2);box-shadow:none}button.danger:hover{background:var(--danger);color:#fff}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,select,textarea{font-family:Inter,sans-serif;width:100%;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);transition:all .2s ease;font-size:.95rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}input:focus,select:focus,textarea:focus{outline:none;background:var(--input-focus);border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}label{display:block;font-size:.85rem;font-weight:500;color:var(--muted);margin-bottom:.4rem;letter-spacing:.01em}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid var(--border)}th{background:rgba(0,0,0,.02);padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}[data-theme=dark] th{background:hsla(0,0%,100%,.02)}td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr{transition:background-color .2s ease}tr:hover:not(thead tr){background:rgba(148,163,184,.05)}.tr-active{background:rgba(99,102,241,.05)!important;border-left:3px solid var(--accent)}.badge{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;background:rgba(99,102,241,.1);color:var(--accent);border:1px solid rgba(99,102,241,.2)}pre{white-space:pre-wrap;word-break:break-word;font-size:.85rem;background:rgba(0,0,0,.4);border-radius:10px;border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.error,pre{padding:1rem}.error{background:rgba(239,68,68,.1);color:var(--danger);border-radius:10px;border:1px solid rgba(239,68,68,.2);font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.layout-container{display:flex;height:calc(100vh - 80px);overflow:hidden;flex-direction:row}.sidebar-container{width:300px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.sidebar-container.collapsed{width:0;border-right:none;opacity:0}.chat-area{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.mobile-only{display:none!important}@media (max-width:768px){.layout-container{flex-direction:column;position:relative}.mobile-only{display:flex!important}.sidebar-container{position:fixed;top:80px;bottom:0;left:-300px;width:280px;height:calc(100vh - 80px);z-index:1000;box-shadow:2px 0 10px rgba(0,0,0,.2)}.sidebar-container.open{left:0}.sidebar-overlay{position:fixed;top:80px;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.markdown-body pre{margin:1rem 0!important}.markdown-body p:last-child{margin-bottom:0}.app-header{border-bottom:1px solid var(--border);padding:.75rem 1.5rem;justify-content:space-between;flex-wrap:wrap}.app-header,.header-nav{display:flex;align-items:center;gap:1rem}@media (max-width:600px){.app-header{padding:.5rem 1rem}.auth-email{display:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeToggle{0%,10%{opacity:0;transform:scale(.8) translateY(5px)}45%,55%{opacity:1;transform:scale(1.1) translateY(0)}90%,to{opacity:0;transform:scale(.8) translateY(-5px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}