:root{
  --bg:#0b0b0f; --panel:#12121a; --panel-2:#161621; --text:#e9e9f2; --muted:#a3a3b2;
  --gold:#f2c87b; --violet:#a88bff; --border:#232334; --accent:#8b5cf6;
  --glass-bg: rgba(18,18,26,0.6); --glass-brd: rgba(255,255,255,0.08);
  --shadow-3d: 0 30px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
}
*{box-sizing:border-box} html{font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
body.admin{margin:0;background:radial-gradient(1000px 600px at 85% -10%,rgba(168,139,255,.15),transparent 40%),radial-gradient(800px 500px at 10% 110%,rgba(242,200,123,.12),transparent 40%),var(--bg);color:var(--text)}
a{color:var(--violet);text-decoration:none} a:hover{text-decoration:underline}

/* خلفيات */
.bg-orb{position:fixed;filter:blur(80px);opacity:.35;z-index:0;pointer-events:none}
.bg-orb-1{top:-120px;left:-120px;width:420px;height:420px;background:radial-gradient(circle at 30% 30%, var(--violet), transparent 60%)}
.bg-orb-2{bottom:-140px;right:-140px;width:460px;height:460px;background:radial-gradient(circle at 60% 60%, var(--gold), transparent 60%)}
.bg-grid{position:fixed;inset:0;z-index:0;background-image:linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px);background-size:32px 32px}

/* زجاجية */
.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-brd);box-shadow:var(--shadow-3d)}

/* تخطيط */
.admin-sidebar{position:fixed;top:0;bottom:0;right:0;width:280px;padding:18px 16px 24px;z-index:2;border-left:1px solid var(--border)}
.admin-main{margin-right:280px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}
.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-brd)}
.admin-header .title{font-weight:700;font-size:18px;letter-spacing:.3px}
.admin-content{padding:24px}

/* سايدبار */
.logo{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--gold));color:#111;font-weight:800;box-shadow:0 10px 30px rgba(168,139,255,.3)}
.logo-text{font-weight:800;letter-spacing:.3px}
.nav{margin-top:8px}
.nav .nav-group{margin:14px 6px 8px;color:var(--muted);font-size:12px}
.nav a{display:block;padding:10px 12px;border-radius:12px;margin:4px 0;color:var(--text);background:transparent;border:1px solid transparent;transition:.2s}
.nav a:hover{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border-color:var(--glass-brd)}
.nav-foot{margin-top:16px;padding-top:8px;border-top:1px dashed var(--glass-brd)}

/* بطاقات + جداول + فورم */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--glass-brd);border-radius:18px;padding:16px;box-shadow:var(--shadow-3d)}
.card-title{color:var(--muted);font-size:12px;margin-bottom:8px}
.card-value{font-size:26px;font-weight:800;margin-bottom:8px;background:linear-gradient(90deg,var(--gold),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.card-link{font-size:13px}

.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel-2);border:1px solid var(--glass-brd);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-3d)}
.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--glass-brd)}
.table th{color:var(--muted);text-align:right;background:rgba(255,255,255,.02)}
.table tr:last-child td{border-bottom:none}

.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.field{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid var(--glass-brd);border-radius:14px;padding:12px}
.field>span{color:var(--muted);font-size:12px;margin-bottom:8px}
.field input,.field textarea,.field select{background:#0f0f15;color:var(--text);border:1px solid #22232b;border-radius:10px;padding:10px}
.actions{margin-top:12px}

/* أزرار */
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--violet));color:#111;padding:10px 14px;border-radius:12px;border:none;cursor:pointer;font-weight:800;letter-spacing:.2px;box-shadow:0 12px 30px rgba(168,139,255,.25)}
.btn:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:var(--violet);border:1px solid var(--violet)}
.btn-danger{background:#ef4444;color:#111}

/* تنويعات */
.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid var(--glass-brd);background:rgba(34,197,94,.08)}
.alert.success{color:#c8f7cf}
.muted{color:var(--muted)}

/* تفاعلات خفيفة */
.card, .field, .table{transform:translateZ(0)}
.card:hover{transform:translateY(-2px);transition:.2s}