@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Manrope:wght@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:"Cairo", "Manrope", system-ui, sans-serif;--header-h:52px;--sidebar-w:220px;--sidebar-collapsed:52px;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.3;--leading-normal:1.5;--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:.35s both cardEnter}.asset-card:first-child{animation-delay:20ms}.asset-card:nth-child(2){animation-delay:40ms}.asset-card:nth-child(3){animation-delay:60ms}.asset-card:nth-child(4){animation-delay:80ms}.asset-card:nth-child(5){animation-delay:.1s}.asset-card:nth-child(6){animation-delay:.12s}.asset-card:nth-child(7){animation-delay:.14s}.asset-card:nth-child(8){animation-delay:.16s}.asset-card:nth-child(9){animation-delay:.18s}.asset-card:nth-child(10){animation-delay:.2s}.client-card:first-child{animation-delay:20ms}.client-card:nth-child(2){animation-delay:40ms}.client-card:nth-child(3){animation-delay:60ms}.client-card:nth-child(4){animation-delay:80ms}.client-card:nth-child(5){animation-delay:.1s}.client-card:nth-child(6){animation-delay:.12s}.client-card:nth-child(7){animation-delay:.14s}.client-card:nth-child(8){animation-delay:.16s}.client-card:nth-child(9){animation-delay:.18s}.client-card:nth-child(10){animation-delay:.2s}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;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:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}*{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{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}.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:inset 2px 0 0 var(--brand-primary)}.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-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);display:flex}.panel-title .ms{font-size:var(--text-lg);color:var(--brand-primary)}.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)}.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-4);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}.output-box{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;min-height:300px;color:var(--text-primary);font-family:var(--font);flex:1;overflow-y:auto}.output-box.streaming{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-dim)}.output-box h2,.output-box h3{color:var(--brand-primary);margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold)}.output-box strong{color:var(--text-primary)}.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}}.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:inset 3px 0 0 var(--brand-primary), 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:inset 3px 0 0 var(--brand-primary), 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;position:relative;overflow:hidden}.toggle-group button{padding:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);z-index:1;background:0 0;border:none;flex:1;font-weight:700;transition:all .2s;position:relative}.toggle-group button.active{color:var(--text-on-brand)}.toggle-group:after{content:"";background:var(--brand-primary);border-radius:var(--r-md);width:50%;transition:transform .25s;position:absolute;inset:0}.toggle-group:has(button:last-child.active):after{transform:translate(100%)}.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:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}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:inset -2px 0 0 var(--brand-primary)}.rtl .toggle-group:after{left:auto;right:0}.rtl .toggle-group:has(button:last-child.active):after{transform:translate(-100%)}.ltr{text-align:left;direction:ltr}.modal-overlay{-webkit-backdrop-filter:blur(4px)}