:root{--paper:#f4f7f7;--surface:#fff;--ink:#19343d;--muted:#526e78;--accent:#147f8d;--accent-hover:#086d79;--border:#d9e5e7;--field:#bacdd2;--danger:#a8323c;--nav:#173d45;--radius:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55;color-scheme:light;accent-color:var(--accent);scrollbar-color:#9bb7be var(--paper)}
*{box-sizing:border-box}body{margin:0}::selection{background:#c2e3e8;color:#153a43}a{color:var(--accent-hover);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}input,select{caret-color:var(--accent)}:focus-visible{outline:3px solid #218291;outline-offset:3px}button{cursor:pointer}button:disabled,.button[aria-disabled=true]{opacity:.6;cursor:default}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h2{font-size:21px;line-height:1.3;letter-spacing:-.015em}h3{font-size:17px}.lead{color:var(--muted);max-width:68ch;line-height:1.65;margin-top:12px}.muted,.help{color:var(--muted)}.help{font-size:13px;font-weight:400;line-height:1.65}.sub{display:block;color:var(--muted);font-size:13px;margin-top:3px;overflow-wrap:anywhere}.entity{font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.child-link{display:block;overflow-wrap:anywhere;margin-bottom:3px}.brand{display:flex;gap:9px;align-items:center;color:inherit;width:max-content}.brand:hover{text-decoration:none}.brand strong{font-size:26px;letter-spacing:-.035em;font-weight:800}.brand img{flex-shrink:0}.skip{position:fixed;left:12px;top:-70px;z-index:10;background:white;padding:12px 18px;border:2px solid var(--accent)}.skip:focus{top:12px}
.sidebar{position:fixed;left:0;top:0;width:232px;min-height:100dvh;height:100%;background:var(--nav);color:#fff;padding:30px 20px;display:flex;flex-direction:column;z-index:3;overflow:auto}.brand-caption{color:#b4cdd1;font-size:13px;margin:5px 0 34px 39px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#c9dbdf;padding:12px 13px;border-radius:8px;min-height:47px;font-size:14px}.sidebar nav a:hover{background:#244f58;text-decoration:none;color:#fff}.sidebar nav a[aria-current=page]{color:#fff;background:#2b5962;font-weight:700}.sidebar svg{width:20px;height:20px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:48px;display:grid;gap:10px;font-size:12px;color:#b4cdd1}.sidebar-bottom a{color:#deedf0;font-size:13px}.authenticated .app{margin-left:232px}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-title{color:var(--muted);font-size:14px}.topbar-actions{display:flex;gap:22px;align-items:center}.admin-name{font-size:14px;max-width:210px;overflow-wrap:anywhere}.language{display:flex;gap:3px}.language button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px}.language button[aria-pressed=true]{background:#e6f2f3;border-radius:5px;color:var(--accent-hover);font-weight:700}.text-button{background:none;border:0;color:var(--accent-hover);font-size:14px;padding:8px 0}.text-button:hover{text-decoration:underline}#main{max-width:1480px;margin:0 auto;padding:36px;min-height:calc(100dvh - 144px)}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:21px 36px;font-size:12px;color:var(--muted)}.footer>span:first-child{font-weight:700}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:30px}.page-heading>.button,.page-heading>.status{flex-shrink:0}.page-heading .lead{font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;text-align:center;line-height:1.4}.button:hover{text-decoration:none}.primary{color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-hover);color:#fff}.secondary{color:#244b57;background:white;border-color:#bed2d7}.secondary:hover{background:#eaf3f4}.danger{color:#fff;background:var(--danger)}.danger:hover{background:#8a222d}.small{font-size:13px;min-height:36px;padding:7px 13px}.back{display:inline-block;font-size:13px;margin-bottom:22px}.back::before{content:'←';padding-right:9px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.danger-link{color:var(--danger)}
.filters{display:flex;align-items:flex-end;gap:14px;margin:0 0 24px;flex-wrap:wrap}.filters label{display:grid;gap:7px;font-size:13px;font-weight:700}.filters .search{flex:1;min-width:240px}.filters input{width:100%}.filters select{min-width:190px}.filters .text-button{align-self:center}.filters .button{height:44px}.filters input,.filters select,.stack input:not([type=checkbox]),.stack select{border:1px solid var(--field);background:#fff;color:var(--ink);border-radius:8px;padding:11px 13px;width:100%;min-height:44px;min-width:0;line-height:1.4}input::placeholder{color:#5e7781;opacity:1}select[multiple]{min-height:130px}input:focus,select:focus{border-color:var(--accent)}
.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:white}table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);background:#edf3f4;padding:15px 20px}td{padding:20px;vertical-align:top;border-top:1px solid var(--border);overflow-wrap:anywhere}th:first-child{width:25%}th:last-child{width:125px}tbody tr:hover{background:#f9fbfb}.role-label{display:block;font-size:13px;margin:0 0 4px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:4px 8px;border-radius:5px;white-space:nowrap}.status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{color:#216647;background:#e9f3ec}.status.blocked{color:#8e3941;background:#fbeef0}.status.archived{color:#52646a;background:#edf0f1}.row-action{text-align:right}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);gap:18px;margin-top:24px}.pagination>div{display:flex;align-items:center;gap:16px}.empty{padding:50px 32px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.empty h2{margin-bottom:12px}.empty p{color:var(--muted);max-width:65ch}.time{font-variant-numeric:tabular-nums;white-space:nowrap}.jersey{width:39px;min-height:42px;display:flex;justify-content:center;align-items:center;border-radius:8px;background:#e5f0f2;color:var(--accent-hover);font-weight:700;font-size:21px;flex-shrink:0;font-variant-numeric:tabular-nums}.child-identity{display:flex;align-items:center;gap:11px}.child-identity small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.warning-text{color:#8a521d;font-size:13px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}.surface{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;min-width:0}.surface>h2{margin-bottom:22px}.surface>p+p{margin-top:14px}.surface>.lead{margin-bottom:22px}.focused{max-width:720px;margin:0 auto}.focused>h1{margin-bottom:12px}.focused>.form-actions,.focused>form{margin-top:24px}.side-sections{display:grid;gap:24px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:12px}.section-heading a{font-size:13px}.relation{padding:18px 0;border-bottom:1px solid var(--border)}.relation:last-of-type{border-bottom:0}.inline-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:12px}.action-list{display:grid;gap:18px;margin-top:24px;font-size:14px}.stack{display:grid;gap:20px}.stack>label,.stack .form-row>label,.account-picker>label,.stack fieldset>label:not(.check){display:grid;gap:8px;font-weight:700;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack label>span.help{display:block}.stack fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:17px 18px}.stack legend{font-size:14px;font-weight:700;padding:0 6px;margin-left:-6px}.check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;font-weight:400;margin-bottom:9px}.check input{margin:4px 0 0;width:17px;height:17px;flex-shrink:0}.check:last-of-type{margin-bottom:0}.stack fieldset .help{margin-top:12px}.match-choices{padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}.match-choices[hidden]{display:none}.account-picker{display:grid;gap:16px}.notice{border:1px solid var(--border);border-radius:8px;padding:14px 17px;font-size:14px;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}.error{color:#902f38;background:#fff0f0;border-color:#e6bdc1}.success{color:#216647;background:#eaf4ee;border-color:#bfdac9;animation:saved .18s ease-out}.login{max-width:480px;margin:45px auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px}.login>.lead{margin-bottom:27px}.login>.help{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.signed-out #main{min-height:calc(100dvh - 144px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes saved{from{transform:translateY(-3px);opacity:.75}to{transform:translateY(0);opacity:1}}
@media(max-width:1150px){.sidebar{width:202px;padding:26px 15px}.authenticated .app{margin-left:202px}.topbar{padding-inline:25px}#main{padding:28px 25px}.footer{padding-inline:25px}.detail-layout{grid-template-columns:1fr}.side-sections{grid-template-columns:1fr 1fr}.page-heading h1{font-size:29px}th,td{padding:16px 14px}.admin-name{max-width:140px}.topbar-actions{gap:15px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;min-height:0;display:block;padding:18px 16px}.sidebar .brand{display:none}.brand-caption{margin:0 0 12px;font-size:14px;color:#fff}.sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar nav a{padding:8px 10px;min-height:37px;font-size:12px;gap:7px}.sidebar nav svg{width:16px;height:16px}.sidebar-bottom{display:none}.authenticated .app{margin-left:0}.topbar{height:auto;min-height:66px;padding:14px 16px;gap:10px}.topbar-title{display:none}.topbar-actions{width:100%;justify-content:space-between;gap:12px}.admin-name{max-width:180px;font-size:13px}.signed-out .topbar-actions{width:auto}.signed-out .brand strong{font-size:23px}#main{padding:26px 16px;min-height:calc(100dvh - 190px)}.page-heading{display:block;margin-bottom:25px}.page-heading .button,.page-heading>.status{margin-top:18px}.page-heading h1,h1{font-size:28px}.page-heading>.button{width:100%}.lead{font-size:14px!important}.filters{gap:12px}.filters .search{min-width:100%;width:100%}.filters>label:not(.search){flex:1}.filters select{min-width:0}.surface{padding:22px 18px}.side-sections{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.form-actions .button{flex:1}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.section-heading h2{font-size:20px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody tr{padding:15px 17px;border-top:1px solid var(--border)}tbody tr:first-child{border-top:0}td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:5px 14px;padding:9px 0;border:0;text-align:left!important}td::before{content:attr(data-label);font-size:12px;font-weight:700;color:var(--muted);grid-column:1;grid-row:1/5}td>.sub{grid-column:2}.row-action{display:flex;justify-content:flex-end;padding-top:12px}.row-action::before{display:none}.pagination{align-items:flex-start;flex-wrap:wrap;gap:14px}.pagination>div{gap:12px;flex-wrap:wrap}.pagination .button{padding:8px 13px;min-height:36px}.empty{padding:30px 22px}.footer{padding:20px 16px;flex-wrap:wrap;gap:8px;font-size:11px}.login{margin:20px auto;padding:27px 22px}.notice{font-size:13px}.focused{margin:0}.time{white-space:normal}.child-identity{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

.button{white-space:nowrap}.demo-note{margin-bottom:14px}