:root{--ink:#111214;--yellow:#ffd900;--paper:#f5f5f2;--line:#e3e3df;--muted:#74777d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{letter-spacing:1.8px;color:#8b8e94;margin:0;font-size:10px;font-weight:800}.brand{color:#fff;align-items:center;gap:14px;display:flex}.logoMark,.clubMark{letter-spacing:-2px;font-size:25px;font-weight:950;line-height:.7}.logoMark small,.clubMark small{letter-spacing:2px;margin-top:7px;font-size:6px;display:block}.clubMark{color:var(--yellow)}.brandRule{background:#555;width:1px;height:31px}.login{color:#fff;background:#0d0e10;grid-template-columns:46% 1fr;min-height:100vh;display:grid}.loginCard{flex-direction:column;padding:clamp(28px,7vw,95px);display:flex}.loginCard>.brand{margin-bottom:auto}.loginCopy{max-width:480px;margin-top:80px}.loginCopy h1{letter-spacing:-6px;margin:14px 0 28px;font-size:clamp(58px,7vw,94px);line-height:.88}.loginCopy>p:not(.eyebrow){color:#aaa;margin-bottom:32px;line-height:1.6}.loginCopy .primary,.loginCopy .secondary{width:100%;margin-bottom:10px}.loginCopy>small{color:#62656a;margin-top:20px;display:block}.loginVisual{background:radial-gradient(circle at 75% 20%,#4c4b28 0,#0000 25%),linear-gradient(140deg,#303238,#101113 65%);position:relative;overflow:hidden}.loginVisual:after{content:"";border:120px solid #ffd9000f;border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;right:-230px}.visualCard{z-index:1;border-left:4px solid var(--yellow);background:#111214dd;padding:32px;position:absolute;bottom:9%;left:8%;right:8%}.visualCard span{color:var(--yellow);letter-spacing:2px;font-size:10px}.visualCard strong{margin:12px 0;font-size:30px;display:block}.visualCard i,.detailHead em,.hero em{color:var(--yellow);font-style:normal}.visualCard p{color:#aaa}.primary,.secondary{border:0;border-radius:4px;padding:14px 18px;font-weight:800}.primary{background:var(--yellow);color:#111;justify-content:space-between;align-items:center;display:flex}.secondary{color:#fff;background:0 0;border:1px solid #3e4044}.primary:disabled{opacity:.35;cursor:not-allowed}.app{grid-template-columns:225px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111214;flex-direction:column;width:225px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand{margin:0 12px 52px}.sidebar nav{gap:5px;display:grid;position:relative}.sidebar nav button,.mobileNav button{color:#92959b;text-align:left;background:0 0;border:0;border-radius:4px;gap:13px;padding:13px 15px;display:flex}.sidebar nav button.active{color:#fff;border-left:3px solid var(--yellow);background:#272719}.sidebar nav button b{font-size:17px}.navCount{background:var(--yellow);color:#111;border-radius:10px;padding:2px 6px;font-size:10px;font-style:normal;position:absolute;top:116px;right:13px}.profile{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #2a2b2e;gap:10px;margin-top:auto;padding:20px 3px 0;display:flex}.profile>b{background:var(--yellow);color:#111;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.profile span{font-size:12px}.profile small{color:#777;margin-top:4px;display:block}.content{grid-column:2;width:100%;max-width:1500px;padding:32px clamp(22px,5vw,68px) 60px;overflow:hidden}.top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.top h2{margin:5px 0;font-size:27px}.rolePill{letter-spacing:1.3px;border:1px solid #ccc;padding:8px 10px;font-size:9px;font-weight:800}.hero{color:#fff;background:#151619;border-radius:6px;justify-content:space-between;align-items:end;padding:38px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:55px solid #ffd9000c;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-70px}.hero h3{margin:10px 0;font-size:clamp(25px,3vw,36px)}.hero p{color:#999}.compact{width:185px;margin-top:25px}.heroCount{text-align:right;z-index:1;flex-direction:column;display:flex}.heroCount b{color:var(--yellow);font-size:72px;line-height:.9}.heroCount span{color:#aaa;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0 42px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:5px;padding:20px}.stats span,.stats small{color:var(--muted);font-size:11px;display:block}.stats b{margin:10px 0;font-size:35px;display:block}.pageTitle{justify-content:space-between;align-items:end;margin:25px 0 18px;display:flex}.pageTitle h1{letter-spacing:-1px;margin:5px 0;font-size:30px}.matchGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.matchCard{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:5px;align-items:center;gap:14px;padding:16px;display:flex}.matchCard:hover{border-color:#bdbdb5;transform:translateY(-1px)}.dateBox{color:#fff;text-align:center;background:#17181a;place-content:center;width:50px;min-width:50px;height:54px;display:grid}.dateBox b{font-size:21px}.dateBox small{text-transform:uppercase;color:var(--yellow);letter-spacing:1px;font-size:8px}.matchInfo{flex-direction:column;gap:5px;min-width:0;display:flex}.matchInfo>small,.matchInfo>em{color:#777;font-size:10px;font-style:normal}.matchInfo strong{font-size:13px}.matchInfo i{color:#716400;font-style:normal;font-weight:700}.arrow{margin-left:auto;font-size:28px}.info,.warning{border-left:3px solid var(--yellow);background:#fffbe4;margin-top:18px;padding:15px;font-size:12px}.filterbar{border:1px solid var(--line);background:#fff;justify-content:space-between;margin-bottom:10px;padding:13px 18px;font-size:11px;display:flex}.filterbar span{color:#777}.matchList{gap:7px;display:grid}.matchList .matchCard{padding:12px 16px}.textBack{color:#777;background:0 0;border:0;margin-bottom:15px;padding:0;font-size:11px}.detailHead{justify-content:space-between;align-items:end;display:flex}.detailHead h1{letter-spacing:-1.4px;margin:7px 0 22px;font-size:32px}.tabs{border-bottom:1px solid #ccc;gap:25px;display:flex}.tabs button{color:#777;background:0 0;border:0;padding:14px 2px;font-size:12px;font-weight:700}.tabs button.active{color:#111;border-bottom:3px solid var(--yellow)}.ticketPanel{border:1px solid var(--line);background:#fff;margin-top:15px;padding:24px}.panelHead{justify-content:space-between;display:flex}.panelHead h3{margin:5px 0 22px}.rowGroup h4{letter-spacing:1.5px;color:#777;background:#f4f4f1;margin:14px 0 0;padding:8px;font-size:9px}.ticket{border-bottom:1px solid #eee;align-items:center;gap:13px;min-height:64px;padding:10px;display:flex}.ticket.special{background:#fbfaf2}.ticketIcon{border:1px solid #d6d6d0;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.ticketMain{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.ticketMain strong{font-size:12px}.ticketMain span,.ticketMain small{color:#777;font-size:10px}.badge{white-space:nowrap;border:1px solid #ccc;border-radius:20px;padding:6px 8px;font-size:9px;font-weight:800}.b-vrij{color:#57595d;background:#f4f4f2}.b-bevestigd{color:#fff;background:#1d1e20}.b-inaanvraag{background:#fff6b6;border-color:#e0ca32}.b-ondervoorbehoud{background:#fff;border-style:dashed}.actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.actions button,.requestActions button,.adminActions button,.allocationList button,.allocationTools button,.modalActions>button:not(.primary){background:#fff;border:1px solid #d5d5d1;padding:7px 9px;font-size:9px;font-weight:700}.danger{color:#9b3131!important}.requestList{gap:14px;display:grid}.requestCard{border:1px solid var(--line);background:#fff;padding:22px}.requestTop{justify-content:space-between;display:flex}.requestTop h3{margin:5px 0 12px}.requestCard>p{font-size:11px}.requestItem{border-top:1px solid #eee;gap:12px;padding:11px 0;display:flex}.requestItem>b{background:#eee;place-items:center;width:30px;height:30px;display:grid}.requestItem span{flex-direction:column;gap:4px;font-size:11px;display:flex}.requestItem small{color:#777}.requestActions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.requestActions .dark{color:#fff;background:#191a1c}.adminList{gap:6px;display:grid}.adminList article{border:1px solid var(--line);background:#fff;grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding:10px;display:grid}.adminList article>div{flex-direction:column;gap:4px;display:flex}.adminList small,.adminList em{color:#777;font-size:9px;font-style:normal}.adminList strong{font-size:12px}.adminActions{gap:5px;display:flex}.allocationTools{border:1px solid var(--line);background:#fff;gap:8px;margin-bottom:10px;padding:12px;display:flex}.allocationList{border:1px solid var(--line);background:#fff}.allocationList>div{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:12px;display:flex}.allocationList span{flex-direction:column;flex:1;gap:3px;font-size:11px;display:flex}.allocationList small{color:#777;font-size:9px}.overlay{z-index:50;background:#0c0d0fcc;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:#fff;width:min(620px,100%);max-height:92vh;padding:25px;overflow:auto;box-shadow:0 30px 80px #0008}.modal>header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:20px;display:flex}.modal>header h2{margin:5px 0 18px}.modal>header>button{background:0 0;border:0;font-size:26px}.form{gap:14px;display:grid}.form label,.parkingSelect{gap:7px;font-size:10px;font-weight:700;display:grid}.form input,.form select,.parkingSelect select,.personForm input{background:#fff;border:1px solid #d1d1cc;border-radius:3px;width:100%;padding:12px}.formRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.check input{width:auto}.selectedLine{background:#f4f4f0;padding:12px;font-size:11px}.full{width:100%;margin-top:16px}.steps{margin-bottom:20px;display:flex}.steps b{color:#aaa;border-bottom:3px solid #ddd;flex:1;padding:8px 0;font-size:9px}.steps b.active{border-color:var(--yellow);color:#111}.selectList{gap:6px;max-height:300px;display:grid;overflow:auto}.selectList label{border:1px solid #ddd;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.selectList label.selected{background:#fffbe0;border-color:#c6aa00}.selectList .badge{margin-left:auto}.parkingSelect{margin-top:15px}.personForm{border:1px solid #ddd;gap:10px;margin-bottom:10px;padding:14px;font-size:11px;display:grid}.modalActions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.review{display:grid}.review>div{border-bottom:1px solid #eee;flex-direction:column;gap:5px;padding:12px 0;font-size:11px;display:flex}.review span{color:#777}.empty{text-align:center;border:1px solid var(--line);background:#fff;padding:55px}.empty>b{background:var(--yellow);border-radius:50%;padding:8px}.toast{z-index:100;color:#fff;border-left:4px solid var(--yellow);background:#1d1e20;padding:15px 20px;font-size:12px;position:fixed;bottom:20px;right:20px}.mobileNav{display:none}@media (width<=800px){.login{display:block}.loginCard{min-height:100vh;padding:28px}.loginVisual{display:none}.loginCopy{margin-top:auto}.loginCopy h1{font-size:62px}.app{padding-bottom:70px;display:block}.sidebar{display:none}.content{padding:20px 14px 85px;display:block}.top{margin-bottom:20px}.top h2{font-size:21px}.hero{padding:24px 20px;display:block}.hero h3{max-width:75%;font-size:24px}.hero p{max-width:70%;font-size:11px;line-height:1.5}.heroCount{position:absolute;top:28px;right:20px}.heroCount b{font-size:43px}.heroCount span{display:none}.stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.stats article{padding:15px}.matchGrid{grid-template-columns:1fr}.pageTitle{align-items:center}.pageTitle h1{font-size:25px}.pageTitle>.primary{padding:11px;font-size:10px}.mobileNav{z-index:20;background:#111214;justify-content:space-around;height:67px;padding:5px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobileNav button{text-align:center;flex:1;place-items:center;gap:1px;padding:5px;font-size:17px;display:grid}.mobileNav button span{font-size:8px}.mobileNav button.active{color:#fff;border-top:2px solid var(--yellow)}.detailHead{display:block}.detailHead .primary{width:100%;margin-bottom:16px}.detailHead h1{font-size:25px}.tabs{justify-content:space-between;gap:8px}.tabs button{font-size:10px}.ticketPanel{padding:12px}.ticket{flex-wrap:wrap;align-items:flex-start;padding:12px 5px}.ticketMain{min-width:180px}.ticket>.badge{margin-left:auto}.actions{justify-content:flex-start;width:100%;padding-left:47px}.adminList article{grid-template-columns:48px 1fr}.adminActions{grid-column:1/3;justify-content:flex-end}.allocationList>div{flex-wrap:wrap}.allocationList span{min-width:100%}.allocationTools{overflow:auto}.formRow{grid-template-columns:1fr}.requestActions{flex-wrap:wrap}.modal{padding:19px}.matchInfo strong{font-size:11px}.matchInfo em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast{bottom:80px;left:15px;right:15px}.rolePill{font-size:8px}}.brandLogo{flex:none;place-items:center;display:grid;overflow:visible}.brandLogo img{object-fit:contain;width:100%;height:100%;display:block}.login{isolation:isolate;background-color:#0d0e10;background-image:linear-gradient(90deg,#08090afa 0%,#08090aeb 43%,#08090aad 100%),linear-gradient(#00000024,#00000094),url(/brands/NGP_Skybox_Photo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.loginCard{z-index:1;background:linear-gradient(90deg,#0d0e1094,#0d0e1014);position:relative}.loginVisual{background:linear-gradient(140deg,#1e1f2124,#0a0b0c61 65%)}.inlineSelect{color:#777;align-items:center;gap:8px;display:flex}.inlineSelect select{background:#fff;border:1px solid #d1d1cc;padding:6px 9px;font-size:10px}.seasonBar{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin-bottom:12px;padding:14px;display:grid}.seasonBar label{color:#777;gap:6px;font-size:9px;font-weight:700;display:grid}.seasonBar select,.seasonBar input{background:#fff;border:1px solid #d1d1cc;min-width:0;padding:10px}.seasonAdd{grid-template-columns:1fr auto!important}.seasonAdd input{grid-column:1}.seasonAdd button{color:#fff;background:#1a1b1d;border:0;grid-column:2;padding:0 13px;font-size:10px;font-weight:700}.visibilityCheck{color:#555;align-items:center;font-size:10px;font-weight:400;grid-template-columns:auto 1fr!important;gap:9px!important;display:flex!important}.visibilityCheck input{accent-color:#17181a;width:auto}.fullTag{background:var(--yellow);color:#111214;letter-spacing:.7px;border-radius:2px;flex:none;padding:7px 9px;font-size:8px;font-weight:900;line-height:1}.fullPill{color:var(--yellow);letter-spacing:.8px;text-transform:uppercase;border:1px solid #ffd9008c;margin-top:20px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-block}.fullNotice{border-left:3px solid var(--yellow);background:#fff;gap:5px;min-width:275px;padding:13px 15px;display:grid}.fullNotice b{font-size:13px}.fullNotice span{color:var(--muted);font-size:10px}.brandLogoNg{background:0 0;width:96px;height:96px}.brandLogoRjc{width:44px;height:44px}.loginCard>.brand .brandLogoNg{width:160px;height:160px}.loginCard>.brand .brandLogoRjc{width:66px;height:66px}.loginCard>.brand .brandRule{height:54px}@media (width<=800px){.login{background-image:linear-gradient(#08090aeb 0%,#08090ac7 48%,#08090af7 100%),url(/brands/NGP_Skybox_Photo.png);background-position:58%}.loginCard{background:0 0}.seasonBar{grid-template-columns:1fr}.inlineSelect{gap:5px}.fullNotice{width:100%;min-width:0;margin-bottom:16px}.fullTag{letter-spacing:.5px;padding:6px 7px;font-size:7px}.loginCard>.brand .brandLogoNg{width:144px;height:144px}.loginCard>.brand .brandLogoRjc{width:56px;height:56px}.loginCard>.brand .brandRule{height:46px}}@media (width<=600px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;font-size:15px}.loginCard{min-height:100svh;padding:22px 20px 24px}.loginCard>.brand .brandLogoNg{width:132px;height:132px}.loginCard>.brand .brandLogoRjc{width:58px;height:58px}.loginCard>.brand .brandRule{height:48px}.loginCopy{width:100%;margin-top:auto}.loginCopy h1{letter-spacing:-4px;margin-bottom:24px;font-size:clamp(54px,16vw,68px)}.loginCopy>p:not(.eyebrow){color:#c2c3c5;margin-bottom:26px;font-size:15px;line-height:1.55}.loginCopy .primary,.loginCopy .secondary,.primary,.secondary{min-height:50px;padding:14px 16px;font-size:14px}.loginCopy>small{margin-top:16px;font-size:10px;line-height:1.4}.content{padding:18px 16px calc(96px + env(safe-area-inset-bottom))}.top{margin-bottom:22px}.top h2{font-size:24px}.eyebrow{letter-spacing:1.5px;font-size:11px}.rolePill{padding:8px 9px;font-size:9px}.hero{padding:25px 20px}.hero h3{max-width:76%;font-size:27px;line-height:1.1}.hero p{max-width:76%;font-size:13px;line-height:1.55}.compact{width:100%;max-width:230px;margin-top:22px}.heroCount{top:30px;right:18px}.heroCount b{font-size:48px}.stats{gap:10px;margin-top:12px;margin-bottom:34px}.stats article{min-height:116px;padding:17px}.stats span,.stats small{font-size:12px;line-height:1.35}.stats b{margin:8px 0;font-size:34px}.pageTitle{margin:27px 0 18px}.pageTitle h1{font-size:29px;line-height:1.08}.pageTitle>.primary{min-height:46px;padding:12px 13px;font-size:11px}.filterbar{align-items:center;min-height:48px;padding:12px 14px;font-size:12px}.matchGrid,.matchList{gap:10px}.matchCard,.matchList .matchCard{gap:12px;width:100%;min-height:86px;padding:13px 11px}.dateBox{width:52px;min-width:52px;height:58px}.dateBox b{font-size:23px}.dateBox small{font-size:9px}.matchInfo{flex:auto;gap:6px}.matchInfo strong{font-size:14px;line-height:1.25}.matchInfo>small,.matchInfo>em{font-size:11px;line-height:1.3}.matchInfo>em{white-space:normal}.arrow{font-size:30px}.fullTag{padding:7px;font-size:7px}.textBack{min-height:40px;margin-bottom:12px;font-size:12px}.detailHead h1{margin-bottom:20px;font-size:28px;line-height:1.1}.tabs{gap:4px}.tabs button{min-height:48px;padding:13px 3px;font-size:12px}.ticketPanel{padding:14px}.panelHead h3{margin-bottom:20px;font-size:20px}.rowGroup h4{padding:10px;font-size:10px}.ticket{gap:11px;min-height:82px;padding:14px 4px}.ticketIcon{width:40px;height:40px;font-size:13px}.ticketMain{gap:6px;min-width:155px}.ticketMain strong{font-size:13px;line-height:1.3}.ticketMain span,.ticketMain small{font-size:12px;line-height:1.35}.badge{padding:7px 9px;font-size:10px}.actions{gap:7px;padding-left:51px}.actions button,.requestActions button,.adminActions button,.allocationList button,.allocationTools button,.modalActions>button:not(.primary){min-height:40px;padding:10px 11px;font-size:11px}.mobileNav{height:calc(76px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom)}.mobileNav button{min-width:0;min-height:58px;padding:6px 3px;font-size:20px}.mobileNav button span{font-size:10px}.requestCard{padding:18px}.requestTop h3{font-size:18px}.requestCard>p,.requestItem span{font-size:12px}.requestItem{padding:14px 0}.requestItem>b{width:38px;height:38px}.requestItem small{font-size:11px}.overlay{align-items:end;padding:0}.modal{width:100%;max-height:94svh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:10px 10px 0 0}.modal>header{align-items:start}.modal>header h2{font-size:24px}.modal>header>button{width:44px;height:44px;font-size:30px}.form{gap:17px}.form label,.parkingSelect{gap:8px;font-size:12px}.form input,.form select,.parkingSelect select,.personForm input,.seasonBar select,.seasonBar input{min-height:48px;padding:12px;font-size:16px}.steps b{padding:11px 2px;font-size:10px}.selectList label{min-height:52px;padding:13px;font-size:12px}.selectList input[type=checkbox],.visibilityCheck input,.check input{width:20px;height:20px}.personForm{gap:13px;padding:15px;font-size:12px}.visibilityCheck{font-size:12px}.review>div{padding:14px 0;font-size:13px}.modalActions{gap:10px}.adminList article{gap:12px;padding:13px}.adminList strong{font-size:13px}.adminList small,.adminList em,.allocationList small{font-size:11px}.allocationList>div{padding:14px}.allocationList span{font-size:13px}.seasonBar{gap:14px;padding:16px}.seasonBar label{font-size:11px}.seasonAdd button{min-height:48px;font-size:11px}}.authPanel{width:min(480px,100%);margin-top:54px}.authPanel h1{color:#fff;letter-spacing:-2.6px;margin:9px 0 14px;font-size:clamp(36px,4.5vw,58px);line-height:.96}.authIntro{color:#b0b2b6;max-width:450px;margin:0 0 24px;font-size:14px;line-height:1.55}.authForm{gap:14px;display:grid}.authForm label{color:#d8d9db;gap:7px;font-size:11px;font-weight:700;display:grid}.authForm input{color:#fff;background:#ffffff0f;border:1px solid #45474c;border-radius:3px;outline:none;width:100%;min-height:48px;padding:12px 13px;font-size:16px}.authForm input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #ffd90024}.authPanel>.secondary,.authPanel>.primary,.authForm>.primary{width:100%;min-height:50px}.authLink,.authDevLink{color:#d3d4d6;text-align:left;background:0 0;border:0;padding:13px 0;font-size:12px}.authLink:hover{color:var(--yellow)}.authDevLink{color:#73767c;margin-top:14px;font-size:10px;display:block}.authDivider{color:#666970;text-transform:uppercase;align-items:center;gap:12px;margin:4px 0 14px;font-size:10px;display:flex}.authDivider:before,.authDivider:after{content:"";background:#303237;flex:1;height:1px}.authError,.authMessage{border-left:3px solid var(--yellow);color:inherit;background:#ffd90017;margin:0;padding:11px 12px;font-size:11px;line-height:1.45}.authStatusIcon{width:54px;height:54px;color:var(--yellow);border:1px solid #4a4c50;border-radius:50%;place-items:center;margin:8px 0 24px;font-size:22px;display:grid}.authLoader{border:3px solid #3c3e42;border-top-color:var(--yellow);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.remoteState{text-align:center;color:#111;background:#f5f5f3;place-content:center;justify-items:center;gap:14px;min-height:100vh;padding:28px;display:grid}.remoteState h1,.remoteState p{margin:0}.remoteState p{color:#666;max-width:430px}.accountSummary{border-left:3px solid var(--yellow);background:#ffffff0f;gap:5px;margin:0 0 20px;padding:15px;display:grid}.accountSummary span,.accountSummary small{color:#999ca1;font-size:11px}.rolePill{color:var(--ink);background:0 0}.rolePill:not(:disabled){cursor:pointer}.rolePill:disabled{cursor:default}.accountCard{border:1px solid var(--line);background:#fff;max-width:760px;padding:26px}.accountIdentity{align-items:center;gap:14px;display:flex}.accountIdentity>b,.accountAvatar{background:var(--yellow);color:#111;border-radius:50%;place-items:center;width:46px;min-width:46px;height:46px;font-size:13px;display:grid}.accountIdentity span{gap:4px;display:grid}.accountIdentity small,.accountIdentity em{color:var(--muted);font-size:11px;font-style:normal}.accountCard hr{background:var(--line);border:0;height:1px;margin:24px 0}.accountCard>p{color:var(--muted);font-size:12px}.accountCard .authForm label{color:var(--ink)}.accountCard .authForm input{color:var(--ink);background:#fff;border-color:#d1d1cc}.accountPassword .primary{width:230px}.accountLogout{color:#7d3333;background:0 0;border:0;margin-top:22px;padding:8px 0;font-size:11px;font-weight:700}.accountRequests{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}.accountAdminList article{grid-template-columns:48px 1fr auto}@media (width<=800px){.authLoginCard{justify-content:space-between}.authPanel{margin-top:34px}.authPanel h1{font-size:43px}}@media (width<=600px){.authLoginCard{min-height:100svh;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.authLoginCard>.brand{margin-bottom:20px}.authPanel{margin-top:auto}.authPanel h1{letter-spacing:-2px;font-size:39px}.authIntro{margin-bottom:20px;font-size:14px}.authForm{gap:13px}.authForm label{font-size:12px}.authForm input{min-height:50px}.accountCard{padding:19px}.accountPassword .primary{width:100%}.accountAdminList article{grid-template-columns:46px 1fr}.accountAdminList .adminActions{grid-column:1/3}}