:root{--bg-deep:#020617;--bg-gradient:radial-gradient(circle at 50% -20%, #00a3ff26 0%, #00a3ff0d 40%, var(--bg-deep) 100%);--header-bg:#020617cc;--panel-bg:#0f172ad9;--panel-hover:#132b4ce6;--panel-selected:#132b4cf2;--recessed-bg:#01030a;--sidebar-bg:#020617;--footer-bg:#020617;--border-main:#000;--border-light:#00a3ff26;--border-faint:#00a3ff14;--text-main:#fff;--text-secondary:#f8fafc;--text-muted:#cbd5e1;--metal-btn-bg:#0f172ae6;--metal-btn-hover:#00a3ff26;--metal-btn-active:#00a3ff40;--chat-user-bg:#00a3ff14;--chat-bot-bg:#8b5cf614;--grid-pattern:repeating-linear-gradient(0deg, transparent, transparent 71px, #00a3ff08 71px, #00a3ff08 72px);--task-panel-bg:#0f172ae6;--task-panel-alert:#f43f5e26;--recessed-inner-shadow:inset 1px 1px 6px #000c, inset 0 0 20px #00a3ff05;--modal-bg:#000c;--modal-blur:blur(12px)}.app-container[data-theme=light]{--bg-deep:#f1f5f9;--bg-gradient:radial-gradient(120% 100% at 50% 0%, #2b115a05 0%, #f1f5f9 100%);--header-bg:#fffffff2;--panel-bg:#fff;--panel-hover:#f8fafc;--panel-selected:#f8fafc;--recessed-bg:#f1f5f9;--sidebar-bg:#fff;--footer-bg:#fff;--border-main:#e2e8f0;--border-light:#fff;--border-faint:#e2e8f0;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--metal-btn-bg:#f8fafc;--metal-btn-hover:#e2e8f0;--metal-btn-active:#cbd5e1;--chat-user-bg:#00a3ff0d;--chat-bot-bg:#8b5cf60d;--grid-pattern:repeating-linear-gradient(0deg, transparent, transparent 71px, #00000008 71px, #00000008 72px);--task-panel-bg:#fff;--task-panel-alert:#f43f5e0d;--recessed-inner-shadow:inset 1px 1px 3px #0000000d;--modal-bg:#ffffff80;--modal-blur:blur(12px)}body{background-color:var(--bg-deep);font-variant-numeric:tabular-nums lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;transition:background-color .3s;overflow:hidden}.app-container{background:var(--bg-gradient);width:100%;height:100vh;color:var(--text-secondary);flex-direction:column;font-family:Inter,system-ui,sans-serif;font-size:13px;transition:all .3s;display:flex;overflow:hidden}.metal-panel{background:var(--panel-bg);background-image:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #00a3ff14, transparent 50%);-webkit-backdrop-filter:blur(24px)saturate(200%);will-change:transform, box-shadow;border:1px solid #00a3ff1a;border-radius:12px;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1),background-color .4s;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 16px 48px #0009,inset 0 1px #ffffff0d}.metal-panel:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffffff1a 0%,#ffffff03 50%,#ffffff0d 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metal-panel-interactive{cursor:pointer}.metal-panel-interactive:hover{background-color:var(--panel-hover);border-color:#00a3ff26;transform:translateY(-4px)scale(1.005);box-shadow:0 16px 40px #00a3ff1f}.metal-panel-interactive:active{transform:translateY(1px)}.task-panel{transition:opacity .3s,filter .3s,transform .2s}.task-panel.muted{opacity:.1;filter:grayscale()blur(1px);pointer-events:none}.metal-recessed{background:var(--recessed-bg);border:1px solid var(--border-main);box-shadow:var(--recessed-inner-shadow);border-bottom:1px solid #ffffff05;border-radius:8px;transition:all .3s;transform:translate(0,0)}.metal-btn{background:var(--metal-btn-bg);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s,background-color .2s,border-color .2s;transform:translate(0,0);box-shadow:0 2px 8px #0003}.metal-btn:hover{background:var(--metal-btn-hover);border-color:#00a3ff4d;box-shadow:0 4px 16px #00a3ff26}.metal-btn:active{background:var(--metal-btn-active);box-shadow:none;transform:translateY(1px)}.text-mut{color:var(--text-muted)}@keyframes pulse-line{0%,to{opacity:.6}50%{opacity:1}}.pulse-active-line{animation:2s ease-in-out infinite pulse-line}@keyframes blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.typing-dot{background-color:var(--text-main);border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1.4s infinite both blink;display:inline-block}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-bar-animated{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;animation:1s linear infinite progress-stripes}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--recessed-bg);border-left:1px solid var(--border-main)}::-webkit-scrollbar-thumb{background:var(--metal-btn-bg);border:1px solid var(--border-main);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--metal-btn-hover)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #00a3ff}.mobile-only{display:none!important}.chat-panel{transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s}.chat-panel.open{opacity:1;border-left:1px solid var(--border-faint);width:360px}.chat-panel:not(.open){opacity:0;border-left:none;width:0}.sidebar-panel{transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}@media (width<=1024px){.hide-on-mobile{display:none!important}.mobile-only,.mobile-close-btn{display:flex!important}.chat-panel.open{z-index:50;width:100%;max-width:360px;height:100%;position:absolute;right:0;box-shadow:-10px 0 30px #00000080}.sidebar-panel{z-index:50;height:100%;left:0;transform:translate(-100%);width:320px!important;position:absolute!important}.sidebar-panel.open{transform:translate(0);box-shadow:10px 0 30px #000000b3}}