:root{--navy:#062a59;--blue:#175bb4;--yellow:#f5ca27;--paper:#f3f7fc;--ink:#102d50;--muted:#526b83;--line:#cbd9e8}
.navigation-loading[hidden]{display:none}.navigation-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#041e3bd9;backdrop-filter:blur(5px)}.navigation-loading-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(320px,100%);padding:32px 24px;border:1px solid #8bb6dd;border-radius:18px;background:#082d58;color:#fff;text-align:center;box-shadow:0 24px 70px #00162c80}.navigation-loading-card strong{font-size:20px}.navigation-loading-card>span:last-child{color:#d4e8fa;font-size:14px}.navigation-spinner{display:block;width:54px;height:54px;border:5px solid #ffffff55;border-top-color:#f5ca27;border-radius:50%;animation:navigation-spin .75s linear infinite}@keyframes navigation-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.navigation-spinner{animation-duration:2s}}
body.panel-body{background:var(--paper)}
.panel-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px #0a345111}
.panel-top a,.panel-top button{color:var(--navy);text-decoration:none}.panel-top .icon-button{border:0;background:transparent;font-size:22px;padding:7px 10px;line-height:1}.panel-top .icon-button:hover{background:#e7f1ff}.panel-top .panel-brand{font-weight:800;margin-right:auto;letter-spacing:-.03em}.panel-top .panel-brand span{color:#bc8c00}.panel-top .language-flags{margin:0}.panel-top details{position:relative}.panel-top summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700}.panel-top summary::-webkit-details-marker{display:none}.panel-dropdown{position:absolute;right:0;top:calc(100% + 14px);width:235px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 38px #001e3c25}.panel-dropdown a,.panel-dropdown button{display:block;width:100%;padding:10px;text-align:left;border:0;background:none;font-size:14px;color:var(--ink);font-weight:600;text-decoration:none}.panel-dropdown a:hover,.panel-dropdown button:hover{background:#eaf3ff}.panel-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 65px)}.panel-sidebar{background:#092b55;color:#fff;padding:25px 12px}.panel-sidebar p{margin:0 12px 15px;color:#a9c8ef;font-size:12px;font-weight:800;letter-spacing:.12em}.panel-sidebar a{display:block;padding:12px 15px;margin:3px 0;border-radius:8px;color:#e4f1ff;text-decoration:none;font-size:14px;font-weight:650}.panel-sidebar a:hover,.panel-sidebar a[aria-current=page]{background:#174c8d;color:#fff}.panel-main{min-width:0}.profile-band{background:linear-gradient(120deg,#074179,#1668c2 64%,#e6b719);color:#fff;padding:28px max(4vw,24px);display:flex;align-items:center;gap:20px;min-height:135px}.profile-band h2{margin:0 0 4px;font-size:clamp(23px,3vw,34px)}.profile-band p{margin:0;color:#dcecff}.profile-avatar,.mini-avatar,.team-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#f5ca27;color:#082b57;font-weight:800;flex-shrink:0}.profile-avatar{width:82px;height:82px;font-size:26px;border:4px solid #fff}.mini-avatar{width:35px;height:35px;font-size:12px}.profile-avatar img,.mini-avatar img,.team-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.team-avatar{width:48px;height:48px;font-size:16px}.profile-identity{display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;overflow-wrap:anywhere}.profile-identity>div{min-width:0}.profile-identity p{margin:4px 0 0}.profile-detail{margin:22px 0}.profile-detail strong{font-size:20px}.profile-item{flex-wrap:wrap}.panel-main .wrap{margin:26px auto 70px;width:min(1140px,92%)}.panel-main h1{font-size:clamp(29px,3vw,38px)}.denied{text-align:center;padding:50px 20px}.denied svg{width:110px}.denied p{font-size:20px}.language-flags{display:flex;gap:5px;justify-content:center}.language-flags button{background:transparent;border:1px solid transparent;padding:5px;font-size:22px;line-height:1.2}.language-flags button:hover,.language-flags button[aria-pressed=true]{border-color:#e4b81a;background:#f8e6a3}.notice-count{display:inline-flex;min-width:18px;height:18px;border-radius:99px;background:#dc3d43;color:#fff;font-size:11px;align-items:center;justify-content:center;vertical-align:top}.panel-body.dark{--paper:#111d30;--ink:#eaf3ff;--muted:#9fb5cf;--line:#38516d;background:var(--paper);color:var(--ink)}.panel-body.dark .card,.panel-body.dark .panel-top,.panel-body.dark .panel-dropdown,.panel-body.dark .panel-shortcuts a{background:#1d304b;color:var(--ink)}.panel-body.dark input,.panel-body.dark textarea,.panel-body.dark select{background:#13223a;color:var(--ink)}.panel-body.dark .panel-top a,.panel-body.dark .panel-top button,.panel-body.dark .panel-dropdown a{color:var(--ink)}.panel-body.dark .stat{background:#28496c}
.login-body{min-height:100vh;background:linear-gradient(#052341ac,#052341df),url('/api/login-background') center/cover fixed,#052341;color:#fff}.login-head{padding:22px;text-align:center;background:#061b36dd}.games-lockup{display:flex;justify-content:center;align-items:center;gap:17px}.games-lockup strong{font-size:clamp(20px,3vw,29px);letter-spacing:.04em;line-height:1.1}.games-lockup span{color:#f5ca27}.login-head img{width:82px;height:88px;object-fit:contain}.login-title{background:linear-gradient(90deg,#d4bd3b,#65acd2,#e6c637);color:#082b57;text-align:center;font-size:clamp(20px,3vw,36px);font-weight:900;letter-spacing:.03em;padding:16px}.login-main{width:min(490px,92%);margin:clamp(35px,8vh,90px) auto}.login-card{padding:32px;background:#061b36e8;border:1px solid #75a9d5;border-radius:14px;box-shadow:0 25px 60px #00152b80}.login-card h1{font-size:27px;color:#fff}.login-card .form label{color:#fff}.login-card .form input{color:#082b57}.login-card button[type=submit]{width:100%;background:#f5ca27}.login-card .alert,.login-card .note{color:#102d50}.login-main .language-flags{margin-top:20px}.login-main .language-flags button{background:#102b4c}.login-main a{color:#d7e9ff}
@media(max-width:850px){.panel-layout{grid-template-columns:1fr}.panel-sidebar{display:block;position:fixed;z-index:19;top:62px;bottom:0;left:0;width:min(275px,83vw);overflow:auto;box-shadow:8px 0 22px #001d3877}.panel-body.menu-open .panel-sidebar{display:block}.panel-top{gap:5px;padding:10px}.panel-top .panel-brand{font-size:12px}.panel-top .language-flags{display:none}.profile-band{padding:24px}.panel-main .wrap{width:94%}}

.login-head{display:flex;align-items:center;justify-content:center;min-height:112px;padding:12px clamp(16px,3vw,40px);text-align:initial}
.login-head .login-ifpa-logo{width:82px;height:88px;object-fit:contain;flex-shrink:0}
.login-title-group{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);max-width:100%;min-width:0}
.login-brand-title{font-size:clamp(18px,2vw,29px);line-height:1.18;letter-spacing:.025em;text-align:center;text-wrap:balance}
.login-games-logos{display:flex;align-items:center;gap:6px;flex-shrink:0}
.login-games-logos img{display:block;height:78px;width:auto;object-fit:contain}
.login-return{display:block;width:max-content;max-width:100%;margin:18px auto 0;padding:10px 16px;border:1px solid #a9c9e6;border-radius:8px;background:#061b36e8;text-decoration:none;font-weight:700}
.login-return:hover{background:#134778;text-decoration:underline}
@media(max-width:760px){.login-head{gap:8px;min-height:82px;padding:9px 12px}.login-head .login-ifpa-logo{width:52px;height:58px}.login-title-group{gap:8px}.login-brand-title{font-size:clamp(13px,2vw,18px);line-height:1.22;letter-spacing:0}.login-games-logos{gap:3px}.login-games-logos img{height:55px}}
@media(max-width:400px){.login-head{gap:6px;padding:8px}.login-head .login-ifpa-logo{width:46px;height:53px}.login-title-group{gap:6px}.login-games-logos img{height:48px}}
.media-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 12px}.media-meta{display:block;color:var(--muted);font-size:14px}.media-form{margin:16px 0 24px}.media-form textarea{min-height:130px}.media-editor{flex-shrink:0;max-width:100%}.media-editor[open]{width:min(480px,100%)}.media-editor summary{display:inline-flex;cursor:pointer;padding:10px 16px;border-radius:7px;background:#e7f2ff;color:#0c437e;font-weight:700}.media-editor summary:hover{background:#cfe4ff}.media-editor summary::-webkit-details-marker{display:none}@media(max-width:740px){.media-editor[open]{width:100%}}
.login-body{background-image:linear-gradient(#052341ac,#052341df),url('/api/login-background?device=desktop')}
.login-background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.login-background-card{min-width:0;display:flex;flex-direction:column;margin-bottom:0}
.login-background-card .form{margin-top:auto}
.login-background-preview{display:block;width:100%;height:280px;object-fit:contain;background:#052341;border-radius:10px;margin:4px 0 20px}
@media(max-width:980px){.login-background-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.login-body{background-image:linear-gradient(#052341ac,#052341df),url('/api/login-background?device=mobile')}}

.panel-top .panel-brand{margin-right:0;white-space:nowrap}
.panel-top .panel-actions{display:flex;align-items:center;gap:3px;margin-left:10px}
.panel-top .panel-actions .icon-button{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;font-size:17px}
.panel-top details{margin-left:auto}
.panel-top .panel-actions .notice-count{position:absolute;top:-4px;right:-6px}
.notice-count[hidden]{display:none}
@media(min-width:851px){.panel-body.menu-collapsed .panel-layout{grid-template-columns:0 minmax(0,1fr)}.panel-body.menu-collapsed .panel-sidebar{display:block}}
@media(max-width:620px){.panel-top{gap:5px}.panel-top #menu-toggle{width:36px;height:36px;padding:0}.panel-top .panel-brand{max-width:37vw;overflow:hidden;text-overflow:ellipsis;font-size:11px}.panel-top .panel-actions{gap:0;margin-left:0}.panel-top .panel-actions .icon-button{width:26px;height:30px;font-size:16px}.panel-top summary [data-profile-name]{display:none}.panel-top summary{gap:2px}.panel-top .mini-avatar{width:29px;height:29px}}
.audience-fields{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-wrap:wrap;gap:14px}.audience-fields legend{font-weight:700;font-size:14px;padding:0 6px}.form .audience-fields label,.form .check-field{display:flex;align-items:center;gap:9px;font-size:14px}.form .audience-fields input[type=checkbox],.form .check-field input[type=checkbox]{width:19px;height:19px;flex-shrink:0}.urgent-label{display:inline-block;padding:3px 7px;background:#fff0ef;color:#a1262c;border-radius:5px;font-size:14px;letter-spacing:0}.item:target{outline:3px solid #f5ca27;outline-offset:4px;scroll-margin-top:90px}.push-preferences{max-width:720px}

.team-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.team-directory .card{min-width:0}.team-directory .profile-identity{width:100%}@media(max-width:900px){.team-directory{grid-template-columns:minmax(0,1fr);gap:0}}