:root{
  --bg:#061a22;
  --bg-deep:#081f29;
  --bg-soft:#0c3440;
  --panel:#0f2e39;
  --panel-2:#102b35;
  --glass:rgba(255,255,255,.08);
  --glass-2:rgba(255,255,255,.05);
  --line:rgba(229,222,192,.12);
  --line-strong:rgba(229,222,192,.22);
  --text:#ffffff;
  --soft:#efe6cb;
  --muted:rgba(239,230,203,.78);
  --muted-2:rgba(239,230,203,.60);
  --brand:#1E7C55;
  --teal:#157B7D;
  --orange:#E28C1C;
  --orange-soft:#ffd79f;
  --mint:#A7F0D7;
  --cyan:#8DDDE1;
  --shadow-xl:0 34px 90px rgba(0,0,0,.34);
  --shadow-lg:0 20px 50px rgba(0,0,0,.26);
  --shadow-md:0 12px 24px rgba(0,0,0,.18);
  --radius-xl:36px;
  --radius-lg:26px;
  --radius-md:18px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%, rgba(141,221,225,.12), transparent 22%),radial-gradient(circle at 100% 0%, rgba(226,140,28,.14), transparent 18%),radial-gradient(circle at 72% 88%, rgba(30,124,85,.13), transparent 24%),linear-gradient(180deg,#061a22 0%,#0b2630 40%,#0d3340 100%);line-height:1.8;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg, rgba(0,0,0,.75), transparent 95%)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.section{padding:80px 0;position:relative}
.section-sm{padding:48px 0}
.glass{background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05));border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}
.solid{background:linear-gradient(180deg, rgba(12,39,48,.94), rgba(10,33,41,.98));border:1px solid rgba(239,230,203,.08);box-shadow:var(--shadow-lg)}
.warm{background:linear-gradient(135deg, rgba(226,140,28,.20), rgba(255,227,177,.08));border:1px solid rgba(255,215,159,.24)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 20px;border-radius:16px;border:1px solid transparent;font-weight:800;transition:.24s ease;cursor:pointer;box-shadow:var(--shadow-md)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#f1ac41);color:#102833}
.btn-secondary{background:linear-gradient(135deg,var(--brand),#24986a);color:#fff}
.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(239,230,203,.12);color:var(--soft)}
.site-header{position:sticky;top:0;z-index:100;padding:16px 0;background:linear-gradient(180deg, rgba(6,26,34,.88), rgba(6,26,34,.55));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(239,230,203,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:24px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo{width:60px;height:60px;border-radius:18px;overflow:hidden;border:1px solid rgba(239,230,203,.14);background:rgba(255,255,255,.04);box-shadow:var(--shadow-md)}
.brand-logo img{width:100%;height:100%;object-fit:cover}
.brand-title{font-size:1.08rem;font-weight:900;line-height:1.15}
.brand-sub{font-size:.86rem;color:var(--soft)}
.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-links a{padding:12px 14px;border-radius:14px;color:var(--soft);font-weight:700;transition:.2s ease}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.06);color:#fff}
.page-hero{padding:56px 0 26px}
.hero-card{padding:32px;border-radius:var(--radius-xl);position:relative;overflow:hidden}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(239,230,203,.12);font-weight:800;color:var(--soft);margin-bottom:20px}
.eyebrow .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--orange),#f5ba5b);box-shadow:0 0 0 6px rgba(226,140,28,.12)}
.page-title{margin:0 0 12px;font-size:clamp(2.2rem,1.7rem + 1.8vw,3.9rem);line-height:1.1}
.lead{margin:0;color:var(--muted);font-size:1.05rem;max-width:880px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.video-card,.article-card,.metric-card{padding:18px;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid rgba(239,230,203,.10);box-shadow:var(--shadow-md);overflow:hidden;min-width:0}.video-card,.article-card{display:flex;flex-direction:column;height:100%}
.video-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#081b22;border:1px solid rgba(239,230,203,.08)}
.video-thumb img{width:100%;height:100%;object-fit:contain;background:#081b22;transition:transform .28s ease}.video-card:hover .video-thumb img,.video-thumb:hover img{transform:scale(1.02)}.video-thumb::after{content:"▶ اضغط للمشاهدة";position:absolute;left:18px;bottom:18px;padding:10px 14px;border-radius:999px;background:rgba(6,26,34,.86);border:1px solid rgba(239,230,203,.16);color:#fff;font-weight:800;font-size:.92rem;backdrop-filter:blur(6px)}
.video-body,.article-body{padding:16px 6px 6px;display:flex;flex-direction:column;gap:10px;flex:1}.video-body .card-actions,.article-body .card-actions{margin-top:auto}
.card-title{margin:0;font-size:1.2rem;line-height:1.45}
.card-text{margin:0;color:var(--muted);font-size:.96rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.meta-row{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted-2);font-size:.9rem;margin-top:4px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.section-title{margin:0;font-size:clamp(1.8rem,1.55rem + 1vw,2.7rem)}
.muted{color:var(--muted)}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.article-cover{display:block;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0b1f27;border:1px solid rgba(239,230,203,.08)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.article-main{padding:28px;border-radius:30px}
.article-content{color:var(--soft);font-size:1.03rem}
.article-content h2,.article-content h3,.article-content h4{color:#fff;margin-top:1.6em}
.article-content p,.article-content li{color:var(--soft)}
.article-content img{max-width:100%;height:auto;border-radius:18px;margin:18px auto}
.article-content a{color:#9fe8d1;text-decoration:underline}
.sidebar-card{padding:24px;border-radius:28px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(239,230,203,.12);color:var(--soft);font-weight:700}
.empty-state{padding:34px;border-radius:28px;text-align:center;color:var(--muted);background:rgba(255,255,255,.04);border:1px dashed rgba(239,230,203,.14)}
.admin-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.admin-side{padding:24px;border-left:1px solid rgba(239,230,203,.08);background:linear-gradient(180deg, rgba(8,26,33,.98), rgba(7,24,31,.98))}
.admin-main{padding:24px}
.admin-card{padding:24px;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid rgba(239,230,203,.10);box-shadow:var(--shadow-md)}
.admin-nav{display:grid;gap:10px;margin-top:22px}
.admin-nav a{padding:14px 16px;border-radius:16px;color:var(--soft);font-weight:800;background:rgba(255,255,255,.04);border:1px solid rgba(239,230,203,.08)}
.admin-nav a.active,.admin-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.input,.select,.textarea{width:100%;padding:14px 16px;border-radius:16px;background:rgba(7,23,30,.72);border:1px solid rgba(239,230,203,.14);color:#fff}
.textarea{min-height:140px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-row{display:grid;gap:8px}
label{font-weight:800;color:var(--soft)}
.table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(239,230,203,.08)}
table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03)}
th,td{padding:14px 16px;text-align:right;border-bottom:1px solid rgba(239,230,203,.08);vertical-align:top}
th{color:var(--soft);font-size:.92rem;background:rgba(255,255,255,.04)}
.notice{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:800}
.notice.success{background:rgba(30,124,85,.2);border:1px solid rgba(30,124,85,.4);color:#d7fff0}
.notice.error{background:rgba(226,90,80,.18);border:1px solid rgba(226,90,80,.35);color:#ffd9d4}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,520px);padding:30px;border-radius:34px}
.footer{padding:34px 0 46px;border-top:1px solid rgba(239,230,203,.08);margin-top:60px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted-2);font-size:.92rem}
@media (max-width:1080px){.card-grid,.preview-grid,.article-shell,.admin-wrap,.form-grid{grid-template-columns:1fr}.admin-side{border-left:none;border-bottom:1px solid rgba(239,230,203,.08)}}
@media (max-width:820px){.nav{padding:14px;gap:14px;flex-wrap:wrap}.nav-links{width:100%}.card-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.container{width:min(calc(100% - 22px),var(--container))}.card-grid{grid-template-columns:1fr}.actions .btn,.card-actions .btn{width:100%}.page-title{font-size:clamp(2rem,1.75rem + 1.5vw,2.8rem)}}

.video-detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.quick-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(239,230,203,.10)}
.quick-card h3{margin:0 0 8px;font-size:1.08rem}
.quick-card p{margin:0;color:var(--muted)}
.sidebar-stack{display:grid;gap:16px;margin-top:18px}
@media (max-width:640px){.video-thumb::after{right:14px;left:auto;bottom:14px;font-size:.86rem;padding:8px 12px}}

.admin-logout-link{width:100%;text-align:right;padding:14px 16px;border-radius:16px;color:var(--soft);font-weight:800;background:rgba(255,255,255,.04);border:1px solid rgba(239,230,203,.08);cursor:pointer}.admin-logout-link:hover{background:rgba(255,255,255,.08);color:#fff}.empty-state .actions{justify-content:center}.article-content iframe,.article-content video{max-width:100%;border-radius:18px}.video-card strong{line-height:1.6}.site-header a:focus-visible,.btn:focus-visible,.admin-logout-link:focus-visible{outline:3px solid rgba(255,215,159,.9);outline-offset:3px}


.toolbar-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.toolbar-inline .input{max-width:360px}
.empty-table{padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;color:var(--muted)}