*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial;background:#f4f6fb;color:#20263a}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#1f3eaa,#6c46da)}.login-panel{width:min(430px,92%);padding:38px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;text-align:center}.login-panel img{width:75px}.login-panel label{display:block;text-align:right;margin:18px 0;font-weight:700}.login-panel input,.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #d9dfeb;border-radius:8px;font:inherit;margin-top:6px}.login-panel button,.btn{display:inline-block;background:#2558dc;color:#fff;border:0;border-radius:8px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}.login-panel>a{display:block;margin-top:20px;color:#2558dc}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#18213d;color:#dce3fa;padding:22px 15px}.sidebar .logo{font-size:20px;font-weight:800;padding:12px;margin-bottom:15px}.sidebar a{display:block;padding:10px 13px;border-radius:8px;margin:2px 0}.sidebar a:hover,.sidebar a.active{background:#ffffff18;color:#fff}.admin-main{padding:28px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#fff;border-radius:13px;padding:20px;box-shadow:0 4px 18px #25345b10}.card strong{display:block;font-size:30px;color:#2558dc}.panel{overflow:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.btn.danger{background:#c83737}.btn.light{background:#edf1fa;color:#263551}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:12px;border-bottom:1px solid #edf0f5}th{background:#f8f9fc}.actions{display:flex;gap:6px}.actions .btn{padding:6px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px}.field label{font-weight:700}.field.full{grid-column:1/-1}.field textarea{min-height:130px;resize:vertical}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.alert{padding:12px 15px;border-radius:8px;margin:15px 0}.alert.success{background:#dcf8e8;color:#17603a}.alert.error{background:#fee6e3;color:#9c241d}.muted{color:#758099}.preview{max-width:90px;max-height:60px}.pagination{margin-top:15px}.code-note{background:#fff8da;padding:10px;border-radius:8px}.curr-section{margin-bottom:16px}.curr-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.curr-section-head h2{margin:0;font-size:18px}.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;vertical-align:middle}.badge.draft{background:#fee6e3;color:#9c241d}.badge.free{background:#dcf8e8;color:#17603a}.curr-section-head form{display:inline}
/* منطقة السحب والإفلات لرفع الفيديو */
.dropzone{border:2px dashed #c3cfe6;border-radius:12px;background:#f7f9ff;padding:22px 18px;text-align:center;cursor:pointer;transition:.15s;margin-top:6px}
.dropzone:hover{border-color:#7ca0ef;background:#eef3ff}
.dropzone.over{border-color:#2558dc;background:#e6eefc;transform:scale(1.01)}
.dropzone.busy{pointer-events:none;opacity:.85}
.dropzone .dz-icon{font-size:26px;color:#2558dc}
.dropzone .dz-main{font-weight:800;margin:6px 0 2px;color:#2b3653}
.dropzone .dz-sub{font-size:12.5px;color:#8a94a8}
.dz-progress{height:8px;background:#dde5f3;border-radius:8px;overflow:hidden;margin:12px auto 0;max-width:340px}
.dz-progress[hidden]{display:none}
.dz-bar{height:100%;width:0;background:linear-gradient(90deg,#2558dc,#4c42ee);transition:width .2s}
.dz-result{margin-top:10px;font-weight:700;font-size:13.5px;word-break:break-all}
.dz-result.ok{color:#17603a}
.dz-result.err{color:#b42318}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.sidebar{position:static}.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.admin-main{padding:16px}}