.media-shell{--media-radius:28px;--media-soft:#f7f9ff;color:#14213d}.media-hero{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#091b42,#0f7f68 55%,#ff8a00);color:#fff;padding:2rem;box-shadow:0 22px 60px rgba(12,34,78,.18)}.media-hero:after{content:"";position:absolute;inset:auto -8% -38% auto;width:42%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.34),transparent 68%);transform:rotate(-18deg)}.media-kicker{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45rem .85rem;font-weight:700}.media-soft-card{background:#fff;border:1px solid rgba(20,33,61,.08);border-radius:var(--media-radius);box-shadow:0 16px 40px rgba(20,33,61,.08)}.media-stat{height:100%;border-radius:26px;padding:1.25rem;background:linear-gradient(135deg,#fff,#f1f6ff);border:1px solid rgba(15,127,104,.08)}.media-stat i{font-size:2rem;color:#0f7f68}.media-hidden-panel{display:none}.media-hidden-panel.is-open{display:block}.media-thumb{width:100%;height:190px;object-fit:cover;border-radius:22px;background:#eef3ff}.media-speaker-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#f2f4f8}.media-status{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:capitalize;background:#eef4ff;color:#0b5ed7}.media-status-published,.media-status-live,.media-status-active{background:#e9f8f1;color:#087a45}.media-status-draft,.media-status-review{background:#fff6df;color:#966600}.media-status-private,.media-status-archived{background:#f1f2f4;color:#4b5563}.media-filter-card{background:#fff;border-radius:24px;border:1px solid rgba(20,33,61,.08);box-shadow:0 12px 28px rgba(20,33,61,.06)}.media-play-button{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ff8a00;color:#fff;text-decoration:none;box-shadow:0 12px 28px rgba(255,138,0,.28)}.media-player-frame{border:0;border-radius:26px;overflow:hidden;width:100%;min-height:410px;background:#101828}.media-audio{width:100%}.media-reel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.media-reel{position:relative;border-radius:28px;overflow:hidden;min-height:310px;background:#101828;color:#fff;display:flex;align-items:flex-end;box-shadow:0 18px 40px rgba(16,24,40,.18)}.media-reel img,.media-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}.media-reel .media-reel-content{position:relative;z-index:2;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.78));width:100%}.media-action-bar{display:flex;flex-wrap:wrap;gap:.5rem}.media-action-bar .btn{border-radius:999px}.media-empty{border:1px dashed rgba(15,127,104,.35);border-radius:26px;padding:2rem;text-align:center;background:#f8fffc}.media-empty i{font-size:3rem;color:#0f7f68}.media-note-box{min-height:150px}.media-livestream-stage{background:#071528;border-radius:34px;padding:1rem;color:#fff}.media-livestream-stage iframe,.media-livestream-stage video{width:100%;min-height:440px;border:0;border-radius:24px;background:#000}.media-timeline-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid rgba(20,33,61,.08)}.media-timeline-dot{width:14px;height:14px;border-radius:50%;background:#0f7f68;margin-top:.35rem;box-shadow:0 0 0 6px rgba(15,127,104,.12)}.media-form-card label{font-weight:700}.media-form-card .form-control,.media-form-card .form-select{border-radius:18px}.media-form-card textarea.form-control{border-radius:22px}.media-chart-bar{height:12px;border-radius:999px;background:linear-gradient(90deg,#0f7f68,#ff8a00);min-width:4%}.media-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.35rem .7rem;background:#f1f5ff;color:#22436f;font-size:.8rem;font-weight:700}.media-public-card{transition:transform .2s ease,box-shadow .2s ease}.media-public-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(20,33,61,.12)}@media(max-width:767.98px){.media-hero{border-radius:24px;padding:1.35rem}.media-hero h1{font-size:1.75rem}.media-player-frame,.media-livestream-stage iframe,.media-livestream-stage video{min-height:240px}.media-thumb{height:160px}.media-reel{min-height:260px}.media-action-bar{display:grid;grid-template-columns:1fr}.media-action-bar .btn{width:100%}}