:root{--font-main:"IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--bg-deep:#0d1117;--bg-base:#161b22;--bg-surface:#1c2128;--bg-surface-elevated:#242932;--bg-card:#1d222a;--bg-card-hover:#262c36;--bg-glass-input:#12151c;--primary:#f0f3f6;--primary-text:#0d1117;--primary-hover:#e1e4e8;--accent-blue:#2aabee;--accent-blue-subtle:#2aabee1f;--accent-emerald:#2ea043;--accent-rose:#da3633;--text-main:#f0f6fc;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-dim:#6e7681;--border-subtle:#30363d;--border-medium:#484f58;--border-focus:#58a6ff;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 30px #0009;--transition-fast:.15s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{background-color:var(--bg-deep);width:100%;height:100%;font-family:var(--font-main);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff47}::selection{color:#fff;background:#388bfd}.glass-panel{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.btn{font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-text);font-weight:600}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:translateY(1px)}.btn-blue{background:var(--accent-blue);color:#fff}.btn-blue:hover{background:#229ed9}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-medium)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.btn-icon{flex-shrink:0;width:36px;height:36px;padding:0}.input-field{width:100%;font-family:var(--font-main);background:var(--bg-glass-input);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-size:.88rem}.input-field:focus{border-color:var(--border-focus)}.input-field::placeholder{color:#8b949e;opacity:1}.badge{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.app-container{background:var(--bg-deep);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-layout,.app-workspace{flex:1;grid-template-columns:270px 1fr 310px;gap:10px;height:calc(100vh - 62px);min-height:0;max-height:calc(100vh - 62px);padding:10px 12px;display:grid;overflow:hidden}@media (width<=1100px){.main-layout,.app-workspace{grid-template-columns:260px 1fr!important}}@media (width<=768px){.app-container{height:100dvh!important;max-height:100dvh!important}header.glass-panel{margin:4px 6px 0!important;padding:6px 10px!important}.main-layout,.app-workspace{flex-direction:column;gap:0;padding:0;overflow:hidden;height:calc(100dvh - 54px)!important;max-height:calc(100dvh - 54px)!important;display:flex!important}.hide-on-mobile{display:none!important}}@media (width>=769px){.hide-on-desktop{display:none!important}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-base);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;max-width:440px;box-shadow:var(--shadow-lg);overflow:hidden}.popover-menu{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;width:320px;max-height:360px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}