@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--canvas-bg:#070a12;--canvas-surface:#0e1422;--canvas-elevated:#151d30;--canvas-overlay:#070a12c2;--brand-slate:#1b2333;--brand-coral:#ff6b4a;--brand-coral-light:#ff9a7a;--brand-coral-dark:#e04e2e;--brand-coral-gradient:linear-gradient(135deg, #ff9a7a 0%, #ff6b4a 55%, #e04e2e 100%);--brand-coral-glow:#ff6b4a47;--brand-azure:#4c9aff;--brand-azure-light:#8cc0ff;--brand-azure-dark:#2f79e0;--brand-azure-gradient:linear-gradient(135deg, #8cc0ff 0%, #4c9aff 55%, #2f79e0 100%);--brand-azure-glow:#4c9aff47;--brand-violet:#a66bff;--brand-violet-light:#c89cff;--brand-violet-dark:#8a4de8;--brand-violet-gradient:linear-gradient(135deg, #c89cff 0%, #a66bff 55%, #8a4de8 100%);--brand-violet-glow:#a66bff47;--status-active:#30d158;--status-active-glow:#30d15847;--status-warning:#ffd60a;--status-warning-glow:#ffd60a47;--status-info:#64d2ff;--status-danger:#ff453a;--text-primary:#fffffff5;--text-secondary:#ffffffad;--text-tertiary:#ffffff70;--text-quaternary:#ffffff3d;--glass-border-hairline:#ffffff1f;--glass-border-subtle:#ffffff14;--glass-border-prominent:#ffffff3d;--glass-specular-highlight:linear-gradient(180deg, #ffffff29 0%, #ffffff0a 30%, transparent 100%);--glass-shadow-sm:0 4px 16px 0 #0000005c;--glass-shadow-md:0 8px 32px 0 #00000070, 0 2px 8px 0 #0000003d;--glass-shadow-lg:0 16px 48px 0 #00000085, 0 4px 16px 0 #00000052;--glass-blur-sm:blur(12px);--glass-blur-md:blur(24px);--glass-blur-lg:blur(40px);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-arabic:"IBM Plex Sans Arabic", "Cairo", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"SF Mono", Menlo, Monaco, Consolas, monospace}
.glass-panel{-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-hairline);box-shadow:var(--glass-shadow-md);border-radius:var(--radius-lg);background:#0e1422b8;position:relative}.glass-card{-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-hairline);box-shadow:var(--glass-shadow-sm);border-radius:var(--radius-md);background:#151d3094;transition:all .24s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-prominent);box-shadow:var(--glass-shadow-md);background:#1b2333c7;transform:translateY(-2px)}.glass-header{-webkit-backdrop-filter:var(--glass-blur-lg);border-bottom:1px solid var(--glass-border-hairline);z-index:50;background:#070a12d1;position:sticky;top:0}.glass-sidebar{-webkit-backdrop-filter:var(--glass-blur-lg);border-left:1px solid var(--glass-border-hairline);background:#0b101ce0;flex-direction:column;display:flex}.glass-button-primary{background:var(--brand-coral-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 14px var(--brand-coral-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.glass-button-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--brand-coral-glow);transform:translateY(-1px)}.glass-button-secondary{color:var(--text-primary);border:1px solid var(--glass-border-hairline);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.glass-button-secondary:hover{border-color:var(--glass-border-prominent);background:#ffffff24}.glass-badge{border-radius:var(--radius-pill);border:1px solid var(--glass-border-hairline);color:var(--text-secondary);background:#ffffff0f;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-coral{color:var(--brand-coral-light);background:#ff6b4a1f;border-color:#ff6b4a52}.badge-azure{color:var(--brand-azure-light);background:#4c9aff1f;border-color:#4c9aff52}.badge-violet{color:var(--brand-violet-light);background:#a66bff1f;border-color:#a66bff52}.badge-success{color:var(--status-active);background:#30d1581f;border-color:#30d15852}.shortcut-key{color:#ffffffd1;-webkit-user-select:none;user-select:none;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;padding:2.5px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff1f}.shortcut-key-active{color:#fff;background:#ff6b4a38;border-color:#ff6b4a80}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--canvas-bg);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-arabic);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#4c9aff1f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-200px;right:15%}body:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a66bff1a 0%,#0000 70%);width:650px;height:650px;position:fixed;bottom:-200px;left:10%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff29}::-webkit-scrollbar-thumb:hover{background:#ffffff47}
