:root{--brand-forest: #123a1e;--brand-deep: #07210e;--brand-green: #127834;--brand-leaf: #388d36;--brand-mint: #76bc6d;--brand-yellow: #fac30e;--brand-gold: #ce9126;--brand-cream: #faeac7;--brand-gray: #b2b2b2;--surface: #f5f8f5;--surface-card: #ffffff;--text-muted: #5f7465;--border: #d4e1d6;--focus-ring: rgba(18, 120, 52, .2);--shadow-soft: 0 12px 30px rgba(7, 33, 14, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--brand-deep);background:var(--surface);font-synthesis:none}*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;min-width:320px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.auth-page{align-items:center;background:radial-gradient(circle at 15% 10%,rgba(250,195,14,.18),transparent 34%),var(--surface);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--surface-card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-soft);max-width:420px;padding:30px 24px;width:100%}.auth-logo{align-items:center;background:var(--brand-cream);border-radius:18px;display:flex;height:88px;justify-content:center;margin-bottom:22px;overflow:hidden;width:88px}.auth-logo img{height:76px;width:auto}.auth-card h1{margin-bottom:10px}.auth-intro{color:var(--text-muted);line-height:1.5;margin:0 0 24px}.auth-form{display:grid;gap:18px}.auth-form label,.settings-form label,.category-form label,.inline-editor label,.attendance-toolbar label,.match-selectors label,.player-filters label,.activity-form label,.calendar-filters label{color:var(--brand-forest);display:grid;font-size:.9rem;font-weight:750;gap:8px}.auth-form input,.settings-form input,.settings-form select,.category-form input,.category-form select,.inline-editor select,.attendance-toolbar input,.attendance-toolbar select,.match-selectors select,.calendar-filters input,.calendar-filters select,.player-filters select,.activity-form input,.activity-form select,.activity-form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-card);border:1px solid var(--brand-gray);border-radius:12px;color:var(--brand-deep);min-height:50px;padding:0 14px;width:100%}.auth-form input:focus,.settings-form input:focus,.settings-form select:focus,.category-form input:focus,.category-form select:focus,.inline-editor select:focus,.attendance-toolbar input:focus,.attendance-toolbar select:focus,.match-selectors select:focus,.calendar-filters input:focus,.calendar-filters select:focus,.player-filters select:focus,.activity-form input:focus,.activity-form select:focus,.activity-form textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.auth-form select,.settings-form select,.category-form select,.inline-editor select,.attendance-toolbar select,.match-selectors select,.calendar-filters select,.player-filters select,.activity-form select{background-image:linear-gradient(45deg,transparent 50%,var(--brand-green) 50%),linear-gradient(135deg,var(--brand-green) 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 13px) 22px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.auth-form textarea,.activity-form textarea{min-height:104px;padding-bottom:12px;padding-top:12px;resize:vertical}.auth-submit{min-height:52px;width:100%}.form-error{background:#fff1f0;border-radius:12px;color:#a52a22;margin:0;padding:12px}.form-notice{background:#eaf7e8;border-radius:12px;color:var(--brand-forest);margin:0;padding:12px}.text-button{align-items:center;background:none;border:0;color:var(--brand-green);cursor:pointer;display:inline-flex;justify-content:center;min-height:44px;padding:6px 8px;text-decoration:underline}.settings-form{background:var(--surface-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 18px #07210e0a;max-width:560px;padding:20px}.invite-form{display:grid;gap:14px;margin-bottom:24px}.invite-form h2{font-size:1.1rem}.user-card{background:var(--surface-card);border:1px solid var(--border);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:var(--text-muted);margin:0;overflow-wrap:anywhere}.user-status{border-radius:999px;font-size:.75rem;font-weight:750;padding:6px 8px;white-space:nowrap}.user-status.active{background:#eaf7e8;color:var(--brand-forest)}.user-status.disabled{background:#fff1f0;color:#a52a22}.user-status.invited{background:var(--brand-cream);color:var(--brand-forest)}.secondary-button{align-items:center;background:var(--surface-card);border:1px solid var(--brand-gray);border-radius:12px;color:var(--brand-forest);cursor:pointer;display:inline-flex;justify-content:center;min-height:48px;padding:0 16px}.secondary-button:hover,.view-button:hover{border-color:var(--brand-green);background:#f0f7f0}.page-intro{color:var(--text-muted);line-height:1.5;margin:-12px 0 24px}.category-form{display:grid;gap:14px;margin-bottom:24px}.category-form h2{font-size:1.1rem}.form-grid-2{display:grid;gap:14px;grid-template-columns:1fr 1fr}.category-list{display:grid;gap:12px}.category-card{background:var(--surface-card);border:1px solid var(--border);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:var(--text-muted);margin:0}.category-card-heading .user-status{background:#eaf7e8;color:var(--brand-forest)}.category-card.inactive .user-status{background:var(--brand-cream);color:var(--brand-forest)}.category-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-editor{align-items:end;border-top:1px solid var(--border);display:flex;gap:10px;padding-top:14px}.inline-editor label{flex:1}.attendance-toolbar{display:grid;gap:10px;margin-bottom:16px}.calendar-filters,.activity-form,.player-filters{display:grid;gap:14px;margin-bottom:20px}.inactive-player{opacity:.7}.calendar-view-picker{display:flex;gap:8px}.view-button{background:var(--surface);border:1px solid var(--brand-gray);border-radius:12px;color:var(--brand-forest);cursor:pointer;flex:1;min-height:48px;padding:0 12px}.view-button.active{background:var(--brand-cream);border-color:var(--brand-green);color:var(--brand-forest);font-weight:800}.activity-day{display:grid;gap:8px}.activity-day-heading{color:var(--brand-forest);font-size:.9rem;margin:14px 0 0;text-transform:capitalize}.activity-form{max-width:680px}.form-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.checkbox-label{align-items:center;display:flex!important;gap:8px!important}.checkbox-label input{accent-color:var(--brand-green);min-height:22px;width:22px}.activity-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.danger-button{color:#a52a22}.activity-card.cancelled{opacity:.65}.activity-list{display:grid;gap:12px}.activity-card{align-items:flex-start;background:var(--surface-card);border:1px solid var(--border);border-left:5px solid var(--brand-green);border-radius:16px;display:grid;gap:12px;padding:16px}.activity-card.match{border-left-color:var(--brand-yellow)}.activity-date{display:grid;gap:4px;min-width:132px}.activity-date strong{color:var(--brand-deep);text-transform:capitalize}.activity-date span,.activity-main p{color:var(--text-muted);font-size:.85rem;margin:0}.activity-main{display:grid;gap:5px;min-width:0}.activity-main h2{font-size:1.1rem}.activity-type{color:var(--brand-green);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.activity-card.match .activity-type{color:var(--brand-gold)}.activity-detail{font-size:.78rem!important}.activity-status{background:#eaf7e8;border-radius:999px;color:var(--brand-forest);font-size:.72rem;font-weight:800;justify-self:start;padding:6px 8px}.activity-card.match .activity-status{background:var(--brand-cream);color:var(--brand-forest)}.helper-text{color:var(--text-muted);line-height:1.45;margin:0}.player-list,.convocation-list{display:grid;gap:10px}.player-card{align-items:center;background:var(--surface-card);border:1px solid var(--border);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:var(--border);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:var(--text-muted);font-size:.78rem}.absence-button{background:#fffdf4;border:1px solid var(--brand-yellow);border-radius:12px;color:var(--brand-forest);cursor:pointer;font-size:.75rem;font-weight:800;min-height:48px;padding:0 12px}.absence-button.marked{background:var(--brand-forest);border-color:var(--brand-forest);color:#fff}.attendance-summary{background:#edf5ee;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:var(--surface-card);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:#a52a22;font-size:.85rem;white-space:nowrap}.callup{background:var(--brand-cream);border:0;border-radius:999px;color:var(--brand-forest);cursor:pointer;font-size:.7rem;font-weight:800;min-height:36px;padding:5px 9px;white-space:nowrap}.callup.yes{background:#eaf7e8;color:var(--brand-forest)}.topbar{align-items:center;background:var(--brand-forest);color:#fff;display:flex;gap:16px;justify-content:space-between;padding:14px 20px}.brand-lockup{align-items:center;display:flex;gap:12px;min-width:0}.brand-logo{background:var(--brand-cream);border-radius:10px;height:50px;object-fit:contain;padding:3px;width:34px}.brand-kicker,.eyebrow{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.topbar .brand-kicker{color:var(--brand-cream);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar strong{font-size:1.05rem}.profile-actions{align-items:center;display:flex;gap:6px}.admin-link,.logout-button{color:#fff;font-size:.78rem;font-weight:700}.admin-link{min-height:44px;padding:12px 4px;text-decoration:none}.logout-button{background:transparent;border:0;cursor:pointer;min-height:44px;padding:0 4px}.avatar-button{align-items:center;background:var(--brand-green);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:var(--brand-deep);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{align-items:center;background:var(--brand-yellow);border:0;border-radius:12px;color:var(--brand-deep);cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:50px;padding:0 16px;white-space:nowrap}.primary-button:hover{background:#e9b400}.primary-button:active{transform:translateY(1px)}.empty-card{background:var(--surface-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 18px #07210e0a;padding:32px 24px;text-align:center}.empty-icon{display:block;font-size:2rem;margin-bottom:14px}.empty-card p,.team-card p{color:var(--text-muted);line-height:1.5;margin:0}.card-list{display:grid;gap:12px}.team-card{align-items:center;background:var(--surface-card);border:1px solid var(--border);border-radius:16px;display:flex;gap:14px;min-height:80px;padding:14px}.team-badge{align-items:center;background:var(--brand-cream);border-radius:12px;color:var(--brand-forest);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:#eaf7e8;border-radius:999px;color:var(--brand-forest);font-size:.75rem;font-weight:700;padding:6px 8px}.status-message{background:var(--surface-card);border-radius:12px;color:var(--brand-forest);padding:16px}.status-message.error{color:#a52a22}.bottom-nav{align-items:stretch;background:#fffffff7;border-top:1px solid var(--border);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:12px;color:var(--text-muted);display:flex;flex:1;flex-direction:column;font-size:.7rem;gap:4px;justify-content:center;min-height:58px;text-decoration:none}.nav-item span{font-size:1.25rem;line-height:1}.nav-item.active{background:var(--brand-cream);color:var(--brand-green);font-weight:800}@media(max-width:699px){.topbar{align-items:flex-start;padding:12px 14px}.brand-lockup{gap:8px}.brand-logo{height:44px;width:30px}.topbar strong{font-size:.92rem}.profile-actions{gap:2px}.admin-link{display:none}.logout-button{font-size:.72rem}.page-heading{align-items:stretch;flex-direction:column;gap:0}.page-heading h1{margin-bottom:16px}.page-heading .primary-button{align-self:stretch;margin-bottom:20px;width:100%}.form-grid-2{grid-template-columns:1fr}.settings-form{padding:16px}.inline-editor{align-items:stretch;flex-direction:column}.category-actions .primary-button,.category-actions .secondary-button{flex:1 1 150px}.player-card{align-items:flex-start;flex-wrap:wrap}.player-info{padding-top:4px}.player-card .absence-button,.player-card .secondary-button{margin-left:54px;width:calc(100% - 54px)}.convocation-row{align-items:flex-start;flex-wrap:wrap}.convocation-row>span:first-child{flex-basis:calc(100% - 80px)}.convocation-row .callup{margin-left:auto}.activity-actions{align-items:stretch}.activity-actions .text-button{padding-left:4px;padding-right:4px}.auth-card{padding:24px 20px}}@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 var(--border);bottom:0;flex-direction:column;justify-content:flex-start;left:0;padding:24px 10px;right:auto;top:78px;width:92px}.main-content{margin-left:92px}.nav-item{flex:0 0 70px;width:72px}}