:root{--provider-primary:#249b45;--provider-primary-rgb:36,155,69;--provider-bg:url("splashBackground.png")}
#catalogApp{box-sizing:border-box;width:100vw;height:100vh;min-height:0;padding:28px 36px 32px;overflow:hidden;background:#030407 var(--provider-bg) center/cover no-repeat;color:#fff}
#catalogApp:before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,3,7,.96),rgba(3,5,10,.78) 58%,rgba(2,3,7,.9));pointer-events:none}
#catalogApp>*{position:relative;z-index:1}
#catalogApp .catalog-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:transparent;border:0}
#catalogApp .catalog-brand{width:190px;height:82px;display:flex;align-items:center;justify-content:flex-start}
#catalogApp .catalog-logo{width:142px;height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}
#catalogApp .catalog-status{display:flex;align-items:center;gap:0;height:66px;padding:0 22px;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:rgba(15,16,23,.88);box-shadow:0 18px 45px rgba(0,0,0,.3);font-size:19px;white-space:nowrap}
#catalogApp .catalog-status>*{padding:0 18px;border-left:1px solid rgba(255,255,255,.12)}
#catalogApp .catalog-status>*:first-child{border-left:0}
#catalogApp .catalog-status strong{font-size:36px;line-height:1}
#catalogApp .catalog-status small{font-size:14px;color:#aeb3c1}
.provider-dashboard{height:calc(100vh - 156px);display:grid;grid-template-columns:260px minmax(410px,520px) minmax(430px,1fr);gap:20px;align-items:stretch;padding:8px}
.provider-live{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:46px 26px 34px;background:linear-gradient(155deg,var(--provider-primary),rgba(var(--provider-primary-rgb),.62));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 24px 70px rgba(var(--provider-primary-rgb),.2);cursor:pointer}
.provider-live:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.2),transparent 36%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);pointer-events:none}
.provider-live-icon{font-size:106px;line-height:1;transform:rotate(-12deg);margin-bottom:28px}
.provider-live strong{font-size:40px}.provider-live small{max-width:170px;margin-top:13px;font-size:18px;line-height:1.35;color:#f2eaff}.provider-live b{position:absolute;bottom:30px;padding:10px 18px;border-radius:20px;background:rgba(0,0,0,.18);font-size:15px}.provider-live b i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ff4c91}
#catalogApp .main-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr .8fr .58fr;gap:12px;height:100%;padding:0;background:transparent;border:0}
#catalogApp .nav-item{min-width:0;margin:0;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(130deg,rgba(25,25,34,.96),rgba(12,13,20,.88));color:#fff;display:flex;align-items:center;gap:18px;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
#catalogApp .nav-item:nth-child(1),#catalogApp .nav-item:nth-child(2){grid-column:1/3}
#catalogApp .nav-item>i{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--provider-primary-rgb),.16);border:1px solid rgba(var(--provider-primary-rgb),.5);color:var(--provider-primary);font-style:normal;font-size:31px}
#catalogApp .nav-item span{display:flex;flex-direction:column;min-width:0;flex:1}#catalogApp .nav-item strong{font-size:28px}#catalogApp .nav-item small{margin-top:6px;color:#a9aeb9;font-size:16px}#catalogApp .nav-item>b{font-size:16px;color:#c6cad3}
#catalogApp .nav-half{padding:16px}#catalogApp .nav-half>i{width:54px;height:54px;flex-basis:54px;font-size:25px}#catalogApp .nav-half strong{font-size:22px}
#catalogApp .nav-small{padding:13px;justify-content:center;gap:10px}#catalogApp .nav-small>i{width:38px;height:38px;flex-basis:38px;font-size:20px}#catalogApp .nav-small span{flex:0}#catalogApp .nav-small strong{font-size:18px}
#catalogApp .catalog-hero{position:relative;min-width:0;height:100%;border:1px solid rgba(255,255,255,.15);border-radius:22px;overflow:hidden;background-color:#0b0c12;background-position:center;background-size:cover;box-shadow:0 24px 70px rgba(0,0,0,.35)}
#catalogApp .catalog-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,8,.98) 0,rgba(3,4,8,.78) 34%,rgba(3,4,8,.12) 74%),linear-gradient(90deg,rgba(3,4,8,.5),transparent)}
#catalogApp .highlight-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:30px;padding:0;max-width:none}#catalogApp .highlight-copy .kicker{font-size:14px;color:var(--provider-primary);letter-spacing:.14em}#catalogApp .highlight-copy h1{font-size:31px;line-height:1.1;margin:10px 0}#catalogApp .highlight-copy>p{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#catalogApp .highlight-actions{display:flex;gap:10px;margin-top:17px}#catalogApp .highlight-actions button{min-height:48px;border-radius:24px;padding:0 20px}.provider-dashboard .featured-poster{position:absolute;right:24px;top:24px;width:142px;height:210px;border-radius:15px;border:3px solid var(--provider-primary);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.5)}.provider-dashboard .featured-poster img{width:100%;height:100%;object-fit:cover}
#catalogApp .focusable:focus,#catalogApp .focusable.focused{outline:0;border-color:#fff;box-shadow:0 0 0 4px var(--provider-primary),0 0 32px rgba(var(--provider-primary-rgb),.72);transform:translateY(-2px)}
#catalogApp .primary{background:var(--provider-primary);border-color:var(--provider-primary)}
#catalogApp #homeBottom{display:none!important}
#catalogApp .library-panel{position:absolute;inset:112px 36px 28px;background:#05070b}
@media(max-width:1280px){#catalogApp{padding:18px 22px}.provider-dashboard{grid-template-columns:210px minmax(340px,440px) 1fr;gap:14px}.provider-live strong{font-size:32px}.provider-live-icon{font-size:80px}#catalogApp .nav-item{padding:14px;gap:12px}#catalogApp .nav-item>i{width:50px;height:50px;flex-basis:50px}#catalogApp .nav-item strong{font-size:22px}#catalogApp .catalog-status{font-size:15px;padding:0 10px}#catalogApp .catalog-status>*{padding:0 10px}}
