.vcard {background: var(--white);border-radius: var(--r-md);border: 1px solid var(--border);overflow: hidden;cursor: pointer;transition: box-shadow .2s, transform .2s;display: flex;flex-direction: column;}.vcard:hover {box-shadow: var(--shadow-md);transform: translateY(-3px);}.vcard-thumb {position: relative;aspect-ratio: 16/9;background: var(--ink);overflow: hidden;flex-shrink: 0;}.vcard-thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform .35s;display: block;}.vcard:hover .vcard-thumb img {transform: scale(1.06);}.vcard-play {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;}.vcard-play-btn {width: 48px;height: 48px;border-radius: 50%;background: rgba(200,16,46,.88);display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 4px 16px rgba(200,16,46,.45);transition: transform .2s, background .2s;}.vcard:hover .vcard-play-btn {transform: scale(1.12);background: var(--red-700);}.vcard-duration {position: absolute;bottom: var(--sp-2);left: var(--sp-2);background: rgba(0,0,0,.82);color: white;font-size: 11px;font-weight: 700;padding: 2px 7px;border-radius: 4px;letter-spacing: .03em;}.vcard-cat {position: absolute;top: var(--sp-2);right: var(--sp-2);}.vcard-body {padding: var(--sp-3) var(--sp-4) var(--sp-4);flex: 1;display: flex;flex-direction: column;gap: var(--sp-2);}.vcard-title {font-size: var(--text-sm);font-weight: 700;line-height: 1.5;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.vcard-desc {font-size: var(--text-xs);color: var(--muted);line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.vcard-meta {font-size: var(--text-xs);color: var(--muted);display: flex;align-items: center;gap: var(--sp-2);flex-wrap: wrap;margin-top: auto;}.vcard-tags {display: flex;flex-wrap: wrap;gap: var(--sp-1);}.vcard-tag {font-size: 11px;padding: 1px var(--sp-2);border-radius: var(--r-full);border: 1px solid var(--border);color: var(--ink-60);transition: border-color .15s, color .15s;}.vcard-tag:hover {border-color: var(--red-700);color: var(--red-700);}.vgrid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--sp-4);}.vgrid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--sp-4);}.vgrid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--sp-4);}@media (max-width: 1024px) {.vgrid-4 {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px) {.vgrid-3 {grid-template-columns: repeat(2, 1fr);}.vgrid-4 {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 480px) {.vgrid-3 {grid-template-columns: 1fr;}.vgrid-4 {grid-template-columns: 1fr;}.vgrid-2 {grid-template-columns: 1fr;}}.home-vgrid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--sp-4);}@media (max-width: 768px) {.home-vgrid {grid-template-columns: repeat(2, 1fr);gap: var(--sp-3);}}@media (max-width: 480px) {.home-vgrid {grid-template-columns: repeat(2, 1fr);gap: 10px;}.home-vgrid .vcard-body {padding: 8px;}.home-vgrid .vcard-title {font-size: var(--text-xs);line-height: 1.45;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}.home-vgrid .vcard-meta {font-size: 10px;gap: 6px;}.home-vgrid .vcard-cat {display: none;}.home-vgrid .vcard-duration{font-size: 10px;padding: 1px 5px;}}.home-tagcloud {display: flex;flex-wrap: wrap;gap: var(--sp-2);}.home-tag {display: inline-flex;align-items: center;padding: 6px 14px;border-radius: var(--r-full, 9999px);border: 1px solid var(--border, #e5e7eb);background: var(--surface, #f9f9f9);color: var(--ink);font-size: var(--text-sm);font-weight: 700;text-decoration: none;transition: background .15s, border-color .15s, color .15s;}.home-tag:hover, .home-tag:focus-visible {background: var(--danger, #c8102e);border-color: var(--danger, #c8102e);color: #fff;}@media (max-width: 480px) {.home-tag {padding: 5px 11px;font-size: var(--text-xs);}}.video-hero {position: relative;border-radius: var(--r-lg);overflow: hidden;aspect-ratio: 16/9;background: var(--ink);cursor: pointer;margin-bottom: var(--sp-6);max-height: 520px;}.video-hero img {width: 100%;height: 100%;object-fit: cover;transition: transform .4s;}.video-hero:hover img {transform: scale(1.02);}.video-hero-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 50%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--sp-8);}.video-hero-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;border-radius: 50%;background: rgba(200,16,46,.9);display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 8px 32px rgba(200,16,46,.5);transition: transform .25s, background .2s;}.video-hero:hover .video-hero-play {transform: translate(-50%, -50%) scale(1.1);background: var(--red-700);}.video-hero-title {font-size: var(--text-2xl);font-weight: 900;color: white;line-height: 1.3;text-wrap: pretty;margin-bottom: var(--sp-3);}@media (max-width: 768px) {.video-hero-title {font-size: var(--text-xl);}.video-hero-overlay {padding: var(--sp-5);}.video-hero-play {width: 60px;height: 60px;}}.player-wrap {border-radius: var(--r-lg);overflow: hidden;background: #000;margin-bottom: var(--sp-5);}.player-embed {position: relative;padding-bottom: 56.25%;height: 0;}.player-embed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}.video-detail-title {font-size: var(--text-sm);font-weight: 800;color: var(--ink);line-height: 1.4;margin-bottom: var(--sp-3);text-wrap: pretty;}.video-detail-desc {font-size: var(--text-md);color: var(--ink-60);line-height: 1.85;margin-bottom: var(--sp-4);}.svcard {display: grid;grid-template-columns: 120px 1fr;gap: var(--sp-3);padding: var(--sp-3);background: var(--white);border-radius: var(--r-md);border: 1px solid var(--border);cursor: pointer;transition: box-shadow .2s;}.svcard:hover {box-shadow: var(--shadow-md);}.svcard-thumb {position: relative;border-radius: var(--r-sm);overflow: hidden;aspect-ratio: 16/9;background: var(--ink);}.svcard-thumb img {width: 100%;height: 100%;object-fit: cover;}.svcard-play {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;}.svcard-play-btn {width: 32px;height: 32px;border-radius: 50%;background: rgba(200,16,46,.85);display: flex;align-items: center;justify-content: center;}.svcard-body {display: flex;flex-direction: column;gap: var(--sp-1);overflow: hidden;}.svcard-title {font-size: var(--text-sm);font-weight: 700;color: var(--ink);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.svcard-meta {font-size: var(--text-xs);color: var(--muted);}.cat-hero {background: linear-gradient(135deg, var(--red-900) 0%, var(--ink) 100%);padding: var(--sp-12) 0;margin-bottom: var(--sp-8);position: relative;overflow: hidden;}.cat-hero::before {content: '';position: absolute;inset: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.cat-hero-inner {position: relative;}.cat-hero-title {font-size: var(--text-4xl);font-weight: 900;color: white;margin-bottom: var(--sp-2);}.cat-hero-count {font-size: var(--text-base);color: rgba(255,255,255,.6);}.subcats {display: flex;gap: var(--sp-2);flex-wrap: wrap;margin-bottom: var(--sp-6);}.subcat-btn {padding: var(--sp-2) var(--sp-4);border-radius: var(--r-full);border: 1.5px solid var(--border);font-size: var(--text-sm);font-weight: 600;color: var(--ink-60);background: var(--white);cursor: pointer;transition: all .15s;font-family: var(--font-ar);}.subcat-btn:hover {border-color: var(--red-700);color: var(--red-700);background: var(--red-50);}.subcat-btn.active {background: var(--red-700);border-color: var(--red-700);color: white;}.tag-hero {background: var(--white);border: 1px solid var(--border);border-radius: var(--r-lg);padding: var(--sp-8);margin-bottom: var(--sp-8);display: flex;align-items: center;gap: var(--sp-6);}.tag-hero-icon {width: 72px;height: 72px;border-radius: var(--r-md);background: var(--red-50);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.tag-hero-name {font-size: var(--text-3xl);font-weight: 900;color: var(--ink);}.tag-hero-count {font-size: var(--text-sm);color: var(--muted);margin-top: var(--sp-1);}.tags-cloud {display: flex;flex-wrap: wrap;gap: var(--sp-2);}.tag-cloud-item {display: inline-flex;align-items: center;gap: 4px;padding: var(--sp-2) var(--sp-4);border-radius: var(--r-full);border: 1.5px solid var(--border);font-size: var(--text-sm);font-weight: 600;color: var(--ink-60);background: var(--white);cursor: pointer;transition: all .15s;text-decoration: none;}.tag-cloud-item:hover {border-color: var(--red-700);color: var(--red-700);background: var(--red-50);}.tag-cloud-item .tag-count {font-size: var(--text-xs);color: var(--muted);font-weight: 400;}.tag-cloud-item:hover .tag-count {color: var(--red-400);}.catcard {background: var(--white);border: 1px solid var(--border);border-radius: var(--r-md);overflow: hidden;cursor: pointer;transition: box-shadow .2s, transform .2s;text-decoration: none;display: block;}.catcard:hover {box-shadow: var(--shadow-md);transform: translateY(-2px);}.catcard-img {aspect-ratio: 16/9;overflow: hidden;position: relative;}.catcard-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}.catcard:hover .catcard-img img {transform: scale(1.05);}.catcard-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%);display: flex;align-items: flex-end;padding: var(--sp-3);}.catcard-body {padding: var(--sp-3) var(--sp-4);display: flex;align-items: center;justify-content: space-between;}.catcard-name {font-size: var(--text-base);font-weight: 800;color: var(--ink);}.catcard-count {font-size: var(--text-xs);color: var(--muted);}.admin-sidebar {position: fixed;top: 0;right: 0;bottom: 0;width: 240px;background: var(--ink);display: flex;flex-direction: column;z-index: 50;overflow-y: auto;transition: transform .3s;}.admin-sidebar-logo {padding: var(--sp-5);border-bottom: 1px solid rgba(255,255,255,.08);display: flex;align-items: center;gap: var(--sp-3);}.admin-sidebar-logo img {height: 32px;filter: brightness(0) invert(1);}.admin-nav {flex: 1;padding: var(--sp-3) 0;overflow-y: auto;}.admin-nav-group {padding: var(--sp-3) var(--sp-4) var(--sp-1);}.admin-nav-label {font-size: 10px;font-weight: 700;color: rgba(255,255,255,.3);text-transform: uppercase;letter-spacing: .1em;}.admin-nav-item {display: flex;align-items: center;gap: var(--sp-3);padding: 10px var(--sp-4);font-size: var(--text-sm);font-weight: 600;color: rgba(255,255,255,.55);cursor: pointer;transition: color .15s, background .15s;border: none;background: none;width: 100%;text-align: right;font-family: var(--font-ar);text-decoration: none;}.admin-nav-item svg {width: 16px;height: 16px;flex-shrink: 0;opacity: .7;}.admin-nav-item:hover {color: white;background: rgba(255,255,255,.06);}.admin-nav-item.active {color: white;background: rgba(200,16,46,.25);border-right: 3px solid var(--red-700);}.admin-sidebar-footer {padding: var(--sp-4) var(--sp-5);border-top: 1px solid rgba(255,255,255,.08);}.admin-main {margin-right: 240px;min-height: 100vh;display: flex;flex-direction: column;}.admin-topbar {position: sticky;top: 0;z-index: 40;background: white;border-bottom: 1px solid var(--border);padding: 0 var(--sp-6);height: 60px;display: flex;align-items: center;gap: var(--sp-4);box-shadow: var(--shadow-sm);}.admin-content {flex: 1;padding: var(--sp-6);background: #F0F2F5;}.stat-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: var(--sp-4);margin-bottom: var(--sp-6);}.stat-card {background: white;border-radius: var(--r-md);padding: var(--sp-5);border: 1px solid var(--border);box-shadow: var(--shadow-sm);display: flex;align-items: flex-start;gap: var(--sp-4);}.stat-icon {width: 48px;height: 48px;border-radius: var(--r-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.stat-info {flex: 1;}.stat-value {font-size: var(--text-2xl);font-weight: 900;color: var(--ink);line-height: 1;}.stat-label {font-size: var(--text-xs);color: var(--muted);font-weight: 600;margin-top: 4px;}.stat-change {font-size: var(--text-xs);margin-top: var(--sp-2);display: flex;align-items: center;gap: 3px;}.stat-up {color: var(--success);}.admin-table-wrap {background: white;border-radius: var(--r-md);border: 1px solid var(--border);box-shadow: var(--shadow-sm);overflow: hidden;margin-bottom: var(--sp-6);}.admin-table-header {padding: var(--sp-4) var(--sp-5);display: flex;align-items: center;gap: var(--sp-3);border-bottom: 1px solid var(--border);flex-wrap: wrap;}.admin-table-title {font-size: var(--text-base);font-weight: 800;flex: 1;}table {width: 100%;border-collapse: collapse;}thead {background: var(--surface);}th, td {padding: var(--sp-3) var(--sp-4);text-align: right;font-size: var(--text-sm);border-bottom: 1px solid var(--border);}th {font-weight: 700;color: var(--muted);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: .04em;}tr:last-child td {border-bottom: none;}tr:hover td {background: var(--surface);}.action-btns {display: flex;gap: var(--sp-2);}.modal-overlay {position: fixed;inset: 0;z-index: 9000;background: rgba(0,0,0,.6);display: flex;align-items: center;justify-content: center;padding: var(--sp-4);animation: fade-in .2s ease;}.modal-box {background: var(--white);border-radius: var(--r-lg);padding: var(--sp-6);width: min(640px, 100%);max-height: 90vh;overflow-y: auto;box-shadow: var(--shadow-lg);position: relative;}.modal-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--sp-5);padding-bottom: var(--sp-4);border-bottom: 1px solid var(--border);}.modal-title {font-size: var(--text-lg);font-weight: 800;}.modal-close {width: 36px;height: 36px;border-radius: 50%;background: var(--surface);border: 1px solid var(--border);cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: background .15s;}.modal-close:hover {background: var(--red-50);color: var(--red-700);}.form-group {margin-bottom: var(--sp-4);}.form-label {display: block;font-size: var(--text-sm);font-weight: 700;margin-bottom: var(--sp-2);color: var(--ink-80);}.form-hint {font-size: var(--text-xs);color: var(--muted);margin-top: var(--sp-1);}textarea.input {height: auto;padding: var(--sp-3) var(--sp-4);resize: vertical;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: var(--sp-4);}.thumb-preview {width: 100%;aspect-ratio: 16/9;border-radius: var(--r-sm);background: var(--surface);border: 2px dashed var(--border);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--sp-2);color: var(--muted);cursor: pointer;transition: border-color .15s;overflow: hidden;}.thumb-preview:hover {border-color: var(--red-700);}.thumb-preview img {width: 100%;height: 100%;object-fit: cover;}.cat-tree {display: flex;flex-direction: column;}.cat-tree-item {display: flex;align-items: center;padding: var(--sp-3) var(--sp-4);border-bottom: 1px solid var(--border);gap: var(--sp-3);}.cat-tree-item:last-child {border-bottom: none;}.cat-tree-child {padding-right: var(--sp-10);background: var(--surface);}.cat-tree-toggle {cursor: pointer;color: var(--muted);background: none;border: none;font-size: 14px;}.cat-tree-name {font-size: var(--text-sm);font-weight: 700;flex: 1;}.cat-tree-count {font-size: var(--text-xs);color: var(--muted);}.tag-manage-grid {display: flex;flex-wrap: wrap;gap: var(--sp-2);padding: var(--sp-4);}.tag-manage-item {display: inline-flex;align-items: center;gap: var(--sp-2);padding: var(--sp-1) var(--sp-3);border-radius: var(--r-full);background: var(--surface);border: 1px solid var(--border);font-size: var(--text-sm);font-weight: 600;}.tag-manage-del {background: none;border: none;color: var(--muted);cursor: pointer;font-size: 14px;transition: color .15s;}.tag-manage-del:hover {color: var(--danger);}@media (max-width: 900px) {.admin-main {margin-right: 0;}.admin-sidebar {transform: translateX(100%);}.admin-sidebar.open {transform: translateX(0);}.stat-grid {grid-template-columns: repeat(2,1fr);}.form-row {grid-template-columns: 1fr;}}@media (max-width: 480px) {.stat-grid {grid-template-columns: 1fr;}}.search-bar {display: flex;gap: var(--sp-2);margin-bottom: var(--sp-6);}.search-bar .input {flex: 1;}.section-block {margin-bottom: var(--sp-10);}.filter-bar {display: flex;align-items: center;gap: var(--sp-3);margin-bottom: var(--sp-5);flex-wrap: wrap;}.filter-bar .tabs {border-bottom: none;flex: 1;}.sort-select {appearance: none;padding: var(--sp-2) var(--sp-5) var(--sp-2) var(--sp-3);border: 1.5px solid var(--border);border-radius: var(--r-sm);font-family: var(--font-ar);font-size: var(--text-sm);font-weight: 600;color: var(--ink-60);background: var(--white);cursor: pointer;min-height: 40px;}.widget {background: var(--white);border-radius: var(--r-md);border: 1px solid var(--border);overflow: hidden;}.widget-header {padding: var(--sp-3) var(--sp-4);border-bottom: 1px solid var(--border);font-size: var(--text-sm);font-weight: 800;display: flex;align-items: center;gap: var(--sp-2);}.widget-header::before {content: '';display: block;width: 4px;height: 16px;background: var(--red-700);border-radius: 2px;}.widget-body {padding: var(--sp-4);}.mobile-sticky-bar {display: none;position: fixed;bottom: 0;inset-inline: 0;z-index: 90;background: var(--white);border-top: 1px solid var(--border);padding: var(--sp-2) var(--sp-4);box-shadow: 0 -4px 12px rgba(0,0,0,.08);}@media (max-width: 768px) {.mobile-sticky-bar {display: flex;}}.mobile-nav-items {display: flex;align-items: center;justify-content: space-around;width: 100%;}.mobile-nav-item {display: flex;flex-direction: column;align-items: center;gap: 3px;font-size: 10px;font-weight: 600;color: var(--muted);padding: var(--sp-1);cursor: pointer;transition: color .15s;min-width: 44px;background: none;border: none;font-family: var(--font-ar);text-decoration: none;}.mobile-nav-item.active {color: var(--red-700);}.mobile-nav-item svg {width: 22px;height: 22px;}.mobile-drawer {position: fixed;inset: 0;z-index: 200;display: flex;pointer-events: none;}.mobile-drawer.open {pointer-events: all;}.drawer-backdrop {position: absolute;inset: 0;background: rgba(0,0,0,.5);opacity: 0;transition: opacity .3s;}.mobile-drawer.open .drawer-backdrop {opacity: 1;}.drawer-panel {position: absolute;top: 0;right: -100%;width: min(300px,90vw);height: 100%;background: var(--white);box-shadow: var(--shadow-lg);transition: right .3s cubic-bezier(.4,0,.2,1);display: flex;flex-direction: column;overflow-y: auto;}.mobile-drawer.open .drawer-panel {right: 0;}.drawer-header {padding: var(--sp-4);border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between;}.drawer-nav {display: flex;flex-direction: column;padding: var(--sp-4);gap: var(--sp-1);}.drawer-link {padding: var(--sp-3) var(--sp-4);border-radius: var(--r-sm);font-size: var(--text-base);font-weight: 600;color: var(--ink-60);display: flex;align-items: center;gap: var(--sp-3);transition: color .15s, background .15s;text-decoration: none;}.drawer-link:hover {color: var(--red-700);background: var(--red-50);}.search-modal {display: none;position: fixed;inset: 0;z-index: 500;background: rgba(0,0,0,.7);align-items: flex-start;justify-content: center;padding-top: 80px;}.search-modal.open {display: flex;}.empty-state {text-align: center;padding: var(--sp-16) var(--sp-6);color: var(--muted);}.empty-state svg {margin: 0 auto var(--sp-4);opacity: .3;}.empty-state-title {font-size: var(--text-xl);font-weight: 800;color: var(--ink);margin-bottom: var(--sp-2);}