@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cairo:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#0b0b1a;--bg2:#0f0f24;--bg3:#14142e;--surface:#111128;--surface2:#161638;--surface3:#1c1c48;--card:#131334;--card2:#181840;--card3:#1e1e4c;--card-hover:#222250;--border:#1e1e4a;--border2:#2a2a5e;--border3:#363672;--border-glow:rgba(99,102,241,.3);--text:#f0f0ff;--text2:#c0c0e0;--text3:#8080b0;--text4:#505080;--muted:#3a3a60;--accent:#818cf8;--accent2:#6366f1;--accent3:#4f46e5;--accent4:#4338ca;--accent5:#3730a3;--accent-glow:rgba(129,140,248,.2);--accent-glow2:rgba(129,140,248,.1);--accent-glow3:rgba(129,140,248,.05);--secondary:#22d3ee;--secondary2:#06b6d4;--secondary-glow:rgba(34,211,238,.2);--tertiary:#f472b6;--tertiary2:#ec4899;--tertiary-glow:rgba(244,114,182,.2);--violet:#a78bfa;--violet2:#8b5cf6;--violet-glow:rgba(167,139,250,.15);--green:#34d399;--green2:#10b981;--green-glow:rgba(52,211,153,.15);--cyan:#22d3ee;--cyan2:#06b6d4;--cyan-glow:rgba(34,211,238,.15);--red:#f87171;--red2:#ef4444;--red-glow:hsla(0,91%,71%,.15);--yellow:#fbbf24;--yellow-glow:rgba(251,191,36,.15);--orange:#fb923c;--orange-glow:rgba(251,146,60,.15);--pink:#f472b6;--pink-glow:rgba(244,114,182,.15);--blue:#60a5fa;--blue-glow:rgba(96,165,250,.15);--gradient-primary:linear-gradient(135deg,#818cf8,#6366f1);--gradient-secondary:linear-gradient(135deg,#22d3ee,#06b6d4);--gradient-tertiary:linear-gradient(135deg,#f472b6,#ec4899);--gradient-accent:linear-gradient(135deg,#818cf8,#f472b6);--gradient-warm:linear-gradient(135deg,#fbbf24,#fb923c);--gradient-cool:linear-gradient(135deg,#22d3ee,#818cf8);--gradient-dark:linear-gradient(135deg,#0b0b1a,#1c1c48);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6);--shadow-xl:0 16px 60px rgba(0,0,0,.7);--shadow-glow:0 4px 24px rgba(129,140,248,.2);--shadow-glow-strong:0 8px 40px rgba(129,140,248,.3);--shadow-violet:0 4px 24px rgba(167,139,250,.2);--shadow-cyan:0 4px 24px rgba(34,211,238,.2);--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--sidebar-width:280px;--header-height:60px;--nav-width:56px;--toast-z:99999;--blur:blur(24px);--blur-strong:blur(48px);--transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.35s cubic-bezier(0.4,0,0.2,1);--bounce:0.4s cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--bg:#f4f6fb;--bg2:#ebeef5;--bg3:#e2e6f0;--surface:#fff;--surface2:#f8f9fd;--surface3:#f0f2f8;--card:#fff;--card2:#f5f7fc;--card3:#edf0f6;--card-hover:#e8ebf3;--border:#dce0ec;--border2:#c8cee0;--border3:#b0b8d0;--text:#0b0b1a;--text2:#2a2a4a;--text3:#6a6a8a;--text4:#8a8aaa;--muted:#a0a0c0;--accent:#6366f1;--accent2:#4f46e5;--accent3:#4338ca;--accent-glow:rgba(99,102,241,.12);--accent-glow2:rgba(99,102,241,.06);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 8px 32px rgba(0,0,0,.08);--shadow-xl:0 16px 48px rgba(0,0,0,.1);--shadow-glow:0 4px 20px rgba(99,102,241,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,Cairo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{height:100%;min-height:100%}body{background:var(--bg);color:var(--text);direction:rtl;overflow-x:hidden;transition:background .3s ease,color .3s ease;line-height:1.5}[dir=ltr]{direction:ltr}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;-webkit-transition:background var(--transition);transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--border3)}*{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}::selection{background:var(--accent-glow);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;letter-spacing:-.02em}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1rem}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent2)}code{font-family:JetBrains Mono,monospace}small{font-size:.8em;color:var(--text3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}@keyframes progressFill{0%{width:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmerCard{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{to{transform:scale(4);opacity:0}}.fade-in{animation:fadeIn .3s ease forwards}.fade-up{animation:fadeUp .35s ease forwards}.fade-down{animation:fadeDown .3s ease forwards}.scale-in{animation:scaleIn .3s ease forwards}.slide-up{animation:slideUp .4s ease forwards}.msg-in{animation:msgIn .3s ease forwards}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.breathe{animation:breathe 3s ease-in-out infinite}.glass{background:rgba(19,19,52,.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border)}[data-theme=light] .glass{background:hsla(0,0%,100%,.75)}.glass-light{background:rgba(19,19,52,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-card,.glass-light{border:1px solid var(--border)}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);border:none;font-family:inherit;line-height:1;white-space:nowrap;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px var(--accent-glow)}.btn-secondary{background:var(--card2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--card3);border-color:var(--border2)}.btn-ghost{background:transparent;color:var(--text2)}.btn-ghost:hover{background:var(--card2);color:var(--text)}.btn-danger{background:var(--red-glow);color:var(--red);border:1px solid hsla(0,91%,71%,.2)}.btn-danger:hover{background:hsla(0,91%,71%,.2)}.btn-sm{padding:5px 10px;font-size:11px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:15px;border-radius:var(--radius-md)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--card2);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--card3);border-color:var(--border2);color:var(--text)}.input{width:100%;padding:12px 16px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:13px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow2)}.input::placeholder{color:var(--text4)}.textarea{resize:vertical;min-height:80px;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;line-height:1.6}.badge-accent{background:var(--accent-glow2);color:var(--accent);border:1px solid rgba(129,140,248,.2)}.badge-green{background:var(--green-glow);color:var(--green);border:1px solid rgba(52,211,153,.2)}.badge-red{background:var(--red-glow);color:var(--red);border:1px solid hsla(0,91%,71%,.2)}.badge-cyan{background:var(--cyan-glow);color:var(--cyan);border:1px solid rgba(34,211,238,.2)}.badge-violet{background:var(--violet-glow);color:var(--violet);border:1px solid rgba(167,139,250,.2)}.badge-orange{background:var(--orange-glow);color:var(--orange);border:1px solid rgba(251,146,60,.2)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;background:var(--card2);color:var(--text2)}.card,.chip{border:1px solid var(--border)}.card{background:var(--card);border-radius:var(--radius-md);padding:16px;transition:all var(--transition)}.card:hover{border-color:var(--border2)}.card-hover{cursor:pointer;transition:all var(--transition)}.card-hover:hover{border-color:var(--accent-glow);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-glass{background:rgba(19,19,52,.6);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.card-glass,.card-gradient{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.card-gradient{background:linear-gradient(135deg,var(--card),var(--card2));position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent)}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all var(--transition)}.stat-card:hover{border-color:var(--border2);transform:translateY(-1px)}.stat-value{font-size:24px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace}.stat-label{font-size:11px;color:var(--text3);margin-top:4px}.stat-change{font-size:10px;font-weight:600;font-family:JetBrains Mono,monospace}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.section-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:11px;color:var(--text3);margin-bottom:16px}.page-content,.page-content-full{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;flex:1 1}.page-content-full{height:100%}.page-header{padding:20px 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header h1{font-size:20px;font-weight:800;color:var(--text)}.page-header p{font-size:12px;color:var(--text3);margin-top:2px}.desktop-sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:var(--bg2);border-left:1px solid var(--border);z-index:50;display:flex;flex-direction:column;transition:transform var(--transition-slow)}[dir=ltr] .desktop-sidebar{right:auto;left:0;border-left:none;border-right:1px solid var(--border)}.desktop-sidebar.collapsed{transform:translateX(100%)}[dir=ltr] .desktop-sidebar.collapsed{transform:translateX(-100%)}.desktop-main{margin-right:var(--sidebar-width);transition:margin var(--transition-slow)}[dir=ltr] .desktop-main{margin-right:0;margin-left:var(--sidebar-width)}.desktop-main.expanded{margin-right:0}[dir=ltr] .desktop-main.expanded{margin-left:0}.desktop-layout-body{display:flex;min-height:calc(100vh - var(--header-height));flex:1 1}.desktop-main-content{flex:1 1;min-width:0;transition:margin var(--transition-slow);display:flex;flex-direction:column}body.desktop-mode-active .desktop-main-content{margin-right:var(--sidebar-width)}[dir=ltr] body.desktop-mode-active .desktop-main-content{margin-right:0;margin-left:var(--sidebar-width)}body.desktop-mode-active .desktop-main-content.sidebar-collapsed{margin-right:0}[dir=ltr] body.desktop-mode-active .desktop-main-content.sidebar-collapsed{margin-left:0}@media (max-width:768px){.desktop-sidebar{display:none}.desktop-main,body.desktop-mode-active .desktop-main-content{margin-right:0!important;margin-left:0!important}.page-header{padding:16px 16px 8px}h1{font-size:1.4rem}}.modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(11,11,26,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s ease;box-shadow:var(--shadow-xl)}.toast-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:var(--toast-z);flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;align-items:center;gap:8px}.toast{padding:10px 20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--text);font-size:13px;box-shadow:var(--shadow-xl);animation:toastIn .3s ease;pointer-events:auto;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.info{border-color:var(--accent)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:var(--radius-sm);background:var(--card2);border:1px solid var(--border);color:var(--text);font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:9999}[data-tooltip]:hover:after{opacity:1}.progress{width:100%;height:6px;border-radius:3px;background:var(--bg2);overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease;background:var(--gradient-primary)}.divider{height:1px;background:var(--border);margin:16px 0}.divider-vertical{width:1px;background:var(--border)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.status-dot.offline{background:var(--red)}.status-dot.away{background:var(--yellow)}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-violet{background:linear-gradient(135deg,var(--violet),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cool{background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-content{font-size:14px;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text);margin:16px 0 8px;font-weight:600}.markdown-content h1{font-size:1.3em}.markdown-content h2{font-size:1.15em}.markdown-content h3{font-size:1.05em}.markdown-content p{margin:6px 0}.markdown-content ol,.markdown-content ul{margin:6px 0;padding-right:20px}[dir=ltr] .markdown-content ol,[dir=ltr] .markdown-content ul{padding-right:0;padding-left:20px}.markdown-content li{margin:3px 0}.markdown-content a{color:var(--accent);text-decoration:underline}.markdown-content blockquote{border-right:3px solid var(--accent);padding:8px 16px;margin:8px 0;background:var(--accent-glow3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text2)}[dir=ltr] .markdown-content blockquote{border-right:none;border-left:3px solid var(--accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.markdown-content code{background:var(--accent-glow2);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--accent)}.markdown-content pre{background:var(--bg2);padding:12px 16px;border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border);margin:8px 0}.markdown-content pre code{background:none;padding:0;border-radius:0;font-size:.85em;color:var(--text1)}.markdown-content table{width:100%;border-collapse:collapse;margin:8px 0}.markdown-content td,.markdown-content th{border:1px solid var(--border);padding:8px 12px;text-align:right}[dir=ltr] .markdown-content td,[dir=ltr] .markdown-content th{text-align:left}.markdown-content th{background:var(--bg2);font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}