@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap";
:root{--bg-primary:#08080f;--bg-secondary:#0e0e1a;--bg-tertiary:#13131f;--bg-card:#16162a;--bg-hover:#1c1c30;--accent:#7c6af7;--accent-glow:#7c6af733;--accent-hover:#9180ff;--accent-muted:#7c6af720;--border:#ffffff0d;--border-hover:#ffffff1a;--border-accent:#7c6af740;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#60607a;--success:#22d3a5;--danger:#ff5575;--warning:#f5a623;--sidebar-w:270px;--header-h:64px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Tajawal,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-muted);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-body{padding-top:var(--header-h);flex:1;display:flex}.main-content{margin-right:var(--sidebar-w);min-height:calc(100vh - var(--header-h));transition:margin-right var(--transition);flex:1;padding:2rem}.header{height:var(--header-h);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.header-logo-icon{background:linear-gradient(135deg, var(--accent), #4f46e5);border-radius:var(--radius-sm);width:34px;height:34px;box-shadow:0 0 16px var(--accent-glow);justify-content:center;align-items:center;font-size:1rem;display:flex}.header-logo-text span{color:var(--accent)}.header-actions{align-items:center;gap:1rem;display:flex}.header-user{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.header-avatar{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.btn-logout{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;padding:.4rem .9rem;font-family:Tajawal,sans-serif;font-size:.8rem}.btn-logout:hover{border-color:var(--danger);color:var(--danger);background:#ff557510}.sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100vh - var(--header-h));background:var(--bg-secondary);border-left:1px solid var(--border);z-index:90;padding:1rem 0;position:fixed;right:0;overflow:hidden auto}.sidebar-group{margin-bottom:.25rem}.sidebar-group-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;margin-top:.5rem;padding:.7rem 1.25rem;font-size:.7rem;font-weight:700;display:flex}.sidebar-group-label .group-icon{font-size:.9rem}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:.75rem;margin:.1rem .6rem;padding:.6rem 1.25rem .6rem 1rem;font-size:.875rem;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.sidebar-item.active{background:var(--accent-muted);color:var(--accent);border-color:var(--border-accent);font-weight:500}.sidebar-item.active:before{content:"";background:var(--accent);border-radius:99px 0 0 99px;width:3px;height:60%;position:absolute;top:50%;right:-.6rem;transform:translateY(-50%)}.sidebar-item-dot{background:var(--text-muted);width:6px;height:6px;transition:background var(--transition);border-radius:50%;flex-shrink:0}.sidebar-item.active .sidebar-item-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.sidebar-divider{background:var(--border);height:1px;margin:.75rem 1.25rem}.page-blank{min-height:calc(100vh - var(--header-h) - 4rem);justify-content:center;align-items:center;display:flex}.page-blank h1{color:var(--text-muted);letter-spacing:.02em;font-size:2rem;font-weight:700;position:relative}.page-blank h1:after{content:"";background:var(--accent);width:40px;height:3px;box-shadow:0 0 10px var(--accent-glow);border-radius:99px;margin:.75rem auto 0;display:block}.login-bg{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c6af715 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-100px;right:-100px}.login-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e510 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative;box-shadow:0 32px 64px #00000060}.login-logo{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--accent), #4f46e5);border-radius:var(--radius);width:56px;height:56px;box-shadow:0 0 30px var(--accent-glow);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.login-logo h2{color:var(--text-primary);font-size:1.5rem;font-weight:900}.login-logo h2 span{color:var(--accent)}.login-logo p{color:var(--text-muted);font-size:.8rem}.login-form{flex-direction:column;gap:1.1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.form-group input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition);direction:rtl;outline:none;width:100%;padding:.75rem 1rem;font-family:Tajawal,sans-serif;font-size:.95rem}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-card)}.form-group input::placeholder{color:var(--text-muted)}.btn-login{background:linear-gradient(135deg, var(--accent), #4f46e5);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition);letter-spacing:.03em;box-shadow:0 4px 20px var(--accent-glow);border:none;margin-top:.5rem;padding:.85rem;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700}.btn-login:hover{box-shadow:0 8px 28px var(--accent-glow);opacity:.92;transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.login-error{border-radius:var(--radius-sm);color:var(--danger);background:#ff557515;border:1px solid #ff557530;align-items:center;gap:.5rem;margin-top:-.25rem;padding:.65rem 1rem;font-size:.82rem;display:flex}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}