.admin-wrapper{min-height:100vh;background:radial-gradient(circle at 20% 20%,#131324,#060609);color:#f8fafc;font-family:Cairo,Inter,sans-serif;direction:rtl}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.admin-login-card{width:100%;max-width:430px;padding:2.5rem 2rem;background:#0f111ad9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(0,240,255,.18);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 30px #00f0ff14}.admin-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.admin-sidebar{background:#0a0b12eb;border-left:1px solid rgba(255,255,255,.08);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.4rem;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-brand{padding:.5rem .75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.75rem}.admin-tab-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid transparent;background:transparent;color:#94a3b8;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-align:right;transition:all .2s ease}.admin-tab-btn:hover{background:#ffffff0a;color:#fff}.admin-tab-btn.active{background:linear-gradient(135deg,#00f0ff29,#7000ff2e);border-color:#00f0ff59;color:#00f0ff}.admin-main{padding:1.5rem 2rem 4rem;max-width:1200px;width:100%;margin:0 auto}.admin-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0f111acc;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-card{background:#0f111abf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}.admin-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.35rem;color:#fff;display:flex;align-items:center;gap:.6rem}.admin-card-desc{color:#94a3b8;font-size:.9rem;margin-bottom:1.5rem}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.admin-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem}.admin-field label{font-size:.9rem;font-weight:600;color:#cbd5e1}.admin-input,.admin-textarea,.admin-select{width:100%;padding:.75rem 1rem;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:#00f0ff;box-shadow:0 0 0 3px #00f0ff1f}.admin-textarea{resize:vertical;min-height:100px}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;transition:all .2s ease}.admin-btn:hover:not(:disabled){background:#ffffff1f}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn-primary{background:linear-gradient(135deg,#00c8ff,#7000ff);border-color:transparent;color:#fff;box-shadow:0 4px 18px #00c8ff40}.admin-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.admin-btn-danger{background:#ef444424;border-color:#ef444459;color:#fca5a5}.admin-btn-danger:hover:not(:disabled){background:#ef444442}.admin-toast{position:fixed;bottom:24px;left:24px;z-index:2000;padding:.9rem 1.4rem;border-radius:12px;font-weight:600;box-shadow:0 12px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-toast.success{background:#10b981eb;color:#fff}.admin-toast.error{background:#ef4444eb;color:#fff}.upload-box{border:1.5px dashed rgba(0,240,255,.35);background:#00f0ff08;border-radius:12px;padding:1rem;transition:all .2s ease}.upload-box:hover{border-color:#00f0ff;background:#00f0ff0f}.progress-track{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-top:.6rem}.progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#7000ff);transition:width .2s ease}@media (max-width: 920px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;border-left:none;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:row;flex-wrap:wrap}.admin-brand{width:100%}.admin-tab-btn{width:auto;flex:1 1 auto;justify-content:center;font-size:.85rem;padding:.6rem .8rem}.admin-main{padding:1rem}}:root{--bg-color: #050505;--bg-gradient: radial-gradient(circle at 50% 50%, #111116 0%, #050505 100%);--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-primary: #00f0ff;--accent-secondary: #7000ff;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-glow: 0 0 20px rgba(0, 240, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--nav-height: 80px;--section-padding: 100px 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Cairo,sans-serif;background-color:var(--bg-color);background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Cairo,sans-serif;font-weight:700;line-height:1.25}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{padding:var(--section-padding);position:relative;z-index:10}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.btn-primary{background:var(--glass-bg);color:var(--text-primary);padding:12px 28px;border-radius:30px;font-family:Space Grotesk,Cairo,sans-serif;font-weight:600;font-size:1rem;border:1px solid var(--accent-primary);box-shadow:0 0 15px #00f0ff33;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);z-index:-1;opacity:0;transition:opacity .3s ease}.btn-primary:hover{box-shadow:0 0 25px #00f0ff66;transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem;text-align:center}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-nav-btn{display:flex!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}
