:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a43;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:1px solid #d9e2ec;border-radius:22px;max-width:420px;padding:32px 24px;width:100%}.auth-logo{align-items:center;background:#e6f6ff;border-radius:16px;display:flex;font-size:2rem;height:64px;justify-content:center;margin-bottom:22px;width:64px}.auth-card h1{margin-bottom:10px}.auth-intro{color:#627d98;line-height:1.5;margin:0 0 24px}.auth-form{display:grid;gap:18px}.auth-form label{color:#243b53;display:grid;font-size:.9rem;font-weight:700;gap:8px}.auth-form input{border:1px solid #bcccdc;border-radius:10px;font:inherit;min-height:50px;padding:0 14px;width:100%}.auth-form input:focus{border-color:#0077b6;box-shadow:0 0 0 3px #e6f6ff;outline:none}.auth-submit{min-height:52px;width:100%}.form-error{background:#fff1f0;border-radius:10px;color:#b42318;margin:0;padding:12px}.form-notice{background:#e3fcef;border-radius:10px;color:#147d64;margin:0;padding:12px}.text-button{background:none;border:0;color:#0077b6;cursor:pointer;min-height:44px;text-decoration:underline}.settings-form{background:#fff;border:1px solid #d9e2ec;border-radius:18px;max-width:560px;padding:20px}.invite-form{display:grid;gap:14px;margin-bottom:24px}.invite-form h2{font-size:1.1rem}.settings-form select,.settings-form input{background:#fff;border:1px solid #bcccdc;border-radius:10px;min-height:46px;padding:0 12px}.user-card{background:#fff;border:1px solid #d9e2ec;border-radius:16px;display:grid;gap:16px;padding:16px}.user-card-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.user-card p{color:#627d98;margin:0}.user-card label{color:#243b53;display:grid;font-weight:700;gap:8px}.user-card select{background:#fff;border:1px solid #bcccdc;border-radius:10px;min-height:46px;padding:0 10px}.user-status{border-radius:999px;font-size:.75rem;font-weight:700;padding:6px 8px}.user-status.active{background:#e3fcef;color:#147d64}.user-status.disabled{background:#fff1f0;color:#b42318}.user-status.invited{background:#fff8e1;color:#8d6e00}.secondary-button{background:#fff;border:1px solid #9fb3c8;border-radius:10px;color:#243b53;cursor:pointer;min-height:44px;padding:0 14px}.page-intro{color:#627d98;line-height:1.5;margin:-12px 0 24px}.category-form{display:grid;gap:14px;margin-bottom:24px}.category-form label,.inline-editor label{color:#243b53;display:grid;font-weight:700;gap:8px}.category-form h2{font-size:1.1rem}.form-grid-2{display:grid;gap:14px;grid-template-columns:1fr 1fr}.category-form input,.category-form select,.inline-editor select{background:#fff;border:1px solid #bcccdc;border-radius:10px;min-height:46px;padding:0 12px;width:100%}.category-list{display:grid;gap:12px}.category-card{background:#fff;border:1px solid #d9e2ec;border-radius:16px;display:grid;gap:14px;padding:16px}.category-card.inactive{opacity:.72}.category-card-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.category-card-heading p{color:#627d98;margin:0}.category-card-heading .user-status{background:#e3fcef;color:#147d64}.category-card.inactive .user-status{background:#fff8e1;color:#8d6e00}.category-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-editor{align-items:end;border-top:1px solid #d9e2ec;display:flex;gap:10px;padding-top:14px}.inline-editor label{flex:1}.attendance-toolbar{display:grid;gap:10px;margin-bottom:16px}.attendance-toolbar label,.match-selectors label{color:#243b53;display:grid;font-weight:700;gap:8px}.attendance-toolbar input,.attendance-toolbar select,.match-selectors select,.calendar-filters input,.calendar-filters select{background:#fff;border:1px solid #bcccdc;border-radius:10px;min-height:46px;padding:0 12px}.calendar-filters,.activity-form,.player-filters{display:grid;gap:14px;margin-bottom:20px}.player-filters label{color:#243b53;display:grid;font-weight:700;gap:8px}.player-filters select{background:#fff;border:1px solid #bcccdc;border-radius:10px;min-height:46px;padding:0 12px}.inactive-player{opacity:.7}.calendar-view-picker{display:flex;gap:6px}.view-button{background:#f4f7fb;border:1px solid #bcccdc;border-radius:10px;color:#486581;cursor:pointer;flex:1;min-height:44px;padding:0 12px}.view-button.active{background:#e6f6ff;border-color:#0077b6;color:#0077b6;font-weight:800}.activity-day{display:grid;gap:8px}.activity-day-heading{color:#486581;font-size:.9rem;margin:14px 0 0;text-transform:capitalize}.activity-form{max-width:680px}.activity-form label{color:#243b53;display:grid;font-weight:700;gap:8px}.activity-form input,.activity-form select,.activity-form textarea{background:#fff;border:1px solid #bcccdc;border-radius:10px;font:inherit;min-height:46px;padding:10px 12px;width:100%}.activity-form textarea{resize:vertical}.form-heading{align-items:center;display:flex;justify-content:space-between}.checkbox-label{align-items:center;display:flex!important;gap:8px!important}.checkbox-label input{min-height:20px;width:20px}.activity-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.danger-button{color:#b42318}.activity-card.cancelled{opacity:.65}.calendar-filters label{color:#243b53;display:grid;font-weight:700;gap:8px}.activity-list{display:grid;gap:12px}.activity-card{align-items:flex-start;background:#fff;border:1px solid #d9e2ec;border-left:5px solid #0077b6;border-radius:16px;display:grid;gap:12px;padding:16px}.activity-card.match{border-left-color:#e66a35}.activity-date{display:grid;gap:4px;min-width:132px}.activity-date strong{color:#102a43;text-transform:capitalize}.activity-date span,.activity-main p{color:#627d98;font-size:.85rem;margin:0}.activity-main{display:grid;gap:5px;min-width:0}.activity-main h2{font-size:1.1rem}.activity-type{color:#0077b6;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.activity-card.match .activity-type{color:#bd4b1e}.activity-detail{font-size:.78rem!important}.activity-status{background:#e3fcef;border-radius:999px;color:#147d64;font-size:.72rem;font-weight:800;justify-self:start;padding:6px 8px}.activity-card.match .activity-status{background:#fff8e1;color:#8d6e00}.helper-text{color:#627d98;line-height:1.45;margin:0}.player-list,.convocation-list{display:grid;gap:10px}.player-card{align-items:center;background:#fff;border:1px solid #d9e2ec;border-radius:16px;display:flex;gap:12px;min-height:76px;padding:12px}.player-card.absent{border-color:#f5a6a0;background:#fff8f7}.player-number{align-items:center;background:#d9e2ec;border-radius:12px;display:flex;flex:0 0 42px;font-weight:800;height:42px;justify-content:center}.player-info{display:grid;flex:1;gap:4px;min-width:0}.player-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info span{color:#627d98;font-size:.78rem}.absence-button{background:#fff;border:1px solid #e66a35;border-radius:10px;color:#bd4b1e;cursor:pointer;font-size:.75rem;font-weight:800;min-height:46px;padding:0 10px}.absence-button.marked{background:#b42318;border-color:#b42318;color:#fff}.attendance-summary{background:#eef5f9;border-radius:18px;margin-top:28px;padding:18px 14px}.attendance-summary h2{font-size:1.25rem;margin-bottom:16px}.match-selectors{display:grid;gap:12px;margin-bottom:14px}.convocation-row{align-items:center;background:#fff;border-radius:12px;display:flex;gap:8px;justify-content:space-between;min-height:52px;padding:10px 12px}.convocation-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convocation-row strong{color:#b42318;font-size:.85rem;white-space:nowrap}.callup{background:#fff8e1;border-radius:999px;color:#8d6e00;font-size:.7rem;font-weight:800;padding:5px 7px;white-space:nowrap}.callup.yes{background:#e3fcef;color:#147d64}.topbar{align-items:center;background:#102a43;color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.brand-kicker,.eyebrow{color:#627d98;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.topbar .brand-kicker{color:#9fb3c8}.topbar strong{font-size:1.05rem}.profile-actions{align-items:center;display:flex;gap:8px}.admin-link,.logout-button{color:#fff;font-size:.78rem;font-weight:700}.admin-link{text-decoration:none}.logout-button{background:transparent;border:0;cursor:pointer;min-height:44px;padding:0 4px}.avatar-button{align-items:center;background:#486581;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:44px;justify-content:center;text-decoration:none;width:44px}.main-content{margin:0 auto;max-width:1100px}.page-content{padding:28px 20px}h1{color:#102a43;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.1;margin:0 0 24px}h2{font-size:1rem;margin:0 0 5px}.page-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.page-heading h1{margin-bottom:24px}.primary-button{background:#e66a35;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;min-height:48px;padding:0 16px;white-space:nowrap}.primary-button:active{transform:translateY(1px)}.empty-card{background:#fff;border:1px solid #d9e2ec;border-radius:18px;padding:32px 24px;text-align:center}.empty-icon{display:block;font-size:2rem;margin-bottom:14px}.empty-card p,.team-card p{color:#627d98;line-height:1.5;margin:0}.card-list{display:grid;gap:12px}.team-card{align-items:center;background:#fff;border:1px solid #d9e2ec;border-radius:16px;display:flex;gap:14px;min-height:80px;padding:14px}.team-badge{align-items:center;background:#d9e2ec;border-radius:12px;color:#243b53;display:flex;flex:0 0 48px;font-size:.8rem;font-weight:800;height:48px;justify-content:center}.team-card>div:nth-child(2){flex:1;min-width:0}.team-status{background:#e3fcef;border-radius:999px;color:#147d64;font-size:.75rem;font-weight:700;padding:6px 8px}.status-message{background:#fff;border-radius:12px;color:#486581;padding:16px}.status-message.error{color:#b42318}.bottom-nav{align-items:stretch;background:#fffffff5;border-top:1px solid #d9e2ec;bottom:0;display:flex;justify-content:space-around;left:0;padding:6px 8px env(safe-area-inset-bottom);position:fixed;right:0;z-index:5}.nav-item{align-items:center;border-radius:10px;color:#627d98;display:flex;flex:1;flex-direction:column;font-size:.7rem;gap:4px;justify-content:center;min-height:56px;text-decoration:none}.nav-item span{font-size:1.25rem;line-height:1}.nav-item.active{background:#e6f6ff;color:#0077b6;font-weight:800}@media(min-width:700px){.match-selectors,.activity-card{grid-template-columns:1fr 1fr}.activity-card{align-items:center}.attendance-summary{padding:24px}.topbar{padding-left:max(32px,calc((100vw - 1100px)/2));padding-right:max(32px,calc((100vw - 1100px)/2))}.page-content{padding:48px 32px}.bottom-nav{border:0;border-right:1px solid #d9e2ec;bottom:0;flex-direction:column;justify-content:flex-start;left:0;padding:24px 10px;right:auto;top:73px;width:92px}.main-content{margin-left:92px}.nav-item{flex:0 0 70px;width:72px}}