.video-upload-banner{background:linear-gradient(90deg,#fffdf7,#fff);border-bottom:1px solid #051f391a;grid-template-columns:minmax(220px,1fr) minmax(180px,.42fr) auto;align-items:center;gap:12px;padding:10px 22px;display:grid;box-shadow:0 8px 18px #051f390f}.video-upload-banner.failed{background:linear-gradient(90deg,#fff7f6,#fff)}.video-upload-banner.uploaded{background:linear-gradient(90deg,#f3fbf6,#fff)}.video-upload-banner-main{gap:2px;min-width:0;display:grid}.video-upload-kicker{color:var(--tx-3);font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.video-upload-banner-main strong{color:var(--primary);font-family:var(--fd);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;overflow:hidden}.video-upload-banner-main small{color:var(--tx-2);font-size:.78rem;font-weight:800;line-height:1.35}.video-upload-banner-progress{background:#eef2f7;border:1px solid #051f3914;border-radius:999px;height:10px;overflow:hidden}.video-upload-banner-progress div{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-hi));height:100%;transition:width .22s}.video-upload-banner.failed .video-upload-banner-progress div{background:var(--st-crit)}.video-upload-banner.uploaded .video-upload-banner-progress div{background:var(--st-ok)}.video-upload-banner-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:860px),(max-height:720px){.video-upload-banner{grid-template-columns:1fr;padding:10px 14px}.video-upload-banner-actions{justify-content:stretch}.video-upload-banner-actions .btn{flex:120px;justify-content:center}}
:root{--app-compact-breakpoint:860px;--app-compact-height-breakpoint:720px;--app-board-compact-breakpoint:960px;--app-active-layout-mode:wide;--app-active-board-layout-mode:wide}.app[data-layout-mode=wide],.super-admin-app-shell[data-layout-mode=wide]{--app-layout-mode:wide}.app[data-layout-mode=compact],.super-admin-app-shell[data-layout-mode=compact]{--app-layout-mode:compact}@media (max-width:860px),(max-height:720px){:root{--app-active-layout-mode:compact}}@media (min-width:861px) and (min-height:721px){:root{--app-active-layout-mode:wide}}@media (max-width:960px),(max-height:720px){:root{--app-active-board-layout-mode:compact}}@media (min-width:961px) and (min-height:721px){:root{--app-active-board-layout-mode:wide}}.app,.super-admin-app-shell,.main,.content,.content>*{min-width:0}.content>[id^=screen-],.content>main,.content>section{min-width:0;max-width:100%;overflow-x:clip}@supports not (overflow:clip){.content>[id^=screen-],.content>main,.content>section{overflow-x:hidden}}.content>[id^=screen-] :where(.card,.panel,.hero,.shell,.grid,.list,.table,.toolbar,.modal,article,section){min-width:0}.content>[id^=screen-] :where(img,video,canvas,svg){max-width:100%}@media (max-width:860px),(max-height:720px){.content{max-width:100vw;padding-inline:clamp(10px,3vw,16px)}.content>[id^=screen-]{width:100%}}
.tb-back{color:var(--primary);height:32px;font-family:var(--fm);letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #051f3924;border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:900}.tb-back:hover{color:var(--accent);border-color:#c5a45c8c}.app{height:100vh;min-height:100vh;display:flex}.sb{width:var(--sb-w);background:linear-gradient(180deg, var(--primary-dark), var(--primary));color:var(--tx-on-primary);z-index:100;border-right:1px solid var(--accent-line);transition:width var(--tr-slow);flex-direction:column;flex-shrink:0;display:flex;position:relative}.sb-club{cursor:pointer;transition:var(--tr);border-bottom:1px solid #ffffff14;align-items:center;gap:11px;padding:14px 16px;display:flex;position:relative}.sb-club:hover{background:#ffffff08}.sb-club-mk{border-radius:var(--rs);background:linear-gradient(135deg, var(--accent), var(--accent-hi));width:38px;height:38px;font-family:var(--fd);color:var(--tx-on-accent);box-shadow:var(--sh-s);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.sb-club-logo,.club-brand-mark-logo{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block}.sb-club-body{flex:1;min-width:0}.sb-club-name{font-family:var(--fd);color:var(--white);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;line-height:1.1;overflow:hidden}.sb-club-sub{font-family:var(--fm);color:var(--accent-hi);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:.62rem}.sb-club-arrow{color:var(--g-300);transition:var(--tr);font-size:.7rem}.sb-club:hover .sb-club-arrow{color:var(--accent-hi)}.sb-scope{border-bottom:1px solid #ffffff14;padding:10px 16px}.sb-scope-label{font-family:var(--fm);color:var(--accent-hi);text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px;font-size:.6rem;font-weight:600}.sb-scope select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c8a035'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;width:100%;padding:7px 26px 7px 10px;font-size:.82rem;font-weight:600;background-color:color-mix(in srgb, var(--primary-dark) 78%, #fff 22%)!important;color:var(--tx-on-primary)!important;border-color:#ffffff38!important}.sb-scope select:focus{background-color:color-mix(in srgb, var(--primary-dark) 68%, #fff 32%)!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)!important}.sb-scope select option{background:var(--primary-dark)!important;color:var(--tx-on-primary)!important}.sb-scope-static{background:color-mix(in srgb, var(--primary-dark) 78%, #fff 22%);width:100%;color:var(--tx-on-primary);border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:700;line-height:1.25}.sb-nav{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-thumb{background:var(--primary-light)}.nav-sec{margin-bottom:2px}.nav-lbl{font-family:var(--fd);color:var(--accent-hi);letter-spacing:.18em;text-transform:uppercase;padding:14px 16px 5px;font-size:.7rem;font-weight:700}.nav-i{color:var(--g-300);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-left:3px solid #0000;align-items:center;gap:11px;padding:9px 16px;font-size:.87rem;font-weight:500;transition:all .15s;display:flex}.nav-i:hover{color:var(--white);background:#ffffff0a}.nav-i.active{color:var(--white);border-left-color:var(--accent);background:#c8a0351a}.nav-i.no-access{display:none!important}.nav-i .role-mode-pill{transform-origin:100%;margin-left:auto;transform:scale(.92)}.nav-icon{text-align:center;opacity:.85;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:.94rem;line-height:1;display:inline-grid}.nav-icon-svg{color:currentColor;width:16px;height:16px;display:block}.nav-i.active .nav-icon{opacity:1}.nav-badge{font-family:var(--fm);background:var(--accent);color:var(--primary-dark);text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:.62rem;font-weight:700}.nav-badge-crit{background:var(--st-crit);color:var(--white)}.nav-badge-new{color:var(--white);background:#ffffff1f;font-size:.58rem}.nav-soon{color:var(--g-400);cursor:pointer}.nav-soon:hover{color:var(--g-200)}.sb-foot{padding:12px 14px calc(12px + var(--safe-bottom));border-top:1px solid #ffffff14;align-items:center;gap:10px;display:flex}.sb-av{background:var(--primary-light);width:34px;height:34px;font-family:var(--fd);color:var(--accent-hi);border:2px solid var(--accent-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.sb-user{flex:1;min-width:0}.sb-uname{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;line-height:1.2;overflow:hidden}.sb-urole{color:var(--accent-hi);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:500;font-family:var(--fm);margin-top:2px}.sb-account-link{color:#ffffffb8;width:max-content;margin-top:6px;font-size:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.sb-account-link:hover{color:var(--accent-hi)}.sb-menu{border-radius:var(--rs);width:auto;min-width:34px;height:30px;min-height:30px;color:var(--g-300);font-family:var(--fm);text-transform:uppercase;letter-spacing:.06em;transition:var(--tr);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:.66rem;font-weight:900;display:inline-flex}.sb-menu-dots{font-size:1rem;line-height:1}.sb-menu:hover,.sb-menu:focus-visible{color:var(--white);outline-offset:1px;background:#ffffff14;outline:2px solid #c8a03552}.main{background:var(--off-white);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.tb{height:var(--tb-h);background:var(--white);border-bottom:1px solid var(--g-100);z-index:50;cursor:default;flex-shrink:0;align-items:center;gap:12px;padding:0 22px;display:flex;box-shadow:0 1px 4px #070f1c0a}.role-context-strip,.access-review-rail,.frontload-status-banner{display:none!important}.app.nav-hidden .sb{border-right:0;flex-basis:0;width:0;min-width:0;overflow:hidden;transform:translate(-100%)}.app.nav-hidden .main{flex:100%}.app.nav-hidden .tb:before{content:"☰";background:var(--surface-alt);width:28px;height:28px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.tb-crumb{font-family:var(--fd);color:var(--primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.tb-crumb-sep{color:var(--g-300);font-weight:400}.tb-crumb-dim{color:var(--g-400);font-weight:500}.tb-spacer{flex:1}.tb-search{background:var(--surface-alt);border-radius:var(--rs);min-width:min(360px,28vw);max-width:430px;min-height:38px;color:var(--tx-3);cursor:text;transition:var(--tr);border:1px solid #0000;align-items:center;gap:7px;padding:6px 8px 6px 12px;font-size:.82rem;display:flex}.tb-search:hover{background:var(--white);border-color:var(--g-200)}.tb-search:focus-within{background:var(--white);border-color:#c5a45c85;box-shadow:0 0 0 3px #c5a45c24}.tb-search.active{border-color:#051f391f;min-width:min(430px,34vw)}.tb-search.no-results{border-color:#9b2c2442;box-shadow:0 0 0 3px #9b2c2414}.tb-search-icon{color:var(--accent);font-family:var(--fm);flex:none;font-weight:900}.tb-search input{width:100%;min-width:90px;color:var(--tx-1);font:inherit;background:0 0;border:0;outline:0;flex:auto;padding:0}.tb-search input::placeholder{color:var(--tx-3);opacity:1}.tb-search input::-webkit-search-cancel-button{display:none}.tb-search kbd{font-family:var(--fm);background:var(--white);border:1px solid var(--g-200);color:var(--tx-3);border-radius:3px;flex:none;margin-left:auto;padding:2px 5px;font-size:.66rem}.tb-search-count{color:var(--tx-3);font-family:var(--fm);white-space:nowrap;flex:none;font-size:.66rem;font-weight:900}.tb-search.no-results .tb-search-count{color:#9b2c24}.tb-search-nav{flex:none;align-items:center;gap:3px;display:inline-flex}.tb-search-nav button,.tb-search-clear{width:23px;height:23px;color:var(--primary);font-family:var(--fm);transition:var(--tr);background:#fff;border:1px solid #051f391c;border-radius:7px;justify-content:center;align-items:center;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.tb-search-nav button:hover,.tb-search-clear:hover{color:var(--accent);border-color:#c5a45c6b}.tb-btn{border-radius:var(--rs);width:36px;height:36px;color:var(--tx-3);transition:var(--tr);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}.tb-btn:hover{background:var(--surface-alt);color:var(--primary)}.tb-help-btn{font-family:var(--fm);font-size:.82rem;font-weight:900}.tb-guide-btn{font-family:var(--fm);font-size:.88rem;font-weight:900}.tb-help-tooltip{background:var(--white);min-width:max-content;max-width:180px;box-shadow:var(--sh-m);color:var(--primary);font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:100;border:1px solid #051f391f;border-radius:8px;padding:7px 9px;font-size:.64rem;font-weight:900;line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-3px)}.tb-help-tooltip:before{content:"";background:var(--white);border-top:1px solid #051f391f;border-left:1px solid #051f391f;width:8px;height:8px;position:absolute;top:-5px;right:12px;transform:rotate(45deg)}.tb-help-btn:hover .tb-help-tooltip,.tb-help-btn:focus-visible .tb-help-tooltip,.tb-guide-btn:hover .tb-help-tooltip,.tb-guide-btn:focus-visible .tb-help-tooltip{opacity:1;transform:translateY(0)}.tb-btn.has-dot:after{content:"";background:var(--st-crit);border:2px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.tb-btn.has-dot-ac:after{background:var(--accent)}.tb-hamb{border-radius:var(--rs);width:38px;height:38px;color:var(--primary);background:var(--surface-alt);flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex!important}.tb-hamb:hover,.tb-hamb:focus-visible{color:var(--primary-dark);outline-offset:1px;background:#fff8e7;outline:2px solid #c8a03538}.tb.tb-nested .tb-back{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;min-width:0;max-width:min(460px,52vw);display:inline-flex;overflow:hidden}.tb.tb-nested .tb-spacer{flex:auto;min-width:0}.content{-webkit-overflow-scrolling:touch;flex:1;padding:24px 28px;overflow-y:auto}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:var(--g-200);border-radius:3px}.mobile-nav-scrim,.sb-expand-toggle{display:none}.sb.sb-collapsed{width:var(--sb-w-collapsed)!important}.sb.sb-collapsed .sb-club{justify-content:center;padding:16px 10px}.sb.sb-collapsed .sb-club-body,.sb.sb-collapsed .sb-scope,.sb.sb-collapsed .nav-lbl,.sb.sb-collapsed .nav-i span:not(.nav-icon):not(.nav-badge),.sb.sb-collapsed .sb-user,.sb.sb-collapsed .sb-club-arrow,.sb.sb-collapsed .sb-menu-label{display:none!important}.sb.sb-collapsed .nav-i{justify-content:center;padding:11px 10px;position:relative}.sb.sb-collapsed .nav-badge{margin:0;position:absolute;top:4px;right:4px}.sb.sb-collapsed .sb-foot{padding:12px 8px calc(12px + var(--safe-bottom));flex-direction:column;justify-content:center}.sb.sb-collapsed .sb-menu{width:36px;min-width:36px;padding:0}@media (max-width:1180px){.content{padding:clamp(14px,2.4vw,22px)}}@media (min-width:641px) and (max-width:1024px){:root{--sb-w:248px}.sb:not(.sb-collapsed) .sb-club-body,.sb:not(.sb-collapsed) .sb-user,.sb:not(.sb-collapsed) .sb-club-arrow,.sb:not(.sb-collapsed) .nav-lbl{display:block!important}.sb:not(.sb-collapsed) .nav-i span:not(.nav-icon):not(.nav-badge){display:inline!important}.sb:not(.sb-collapsed) .sb-scope{display:block!important}.sb:not(.sb-collapsed) .sb-foot{padding:12px 14px calc(12px + var(--safe-bottom));justify-content:flex-start}.sb:not(.sb-collapsed) .nav-i{justify-content:flex-start;padding:9px 16px}.sb:not(.sb-collapsed) .nav-badge{margin-left:auto;position:static}}@media (max-width:1024px){:root{--sb-w:72px}.sb-club-body,.sb-scope,.nav-lbl,.nav-i span:not(.nav-icon):not(.nav-badge),.sb-user,.sb-club-arrow{display:none}.sb-club{justify-content:center;padding:16px 10px}.sb-club-mk{width:40px;height:40px}.sb-foot{justify-content:center;padding:12px}.nav-i{justify-content:center;padding:11px 10px;position:relative}.nav-badge{margin:0;position:absolute;top:4px;right:4px}.nav-i.active{border-left-width:3px}.tb-search{display:none}.content{padding:20px 18px}}@media (max-width:900px){html,body,.app,.main,.content{max-width:100vw;overflow-x:hidden}.content{padding:clamp(12px,3vw,18px)}}@media (max-width:860px),(max-height:720px){.app{flex-direction:column!important;height:auto!important;min-height:100vh!important}.sb{max-height:100vh;padding-top:var(--safe-top);z-index:1100;transition:transform .24s;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:24px 0 80px #050f1e47;border-right:1px solid var(--accent-line)!important;border-bottom:0!important;flex-direction:column!important;width:min(86vw,326px)!important;height:100vh!important;position:fixed!important}.sb.sb-mobile-open{transform:translate(0)}.mobile-nav-open .mobile-nav-scrim{z-index:1090;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#050f1e7a;border:0;display:block;position:fixed;inset:0}.sb.sb-mobile-open .sb-club{border-bottom:1px solid #ffffff14!important;justify-content:flex-start!important;padding:14px 16px!important}.sb.sb-mobile-open .sb-club-body,.sb.sb-mobile-open .sb-club-arrow,.sb.sb-mobile-open .nav-lbl,.sb.sb-mobile-open .nav-i span:not(.nav-icon):not(.nav-badge),.sb.sb-mobile-open .sb-user,.sb.sb-mobile-open .sb-scope{display:block!important}.sb.sb-mobile-open .sb-nav{flex:1;overflow-y:auto;display:block!important}.sb.sb-mobile-open .sb-foot{display:flex!important}.sb.sb-mobile-open .nav-i{justify-content:flex-start!important;padding:10px 16px!important}.sb.sb-mobile-open .nav-badge{margin-left:auto!important;position:static!important}.main{width:100%;height:auto;overflow:visible}.tb{gap:8px;height:56px;padding:0 10px}.tb-crumb{gap:5px;font-size:.88rem}.tb-btn{width:38px;height:38px;display:none}.content{padding:12px;padding-bottom:calc(16px + var(--safe-bottom))}.sb:not(.sb-collapsed) .sb-foot{flex-wrap:wrap;align-items:center}.sb:not(.sb-collapsed) .sb-menu,.sb.sb-mobile-open .sb-menu{flex:1 0 100%;justify-content:center;width:100%}.sb.sb-mobile-open .sb-menu-label{display:inline!important}}@media (max-width:640px){.tb{align-items:center;min-height:56px;height:auto!important;padding:8px 10px!important}.tb-back{flex:100%;order:2;justify-content:flex-start;width:100%;max-width:none!important}.tb-crumb{flex:auto;min-width:0}.tb-crumb-dim,.tb-crumb-sep{display:none}.tb.tb-nested{flex-wrap:nowrap;align-items:center;min-height:56px}.tb.tb-nested .tb-back{flex:auto;order:0;justify-content:center;width:auto;height:40px;padding-inline:14px;max-width:none!important}.tb.tb-nested .tb-spacer,.tb.tb-nested .tb-search,.tb.tb-nested .tb-btn{display:none!important}.sb{width:min(92vw,340px)!important}.sb.sb-mobile-open .sb-foot{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;display:grid!important}.sb.sb-mobile-open .sb-menu{grid-column:1/-1;justify-content:center;width:100%;min-height:38px}}@media (max-width:560px){.content{padding:10px}.tb-back{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;overflow:hidden}.tb.tb-nested .tb-back{max-width:none!important}}@media (max-width:420px){.content{padding:8px!important}}