@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#6de7be;--brand-hover:#7ff0c8;--brand-dim:#6de7be1f;--text-on-brand:#003829;--bg-base:#131313;--bg-surface:#201f1f;--bg-elevated:#2a2a2a;--bg-hover:#323232;--bg-active:#3a3a3a;--border-subtle:#ffffff0a;--border-default:#ffffff14;--border-strong:#ffffff26;--text-primary:#e5e2e1;--text-secondary:#86948d;--text-muted:#4a5550;--green:#6de7be;--green-d:#6de7be1f;--red:#ff6b6b;--red-d:#ff6b6b1f;--yellow:#ffb700;--yellow-d:#ffb7001f;--blue:#5b9cf6;--blue-d:#5b9cf61f;--purple:#a78bfa;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-brand:0 0 0 1px var(--brand-dim), 0 2px 12px #0006;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--transition:all .18s ease;--font:"Inter", "Cairo", system-ui, -apple-system, sans-serif;--font-ar:"Cairo", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--header-h:52px;--sidebar-w:220px;--sidebar-collapsed:52px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.3;--leading-normal:1.55;--leading-relaxed:1.7}#root:before{content:"";opacity:.015;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.asset-card,.client-card{animation:cardEnter .24s var(--ease-out) both}.asset-card:first-child,.client-card:first-child{animation-delay:20ms}.asset-card:nth-child(2),.client-card:nth-child(2){animation-delay:40ms}.asset-card:nth-child(3),.client-card:nth-child(3){animation-delay:60ms}.asset-card:nth-child(4),.client-card:nth-child(4){animation-delay:80ms}.asset-card:nth-child(5),.client-card:nth-child(5){animation-delay:.1s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ms.spin,.studio-spin-timer .ms.spin,.studio-generating .studio-bars i,.studio-working .studio-bars i,.studio-working-pill .studio-bars i{animation-duration:1s!important;animation-iteration-count:infinite!important}.studio-working-pill,.studio-generating{box-shadow:0 0 0 1px var(--brand-primary) inset;animation:none!important}}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.ms{font-family:Material Symbols Outlined;font-style:normal;font-size:var(--text-xl);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:0;font-kerning:normal;font-feature-settings:"liga" 1;-webkit-font-feature-settings:"liga" 1;direction:ltr;line-height:1}.ms.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.ms.sm{font-size:var(--text-lg)}.ms.lg{font-size:var(--text-2xl)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-active);border:2px solid var(--bg-base);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}.app-layout{grid-template-rows:var(--header-h) 1fr auto;grid-template-columns:var(--sidebar-collapsed) 1fr;height:100%;transition:grid-template-columns var(--transition);display:grid}.app-layout.sidebar-open{grid-template-columns:var(--sidebar-w) 1fr}.app-header{z-index:100;grid-area:1/1/auto/-1}.app-sidebar{grid-area:2/1;overflow:hidden}.app-main{padding:var(--space-5) var(--space-6);grid-area:2/2;min-height:0;overflow:hidden}.app-footer{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);border-top:1px solid var(--border-default);background:var(--bg-surface);grid-area:3/1/auto/-1;display:flex}.app-version{font-family:var(--font-ar);color:var(--brand-primary);border:1px solid var(--border-subtle);background:var(--bg-elevated);font-weight:700;font-size:var(--text-xs);border-radius:10px;padding:1px 8px}.header{align-items:center;gap:var(--space-3);height:var(--header-h);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex}.header-logo{align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-lg);color:var(--brand-primary);letter-spacing:-.3px;text-decoration:none;display:flex}.header-spacer{flex:1}.header-lang{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-sm);display:flex;overflow:hidden}.header-lang button{padding:var(--space-1) var(--space-3);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);transition:var(--transition);background:0 0;border:none;font-weight:700}.header-lang button.active{background:var(--brand-primary);color:var(--text-on-brand)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-toggle{border:none;border-bottom:1px solid var(--border-subtle);height:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--brand-primary)}.sidebar-nav{padding:var(--space-2) 0;flex:1;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--r-md);margin:0 var(--space-1);cursor:pointer;transition:var(--transition);white-space:nowrap;font-weight:600;font-size:var(--text-base);text-align:left;background:0 0;border:none;width:calc(100% - 12px);text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--brand-dim);color:var(--brand-primary);box-shadow:var(--shadow-brand)}.nav-item .ms{transition:var(--transition);flex-shrink:0}.nav-item.active .ms{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.nav-label{opacity:0;white-space:nowrap;transition:opacity .15s;overflow:hidden}.sidebar-open .nav-label{opacity:1}.page-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);font-weight:800;display:flex}.page-title .ms{color:var(--brand-primary);font-size:var(--text-2xl)}.panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--space-5);transition:border-color .2s}.panel:hover{border-color:var(--border-strong)}.panel+.panel{margin-top:var(--space-4)}.panel.step-active{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-dim), 0 0 18px #6de7be40;animation:stepGlow 2.2s var(--ease-in-out,ease-in-out) infinite}@keyframes stepGlow{0%,to{box-shadow:0 0 0 2px var(--brand-dim), 0 0 14px #6de7be2e}50%{box-shadow:0 0 0 2px var(--brand-dim), 0 0 22px #6de7be66}}.panel.step-locked{opacity:.55}.panel.step-locked .panel-title .ms{color:var(--text-muted)}.panel.step-done{border-color:var(--border-strong)}.panel.step-done .panel-title .ms{color:var(--green)}@media (prefers-reduced-motion:reduce){.panel.step-active{animation:none}}.panel-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-3);align-items:center;gap:var(--space-1);line-height:var(--leading-tight);flex-wrap:wrap;min-width:0;display:flex}.panel-title .ms{font-size:var(--text-lg);color:var(--brand-primary);flex-shrink:0}.panel-title>span:not(.ms):not(.chat-msg-count):not(.dot){word-break:break-word;min-width:0}.field{margin-bottom:var(--space-3)}.field label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-1);line-height:var(--leading-tight);display:block}.field select,.field input,.field textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);transition:var(--transition);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);outline:none}.field select{appearance:none;cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2386948d' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-dim)}.field textarea{resize:vertical;min-height:80px}.field select option{background:var(--bg-elevated)}.btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--r-md);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:var(--red-d);color:var(--red);border:1px solid var(--red)}.btn.full{width:100%;padding:var(--space-3);justify-content:center}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-base);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:20px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.chip.active{background:var(--brand-dim);border-color:var(--brand-primary);color:var(--brand-primary)}.chip.trend{font-size:var(--text-sm);padding:2px var(--space-2)}.chip-rank{color:var(--brand-primary);flex-shrink:0;font-weight:800}.chip-ar{font-family:var(--font-ar);font-weight:600;line-height:1.4}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.studio-layout{gap:var(--space-5);grid-template-columns:380px 1fr;height:100%;min-height:0;display:grid}.studio-left{gap:var(--space-3);padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.studio-right{gap:var(--space-4);border-left:1px solid var(--border-subtle);min-height:0;padding-left:var(--space-5);flex-direction:column;display:flex}.accordion-item{flex-direction:column;width:100%;display:flex}.studio-left .accordion-item{width:100%}.accordion-chip{border-radius:var(--r-lg);border:1px solid var(--border-default);background:var(--bg-surface);width:100%;min-height:40px;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;transition:var(--transition);box-sizing:border-box;white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;display:flex;overflow:hidden}.accordion-chip:hover{border-color:var(--brand-primary);background:var(--bg-elevated)}.accordion-chip .accordion-chip-label{color:var(--text-secondary);flex-shrink:0;font-weight:700}.accordion-chip .accordion-chip-value{color:var(--brand-primary);text-overflow:ellipsis;text-align:right;flex:auto;min-width:0;font-weight:700;overflow:hidden}.accordion-chip .accordion-chip-caret{color:var(--text-muted);flex-shrink:0;font-size:16px}.studio-left .accordion-item .panel,.accordion-item .panel{box-sizing:border-box;width:100%;padding:var(--space-4)}.accordion-item .panel-title{min-height:40px;margin-bottom:var(--space-3);text-transform:none;letter-spacing:0;color:var(--text-primary);align-items:center}.accordion-item .panel-title .ms{font-size:var(--text-lg)}.accordion-item .field,.accordion-item .toggle-group,.accordion-item .chips{margin-bottom:var(--space-2)}@media (width<=1200px){.studio-layout{gap:var(--space-4);grid-template-columns:1fr}.studio-right{border-left:0;padding-left:0}}.output-box{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-lg);min-height:300px;max-height:100%;padding:var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);word-break:break-word;color:var(--text-primary);font-family:var(--font);flex:1;overflow:auto}.output-box pre,.output-box code{white-space:pre-wrap;word-break:break-word}.output-box table{display:block;overflow-x:auto}.output-box.streaming{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-dim)}.output-box h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2);color:var(--text-primary)}.output-box h2{color:var(--brand-primary);margin:var(--space-5) 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-bold)}.output-box h3{color:var(--brand-primary);margin:var(--space-4) 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-bold)}.output-box h4{color:var(--text-primary);margin:var(--space-3) 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-bold)}.output-box strong{color:var(--text-primary)}.output-box p{margin:0 0 var(--space-3)}.output-box p:last-child{margin-bottom:0}.output-box hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-5) 0}.output-box table{border-collapse:collapse;width:100%;margin:var(--space-3) 0;font-size:var(--text-sm)}.output-box th,.output-box td{border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.output-box th{background:var(--bg-subtle);font-weight:var(--weight-bold);color:var(--text-secondary)}.output-box tr:nth-child(2n){background:var(--bg-subtle)}.output-box ul,.output-box ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.output-box li{margin:var(--space-1) 0}.output-box code{background:var(--bg-subtle);border-radius:var(--r-sm);padding:1px 4px;font-family:monospace;font-size:.9em}.output-box blockquote{border-left:3px solid var(--brand-primary);padding-left:var(--space-4);margin:var(--space-3) 0;color:var(--text-secondary)}.output-placeholder{justify-content:center;align-items:center;gap:var(--space-3);height:100%;min-height:280px;color:var(--text-muted);flex-direction:column;display:flex}.output-placeholder .ms{opacity:.4;font-size:48px}.status-bar{font-size:var(--text-base);color:var(--brand-primary);align-items:center;gap:var(--space-1);padding:var(--space-2) 0 0;display:flex}.status-bar .dot{background:var(--brand-primary);border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes studioPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #6de7be80}50%{opacity:.85;transform:scale(1.08);box-shadow:0 0 0 6px #6de7be00}}.studio-generating{border:1px solid var(--brand-primary);font-weight:800;font-size:var(--text-sm);color:var(--brand-primary);background:#6de7be1f;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;animation:1.1s ease-in-out infinite studioPulse;display:inline-flex}.studio-working{color:var(--brand-primary);align-items:center;gap:8px;display:inline-flex}.studio-working-pill{border:1px solid var(--brand-primary);font-weight:800;font-size:var(--text-sm);color:var(--brand-primary);background:#6de7be1f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:5px 14px;animation:1.1s ease-in-out infinite studioPulse;display:inline-flex}.studio-spin-timer{font-variant-numeric:tabular-nums;color:var(--brand-primary);align-items:center;gap:4px;display:inline-flex}.studio-spin-timer .ms.spin{font-size:15px;animation:1s linear infinite spin}.ms.spin{animation:1s linear infinite spin}.ms.spin.nospin{animation:none}.studio-working-btn .studio-working{color:inherit}.studio-working-btn .studio-bars i{background:currentColor}.studio-working-btn .studio-spin-timer,.studio-working-btn .studio-spin-timer .ms.spin{color:inherit}.studio-generating .studio-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.studio-generating .studio-bars i{background:var(--brand-primary);border-radius:2px;width:3px;animation:1s ease-in-out infinite studioBar}.studio-generating .studio-bars i:first-child{height:6px}.studio-generating .studio-bars i:nth-child(2){height:12px;animation-delay:.15s}.studio-generating .studio-bars i:nth-child(3){height:9px;animation-delay:.3s}@keyframes studioBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.output-box.streaming{animation:.4s studioFadeIn;position:relative}@keyframes studioFadeIn{0%{opacity:.6}to{opacity:1}}.output-box.streaming,.output-placeholder.streaming{border-color:var(--brand-primary);animation:1.3s ease-in-out infinite studioWindowPulse;box-shadow:0 0 #6de7be59}@keyframes studioWindowPulse{0%,to{box-shadow:0 0 #6de7be40}50%{box-shadow:0 0 0 12px #6de7be00}}.asset-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;outline:none;transition:border-color .15s,background .15s,transform .15s}.asset-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.asset-card:hover{border-color:var(--border-strong);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-2px)}.asset-card.selected{border-color:var(--brand-primary);box-shadow:var(--shadow-brand);background:#6de7be1a}.asset-card-top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.asset-card-type{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.6px;padding:2px var(--space-2);line-height:var(--leading-tight);background:var(--brand-dim);color:var(--brand-primary);border-radius:12px}.asset-card-date{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-tight);margin-left:auto}.asset-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.asset-card-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1);line-height:var(--leading-tight)}.client-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--space-4);margin-bottom:var(--space-2);cursor:pointer;outline:none;transition:border-color .15s,background .15s,transform .15s}.client-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.client-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-card.selected{border-color:var(--brand-primary);box-shadow:var(--shadow-brand);background:#6de7be1a}.client-card-name{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--text-primary);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.client-card-meta{font-size:var(--text-sm);color:var(--text-muted);gap:var(--space-2);line-height:var(--leading-tight);flex-wrap:wrap;display:flex}.client-card-meta span{align-items:center;gap:var(--space-1);display:flex}.toggle-group{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;overflow:hidden}.toggle-group button{padding:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);background:0 0;border:none;flex:1;font-weight:700;transition:all .2s;position:relative}.toggle-group button+button:before{content:"";background:var(--border-default);width:1px;position:absolute;inset:20% 0}.toggle-group button.active{color:var(--text-on-brand);background:var(--brand-primary)}.toggle-group button.active:before{background:0 0}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.empty-state .ms{opacity:.5;font-size:40px}.empty-state p{font-size:var(--text-base);max-width:280px;line-height:1.6}.app-main{animation:fadeIn .22s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rtl{text-align:right;direction:rtl}.rtl .field select{background-position:12px;padding-left:32px;padding-right:12px}.rtl .nav-item.active{box-shadow:var(--shadow-brand)}.ltr{text-align:left;direction:ltr}.chat-panel .panel-title .chat-msg-count{margin-left:var(--space-1);background:var(--brand-primary);color:var(--text-on-brand);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4}.chat-body{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.chat-messages{gap:var(--space-2);max-height:320px;padding:var(--space-1) 0;flex-direction:column;display:flex;overflow-y:auto}.chat-empty{text-align:center;padding:var(--space-6) var(--space-2);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.chat-msg{gap:var(--space-2);align-items:flex-start;display:flex}.chat-user{flex-direction:row-reverse}.chat-avatar{background:var(--bg-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.chat-avatar.user{background:var(--brand-dim);color:var(--brand-primary)}.chat-bubble{border-radius:var(--r-md);max-width:80%;font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;padding:10px 14px;line-height:1.6}.chat-ai .chat-bubble{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-top-left-radius:2px}.chat-user .chat-bubble{background:var(--brand-primary);color:var(--text-on-brand);border-top-right-radius:2px}.chat-bubble.streaming{border-color:var(--brand-primary)}.chat-cursor{background:var(--brand-primary);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.chat-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;margin-right:3px;animation:1.4s infinite chatDot;display:inline-block}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes chatDot{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-input-row{gap:var(--space-1);align-items:flex-end;display:flex}.chat-input{resize:none;border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font);font-size:var(--text-sm);outline:none;flex:1;min-height:42px;max-height:120px;padding:10px 12px;line-height:1.5;transition:border-color .2s}.chat-input:focus{border-color:var(--brand-primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{border-radius:var(--r-md);width:42px;height:42px;min-width:unset;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-generate{margin-top:var(--space-1);font-size:var(--text-sm);border-radius:var(--r-md);justify-content:center;padding:10px}.modal-overlay{-webkit-backdrop-filter:blur(4px)}@keyframes glowAttention{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px var(--green), 0 0 14px 4px #6de7be80}}.btn-humanize-attention{animation:glowAttention 2.5s var(--ease-in-out,ease-in-out) infinite}@media (prefers-reduced-motion:reduce){.btn-humanize-attention{box-shadow:0 0 0 3px var(--green);animation:none}}.btn-push-erp{box-shadow:var(--shadow-brand)}.header-user{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex}.header-user .ms{color:var(--brand-primary)}.header-user-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:700;overflow:hidden}.header-user-logout{padding:var(--space-1) var(--space-2);background:0 0;border:none}.trend-ts{color:var(--red)}.login-landing{min-height:100vh;padding:var(--space-6);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.login-landing-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);width:min(400px,100%);padding:var(--space-8);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login-landing-brand{text-align:center;margin-bottom:var(--space-6);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.login-landing-brand h1{font-size:var(--text-xl);color:var(--brand-primary);font-weight:800}.login-landing-brand p{font-size:var(--text-sm);color:var(--text-muted)}.login-landing-form{gap:var(--space-3);flex-direction:column;display:flex}.login-landing-error{color:var(--red);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--red-d);border-radius:var(--r-md)}.login-landing-btn{padding:var(--space-3);justify-content:center}.login-landing-hint{margin-top:var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}