:root{--ink:#242329;--muted:#89878e;--line:#eceaeb;--paper:#fff;--bg:#f8f7f5;--coral:#f57f6c;--green:#66c89c;--navy:#1d2330}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column}.brand{font:700 20px 'Space Grotesk';letter-spacing:-.8px;padding:0 12px 29px}.brand-mark{color:var(--coral);font-size:25px;margin-right:7px}.brand-light{font-weight:500;color:#929096}.workspace-switcher{display:flex;align-items:center;gap:10px;background:#faf9f8;border:1px solid var(--line);padding:10px;border-radius:10px}.team-badge{width:31px;height:31px;background:var(--navy);color:#fff;border-radius:8px;display:grid;place-items:center;font-weight:bold;font-size:17px}.workspace-switcher strong,.profile strong,.sidebar-bottom strong{display:block;font-size:12px}.workspace-switcher small,.profile small,.sidebar-bottom small{display:block;color:#aaa;font-size:11px;margin-top:3px}.chevron{margin-left:auto;color:#9c9a9d}.nav-label{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#aaa;margin:31px 12px 9px;font-weight:600}.nav-label.second{margin-top:27px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#77747a;text-decoration:none;margin:2px 0}.nav-item span{font-size:18px;width:18px;text-align:center}.nav-item em{font-style:normal;background:#f0eeee;color:#99949a;border-radius:10px;font-size:10px;padding:2px 7px;margin-left:auto}.nav-item.active{background:#fff0ed;color:#df624f;font-weight:600}.nav-item.active em{background:#fff;color:#df796b}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:22px 9px 18px}.help-icon{border:1px solid #ddd;border-radius:50%;height:25px;width:25px;text-align:center;padding-top:3px;color:#aaa}.sidebar-bottom>span{margin-left:auto;color:#bbb;font-size:17px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;padding:17px 8px 0;gap:9px}.profile .dots{margin-left:auto;color:#aaa;letter-spacing:2px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:29px;height:29px;font-size:10px;font-style:normal;font-weight:600}.avatar-me{background:#f6c5bb;color:#b95a4a}.main-content{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumb{color:#999;font-size:12px}.breadcrumb span{margin:0 8px;color:#d1cdce}.top-actions{display:flex;align-items:center;gap:15px}.icon-button{background:none;border:0;font-size:22px;color:#777;position:relative}.notification i{position:absolute;background:var(--coral);height:5px;width:5px;border-radius:50%;top:3px;right:1px}.new-button{border:0;background:var(--coral);color:white;border-radius:7px;padding:10px 14px;font:600 12px 'DM Sans';box-shadow:0 5px 12px #f57f6c33}.page-content{max-width:1440px;padding:37px 45px 60px;margin:auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow{color:#aaa;font-size:11px;margin:0 0 8px}.welcome h1{font:600 29px 'Space Grotesk';margin:0;letter-spacing:-1.3px}.welcome h1 span{color:var(--coral);font-size:24px}.subheading{margin:9px 0 0;color:#999}.outline-button,.filter-button{border:1px solid #dedbdd;background:#fff;border-radius:7px;padding:10px 14px;color:#555;font:600 12px 'DM Sans'}.outline-button span,.more-button span{color:var(--coral);margin-left:15px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.stat-card{min-height:105px;padding:18px;display:flex;align-items:center;position:relative;gap:13px}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:19px}.coral-icon{background:#fff0ed;color:#ed765f}.mint-icon{background:#eaf8f1;color:#52b688}.blue-icon{background:#edf4fb;color:#5b95c8}.yellow-icon{background:#fff7df;color:#d3a93d}.stat-copy span{font-size:11px;color:#999}.stat-copy strong{display:block;font:600 21px 'Space Grotesk';margin-top:4px}.stat-copy small{font:400 11px 'DM Sans';color:#aaa}.stat-trend{position:absolute;right:14px;top:18px;font-size:10px}.up{color:#5bbb8d}.neutral{color:#aaa}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:20px}.panel{padding:22px 23px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.panel-heading h2{font:600 16px 'Space Grotesk';margin:0}.panel-heading p{color:#aaa;font-size:11px;margin:5px 0 0}.more-button{border:0;background:none;color:#999;font:600 11px 'DM Sans';padding:4px 0}.event-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #f0eeee}.date-block{width:39px;text-align:center}.date-block strong{font:600 20px 'Space Grotesk';display:block}.date-block span{font-size:9px;color:#aaa;letter-spacing:1px}.event-info{flex:1;min-width:0}.event-info h3{font-size:12px;margin:0 0 5px;font-weight:600}.event-info p,.event-info span{font-size:10px;color:#a3a0a4;margin:0 0 4px;display:block}.tag{font-size:9px;border-radius:4px;padding:3px 6px;font-weight:500;margin-left:6px}.training{background:#eaf8f1;color:#4baa7e}.fixture{background:#fff0ed;color:#dc705e}.meeting{background:#edf4fb;color:#5d91bd}.event-members{text-align:right}.mini-avatars{display:flex;justify-content:flex-end;align-items:center;margin-bottom:5px}.mini-avatars .avatar{border:2px solid #fff;margin-left:-6px;width:24px;height:24px;font-size:8px}.mini-avatars b{font-size:9px;color:#aaa;margin-left:4px}.avatar-coral{background:#f7c2b7;color:#a94e40}.avatar-blue{background:#b8d6ec;color:#3f7397}.avatar-gold{background:#edda9a;color:#967c2e}.avatar-purple{background:#d2c4ea;color:#72579b}.avatar-mint{background:#b9e4d0;color:#428264}.avatar-lavender{background:#ded4ec;color:#796b98}.event-members>span{font-size:10px;color:#aaa}.row-arrow{border:0;background:none;color:#c5c2c3;font-size:23px}.availability-body{display:flex;align-items:center;gap:27px;padding:8px 8px 20px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--green) 0 75%,#f6d58c 75% 91%,#f2b7ad 91% 100%);display:grid;place-items:center}.donut:before{content:'';position:absolute;width:91px;height:91px;background:#fff;border-radius:50%}.donut div{z-index:1;text-align:center}.donut strong{display:block;font:600 23px 'Space Grotesk'}.donut span{font-size:10px;color:#aaa}.availability-legend{flex:1}.availability-legend div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;margin:12px 0;font-size:11px;color:#999}.availability-legend strong{font-weight:600;color:#454149}.dot{height:7px;width:7px;border-radius:50%}.available-dot{background:var(--green)}.pending-dot{background:#f2cd7c}.unavailable-dot{background:#efa89c}.availability-note{border-top:1px solid #f0eeee;padding-top:15px;color:#e2a649;font-size:15px;display:flex;align-items:center;gap:8px}.availability-note span{font-size:10px;color:#999}.availability-note button{margin-left:auto;background:none;border:0;color:var(--coral);font:600 10px 'DM Sans'}.panel-actions{display:flex;align-items:center;gap:20px}.filter-button{font-weight:500;color:#888;padding:7px 10px}.squad-panel{padding-bottom:10px}.table-head,.member-row{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.1fr .7fr 20px;align-items:center;gap:15px}.table-head{border-top:1px solid #f0eeee;border-bottom:1px solid #f0eeee;padding:10px 0;color:#aaa;font-size:10px}.member-row{padding:12px 0;border-bottom:1px solid #f3f1f1;font-size:11px}.member-name{display:flex;align-items:center;gap:9px;font-weight:600}.member-name small{display:block;color:#aaa;font-size:10px;font-weight:400;margin-top:2px}.status{font-size:10px}.status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.status.injured:before{background:#ed9d92}.status.away:before{background:#e7bf67}.rating{color:#d5a942}.mobile-menu{display:none;border:0;background:none;font-size:19px}.toast{position:fixed;bottom:25px;right:25px;background:#242329;color:#fff;padding:13px 18px;border-radius:7px;transform:translateY(100px);transition:.3s;box-shadow:0 5px 20px #0002;font-size:12px}.toast.show{transform:translateY(0)}
@media(max-width:900px){.sidebar{width:210px}.topbar{padding:0 25px}.page-content{padding:30px 25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.event-members{display:none}}
@media(max-width:620px){.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(248px,calc(100vw - 48px));z-index:20;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 24px #0002}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu{display:block;position:relative;z-index:21}.topbar{padding:0 18px}.breadcrumb{display:none}.new-button span{display:none}.page-content{padding:25px 16px}.welcome{align-items:flex-start;gap:15px;flex-direction:column}.welcome h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px 11px;min-height:90px}.stat-icon{width:31px;height:31px;font-size:15px}.stat-trend{display:none}.stat-copy strong{font-size:18px}.panel{padding:18px 14px}.table-head,.member-row{grid-template-columns:2fr 1fr 20px}.table-head span:nth-child(3),.table-head span:nth-child(4),.table-head span:nth-child(5),.member-row>span:nth-child(3),.member-row>span:nth-child(4),.member-row>span:nth-child(5){display:none}.panel-actions .filter-button{display:none}.availability-body{gap:14px}.donut{width:105px;height:105px}.donut:before{width:76px;height:76px}}
.notification svg{width:20px;height:20px;display:block}
.profile-menu-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;color:#777;text-align:left;border-radius:5px;padding:8px 10px;font:600 10px 'DM Sans';cursor:pointer}.profile-menu-item:hover{background:#fff0ed;color:var(--coral)}.profile-menu-item span{width:14px;text-align:center;font-size:15px;line-height:1}
.member-actions{position:relative;justify-self:end}.member-menu-trigger{border:0;background:none;color:#aaa;font:600 13px 'DM Sans';padding:5px;cursor:pointer;line-height:1}.member-menu-trigger:hover{color:var(--coral)}.member-dropdown{position:absolute;z-index:10;top:28px;right:0;min-width:145px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #0002;padding:5px}.member-dropdown[hidden]{display:none}.member-dropdown .profile-menu-item{font-size:10px;color:#c95e51}.member-dropdown .profile-menu-item:hover{background:#fff0ed;color:var(--coral)}
.top-actions .profile{position:relative;border:0;padding:0;display:block}.profile-trigger{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);padding:0;cursor:pointer;text-align:left}.profile-trigger .avatar{flex-shrink:0}.profile-details strong,.profile-details small{display:block}.profile-details strong{font-size:12px}.profile-details small{color:#aaa;font-size:10px;margin-top:3px}.profile-chevron{color:#999;font-size:15px;margin-left:2px}.profile-dropdown{position:absolute;z-index:21;top:42px;right:0;min-width:120px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #0002;padding:5px}.profile-dropdown[hidden]{display:none}.profile-dropdown .logout-button{display:block;width:100%;text-align:left;margin:0;padding:8px 10px;color:#777;border-radius:5px}.profile-dropdown .logout-button:hover{background:#fff0ed;color:var(--coral)}
.back-button{border:0;background:none;color:#999;font:600 11px 'DM Sans';padding:0;margin:0 0 18px;cursor:pointer}.back-button:hover{color:var(--coral)}
.requests-panel{margin-top:20px}.request-list{border-top:1px solid #f0eeee}.request-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f3f1f1}.request-person{flex:1;min-width:0}.request-person strong,.request-person small{display:block}.request-person strong{font-size:11px}.request-person small{color:#aaa;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-status{background:#fff7df;color:#bd8d28;border-radius:5px;padding:5px 8px;font-size:10px}.empty-requests{color:#aaa;font-size:11px;padding:20px 0}
.request-status.accepted{background:#eaf8f1;color:#4baa7e}.accept-button{border:1px solid #9bd5b7;background:#effbf4;color:#3b9a6d;border-radius:5px;padding:6px 10px;font:600 10px 'DM Sans';cursor:pointer}.accept-button:hover{background:#ddf6e8}.accept-button:disabled{opacity:.6;cursor:wait}.accepted-label{color:#65b990;font-size:10px}
.request-actions{display:flex;gap:6px;flex-shrink:0}.reject-button{border:1px solid #e4aaa2;background:#fff3f1;color:#c95e51;border-radius:5px;padding:6px 10px;font:600 10px 'DM Sans';cursor:pointer}.reject-button:hover{background:#ffe5e1}.reject-button:disabled{opacity:.6;cursor:wait}.request-status.rejected{background:#f7eeee;color:#bd716a}.rejected-label{color:#bd716a;font-size:10px}
.invite-link-row{display:flex;align-items:center;gap:8px;margin-top:10px}.invite-link-row input{flex:1;min-width:0;margin:0;background:#faf9f8;color:#777}.invite-link-row button{border:1px solid #f2b2a7;background:#fff5f2;color:#d96958;border-radius:6px;padding:10px 13px;font:600 10px 'DM Sans';cursor:pointer;white-space:nowrap}.invite-link-row button:hover{background:#ffebe7}
 .modal-backdrop[hidden],#accessModal[hidden]{display:none!important}
.purple-icon{background:#f1edfa;color:#8569ae}.stat-grid{grid-template-columns:repeat(5,1fr)}
.member-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:14px;color:#aaa;font-size:10px}.page-button{border:1px solid #e2dfe0;background:#fff;border-radius:5px;padding:7px 10px;color:#777;font:600 10px 'DM Sans';cursor:pointer}.page-button:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.page-button:disabled{color:#ccc;background:#fafafa;cursor:not-allowed}
.positions-page{max-width:900px}.positions-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.positions-heading h1{font:600 29px 'Space Grotesk';margin:0;letter-spacing:-1.3px}.position-count{color:#999;font-size:11px}.position-list{border-top:1px solid #f0eeee}.position-row{display:flex;align-items:center;gap:25px;padding:15px 0;border-bottom:1px solid #f3f1f1}.position-row .member-name{flex:1}.position-editor{display:flex;align-items:center;gap:8px;width:min(45%,360px)}.position-editor input{flex:1;border:1px solid #e3e0e1;border-radius:6px;padding:10px 11px;font:12px 'DM Sans';color:var(--ink);outline:none}.position-editor input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}.save-position{border:1px solid #f2b2a7;background:#fff5f2;color:#d96958;border-radius:5px;padding:9px 12px;font:600 10px 'DM Sans';cursor:pointer}.save-position:hover{background:#ffebe7}.save-position:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.position-editor select{flex:1;border:1px solid #e3e0e1;border-radius:6px;padding:10px 11px;background:#fff;font:12px 'DM Sans';color:var(--ink);outline:none}.position-editor select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}
.settings-position-row .position-number{width:24px;color:#aaa;font-size:11px;text-align:center}.settings-position-row .position-editor{margin-left:auto}.delete-position{border:1px solid #e4aaa2;background:#fff3f1;color:#c95e51;border-radius:5px;padding:9px 12px;font:600 10px 'DM Sans';cursor:pointer}.delete-position:hover{background:#ffe5e1}.delete-position:disabled{opacity:.5;cursor:not-allowed}
.sport-picker{display:flex;align-items:center;gap:12px;color:#777;font-size:11px;font-weight:600;margin:-5px 0 18px}.sport-picker select{border:1px solid #e3e0e1;border-radius:6px;padding:9px 30px 9px 10px;background:#fff;color:var(--ink);font:12px 'DM Sans'}
.global-positions-panel{margin-top:20px}.sport-picker + .position-list .position-row strong{font-size:12px}
.schedule-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.schedule-form label{display:block;color:#69666c;font-size:11px;font-weight:600;margin-bottom:14px}.schedule-form input,.schedule-form select,.schedule-form textarea{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:10px 11px;background:#fff;font:12px 'DM Sans';color:var(--ink);outline:none}.schedule-form textarea{resize:vertical}.schedule-form .new-button,.schedule-form .outline-button{margin:0 8px 0 0}.schedule-members{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.schedule-member-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f1f1;font-size:11px}.schedule-member-row select{border:1px solid #e3e0e1;border-radius:6px;padding:8px;background:#fff;font:11px 'DM Sans'}.save-schedule-member,.delete-schedule{border:1px solid #e4aaa2;background:#fff3f1;color:#c95e51;border-radius:5px;padding:8px 10px;font:600 10px 'DM Sans';cursor:pointer}.delete-schedule{margin-left:5px}
.schedule-availability{display:flex;align-items:center;gap:5px}.schedule-availability select{border:1px solid #e3e0e1;border-radius:6px;padding:8px;background:#fff;font:11px 'DM Sans'}.save-schedule-availability{border:0;background:none;color:var(--coral);font:600 10px 'DM Sans';cursor:pointer}
#roles .positions-panel + .positions-panel{margin-top:20px}
.squad-details-form label{display:block;color:#69666c;font-size:11px;font-weight:600;margin-bottom:14px}.squad-details-form input,.squad-details-form select{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:10px 11px;background:#fff;font:12px 'DM Sans';color:var(--ink);outline:none}.squad-details-form input:focus,.squad-details-form select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}.squad-details-form .new-button{display:block;margin-top:4px}
.welcome h1 #welcomeName{color:inherit;font-size:inherit}
.member-home-card label{display:block;color:#69666c;font-size:11px;font-weight:600;margin-bottom:14px}.member-home-card input,.member-home-card textarea{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:10px 11px;font:12px 'DM Sans';color:var(--ink);outline:none;resize:vertical}.member-home-card input:focus,.member-home-card textarea:focus{border-color:var(--coral)}.member-home-card .new-button{width:100%;margin-top:2px}.member-form-status{color:var(--coral);font-size:11px;min-height:16px;margin:12px 0 0}
.auth-card select{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:11px;color:var(--ink);background:#fff;font:12px 'DM Sans';outline:none;cursor:pointer}.auth-card select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}
.logout-button{border:0;background:none;color:#aaa;font:600 10px 'DM Sans';cursor:pointer;margin-left:auto;padding:5px}.logout-button:hover{color:var(--coral)}
.member-home{min-height:100vh;background:linear-gradient(135deg,#fff8f6 0%,#f8f7f5 58%,#eef8f3 100%);display:grid;place-items:center;padding:24px}.member-home[hidden]{display:none!important}.member-home-card{width:min(100%,600px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 22px 70px rgba(36,35,41,.09)}.member-home-card h1{font:600 28px 'Space Grotesk';margin:0}.member-home-card h1 span{color:var(--coral)}.member-home-card h2{font:600 16px 'Space Grotesk';margin:30px 0 12px}.member-info{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:13px;margin-top:24px}.member-info strong,.member-info small{display:block}.member-info strong{font-size:12px}.member-info small{font-size:10px;color:#aaa;margin-top:3px}.my-request{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0eeee;padding:13px 0}.my-request strong,.my-request small{display:block}.my-request strong{font-size:12px}.my-request small{font-size:10px;color:#aaa;margin-top:3px}.standalone-logout{display:block;margin:24px 0 0 0;padding-left:0}
.app-shell[hidden],.auth-screen[hidden]{display:none!important}.auth-screen{min-height:100vh;background:linear-gradient(135deg,#fff8f6 0%,#f8f7f5 58%,#eef8f3 100%);display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,500px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 22px 70px rgba(36,35,41,.09)}.auth-brand{font:700 20px 'Space Grotesk';letter-spacing:-.8px;margin-bottom:36px}.auth-heading h1{font:600 28px 'Space Grotesk';letter-spacing:-1.2px;margin:0}.auth-heading p:not(.eyebrow){font-size:12px;color:#999;margin:9px 0 25px}.auth-tabs{display:flex;border-bottom:1px solid #ece9e9;margin-bottom:23px;gap:20px}.auth-tab{border:0;background:none;color:#aaa;padding:0 2px 12px;font:600 12px 'DM Sans';cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tab.active{color:var(--coral);border-color:var(--coral)}.auth-card label{display:block;color:#69666c;font-size:11px;font-weight:600;margin-bottom:14px}.auth-card input{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:11px;font:12px 'DM Sans';color:var(--ink);outline:none}.auth-card input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-card .new-button{width:100%;margin-top:5px}.auth-status{color:var(--coral);font-size:11px;min-height:16px;margin:14px 0 0}.auth-footnote{text-align:center;color:#aaa;font-size:11px;margin:20px 0 0}.auth-footnote button{border:0;background:none;color:var(--coral);font:600 11px 'DM Sans';padding:0;cursor:pointer}@media(max-width:500px){.auth-card{padding:25px 20px}.auth-heading h1{font-size:24px}}
.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(36,35,41,.4)}.modal-backdrop[hidden],#accessModal[hidden]{display:none!important}.access-modal{position:relative;width:min(100%,450px);margin:auto;background:#fff;border-radius:13px;padding:30px;box-shadow:0 20px 60px rgba(36,35,41,.2)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#aaa;font-size:25px;line-height:1}.access-modal h2{font:600 26px 'Space Grotesk';letter-spacing:-1px;margin:0}.modal-intro{color:#999;font-size:12px;line-height:1.5;margin:9px 0 22px;max-width:370px}.access-steps{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#aaa;font-size:11px}.access-steps span{display:flex;align-items:center;gap:6px}.access-steps span:first-child{color:var(--coral);font-weight:600}.access-steps i{height:1px;background:#e8e5e5;flex:1}.access-steps small{font-size:10px;font-weight:400}.access-modal form label{display:block;color:#69666c;font-size:11px;font-weight:600;margin:0 0 14px}.access-modal input,.access-modal textarea{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:10px 11px;font:12px 'DM Sans';color:var(--ink);outline:none;resize:vertical}.access-modal input:focus,.access-modal textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}.access-modal .new-button{width:100%;margin-top:5px}.access-choice{margin-top:5px}.choice-label{font-size:11px;color:#777;margin:0 0 10px}.choice-button{position:relative;display:block;text-align:left;width:100%;background:#fff;border:1px solid #e8e5e5;border-radius:8px;padding:13px 38px 13px 14px;margin:9px 0;cursor:pointer}.choice-button:hover{border-color:var(--coral);background:#fffaf9}.choice-button strong,.choice-button small{display:block}.choice-button strong{font-size:12px}.choice-button small{color:#aaa;font-size:10px;margin-top:4px}.choice-button span{position:absolute;right:14px;top:18px;color:var(--coral);font-size:17px}.form-status{color:var(--coral);font-size:11px;min-height:16px;margin:14px 0 0}.optional{color:#aaa;font-weight:400;float:right}
.auth-card textarea{display:block;width:100%;border:1px solid #e3e0e1;border-radius:6px;margin-top:6px;padding:11px;font:12px 'DM Sans';color:var(--ink);outline:none;resize:vertical}.auth-card textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}
.member-invites{margin-bottom:20px}.member-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffaf9;border:1px solid #f6d5cf;border-radius:10px;padding:14px 16px}.member-invite strong,.member-invite small{display:block}.member-invite strong{font-size:12px}.member-invite small{color:#999;font-size:10px;margin-top:4px}
#squadSwitcher{max-width:140px;border:0;background:transparent;color:var(--ink);font:600 12px 'DM Sans';padding:0;outline:none;cursor:pointer}#squadSwitcher:focus{color:var(--coral)}
#squadSwitcher{position:absolute;inset:0;width:100%;height:100%;max-width:none;border:0;background:transparent;color:transparent;padding:0;outline:none;cursor:pointer;opacity:0}#squadSwitcher option{color:var(--ink)}.workspace-switcher{position:relative;cursor:pointer}
/* Keep the schedule availability summary beside the type in Next up. */
.event-info h3{display:flex;align-items:center;min-width:0}
.event-availability{margin-left:auto;color:#aaa;font-size:10px;font-weight:400;white-space:nowrap}
.schedule-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.schedule-heading h3{flex:1;min-width:0}
.schedule-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.schedule-meta .tag{margin-left:0}
.schedule-type{align-self:stretch;display:flex;align-items:center;margin-left:0;padding:0 10px;white-space:nowrap}
.availability-switch{display:flex;align-items:center;border:1px solid #e3e0e1;border-radius:6px;overflow:hidden;background:#fff;white-space:nowrap}
.availability-choice{border:0;padding:8px 9px;font:11px 'DM Sans';color:#999;background:transparent}
.availability-choice{cursor:pointer}
.availability-choice.active{background:#eaf8f1;color:#42966f;font-weight:600}
.availability-choice[data-availability-value="Unavailable"].active{background:#fff0ed;color:#c96555}
.schedule-availability.saving{opacity:.55;pointer-events:none}
.availability-switch.pending{border-color:#d3a349;box-shadow:0 0 0 2px rgba(211,163,73,.2)}
.availability-choice[data-availability-value="Unavailable"].active{background:#fff0ed;color:#c96555}
.status.unavailable:before{background:#efa89c}.status.pending:before{background:#e7bf67}
.edit-schedule{margin-left:auto;border:1px solid #dedbdd;background:#fff;color:#777;border-radius:5px;padding:8px 10px;font:600 10px 'DM Sans';cursor:pointer}
.edit-schedule:hover{background:#faf9f8}
.event-row .delete-schedule{margin-left:0}
.event-row{display:grid;grid-template-columns:52px minmax(220px,1fr) auto 230px auto auto;align-items:stretch;gap:18px}
.event-info{display:flex;flex-direction:column;justify-content:center;min-width:0}
.schedule-heading{flex:0 0 auto}
.schedule-type{min-width:68px;justify-content:center;text-align:center;border-radius:6px}
.schedule-availability{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;min-width:230px}
.schedule-availability select{width:100%}
.availability-switch{width:100%;justify-content:stretch}
.availability-choice{flex:1}
.edit-schedule,.event-row .delete-schedule{align-self:center;margin-left:0}
@media(max-width:900px){.event-row{grid-template-columns:42px minmax(0,1fr) auto;gap:12px}.schedule-type{grid-column:3;grid-row:1;min-width:60px}.event-info{grid-column:2;grid-row:1}.schedule-availability{grid-column:2 / -1;grid-row:2;min-width:0;flex-direction:row;align-items:center}.schedule-availability select{width:auto;flex:1}.event-row .edit-schedule{grid-column:2;grid-row:3;justify-self:start}.event-row .delete-schedule{grid-column:3;grid-row:3;justify-self:end}}
.event-row{grid-template-columns:52px minmax(220px,1fr) auto 230px auto}
.schedule-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;white-space:nowrap}
.schedule-actions .edit-schedule,.schedule-actions .delete-schedule{margin:0}
.schedule-actions .edit-schedule,.schedule-actions .delete-schedule{width:30px;height:30px;padding:0;margin:0;display:grid;place-items:center;text-align:center}
.schedule-actions svg{width:15px;height:15px;display:block}
@media(max-width:900px){.event-row{grid-template-columns:42px minmax(0,1fr) auto}.schedule-actions{grid-column:3;grid-row:3;align-items:stretch}.schedule-actions .edit-schedule,.schedule-actions .delete-schedule{grid-column:auto;grid-row:auto;justify-self:auto}}
.event-row{grid-template-columns:24px 52px minmax(220px,1fr) auto 230px auto}.schedule-select-arrow{align-self:center;border:0;background:none;color:#c5c2c3;font-size:25px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.event-row:hover .schedule-select-arrow,.event-row.selected .schedule-select-arrow,.schedule-select-arrow:focus{opacity:1}.event-row.selected .schedule-select-arrow{color:var(--coral)}.event-row.selected{background:#fffaf9}
@media(max-width:900px){.event-row{grid-template-columns:24px 42px minmax(0,1fr) auto}.schedule-select-arrow{grid-column:1;grid-row:1}.schedule-type{grid-column:4}.event-info{grid-column:3}.schedule-availability{grid-column:2 / -1}.event-row .edit-schedule{grid-column:2 / 4}.schedule-actions{grid-column:4}}
.top-actions{position:relative}.notification:not(.has-unread) i{display:none}.notification.has-unread i{width:auto;height:15px;min-width:15px;padding:1px 4px;top:-5px;right:-7px;color:#fff;background:var(--coral);font:600 9px 'DM Sans';line-height:13px;text-align:center}.notification-panel{position:absolute;z-index:20;top:42px;right:48px;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px rgba(36,35,41,.14);overflow:hidden}.notification-panel[hidden]{display:none}.notification-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);font-size:12px}.mark-notifications-read{border:0;background:none;color:var(--coral);font:600 10px 'DM Sans';cursor:pointer}.notification-list{max-height:330px;overflow:auto}.notification-item{display:block;width:100%;border:0;border-bottom:1px solid #f3f1f1;background:#fff;text-align:left;padding:12px 16px;cursor:pointer}.notification-item:hover,.notification-item.unread{background:#fffaf9}.notification-item strong,.notification-item small{display:block}.notification-item strong{font:500 11px 'DM Sans';color:var(--ink)}.notification-item small{margin-top:5px;color:#aaa;font-size:10px}
.calendar-heading{align-items:flex-end;margin-bottom:30px}.calendar-panel{padding:0;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.calendar-toolbar h2{min-width:180px;text-align:center;font:600 18px 'Space Grotesk';margin:0}.calendar-toolbar .outline-button{padding:7px 11px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{border-bottom:1px solid var(--line);background:#faf9f8}.calendar-weekdays span{padding:12px;text-align:center;color:#aaa;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}.calendar-day{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day-empty{background:#fcfbfa}.calendar-date{display:block;color:#777;font:600 13px 'Space Grotesk';margin-bottom:8px}.calendar-event{border-left:3px solid var(--coral);background:#fff0ed;border-radius:4px;padding:6px 7px;margin:0 0 6px;overflow:hidden}.calendar-event.training{border-color:var(--green);background:#eaf8f1}.calendar-event.meeting{border-color:#5b95c8;background:#edf4fb}.calendar-event strong,.calendar-event span,.calendar-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event strong{font-size:10px}.calendar-event span{color:#999;font-size:9px;margin-top:3px}.calendar-event small{color:#4baa7e;font-size:9px;margin-top:4px;font-weight:600}
@media(max-width:900px){.calendar-day{min-height:120px;padding:7px}.calendar-event{padding:5px}.calendar-event strong{font-size:9px}}
@media(max-width:620px){.calendar-heading{gap:15px}.calendar-toolbar{gap:10px;padding:14px}.calendar-toolbar h2{min-width:140px;font-size:15px}.calendar-weekdays span{padding:9px 2px;font-size:8px}.calendar-day{min-height:100px;padding:6px 4px}.calendar-date{font-size:11px;margin-bottom:5px}.calendar-event{border-left-width:2px;padding:4px;margin-bottom:4px}.calendar-event strong,.calendar-event span,.calendar-event small{font-size:8px}.calendar-event span{margin-top:2px}.calendar-event small{margin-top:2px}}
.member-position,.member-availability{min-width:0}.squad-position-select,.squad-availability-select{width:100%;border:1px solid #e3e0e1;border-radius:6px;padding:7px 8px;background:#fff;color:var(--ink);font:11px 'DM Sans';outline:none}.squad-position-select:focus,.squad-availability-select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(245,127,108,.12)}
@media(max-width:620px){.table-head,.member-row{grid-template-columns:2fr 1fr 100px 20px}.table-head span:nth-child(4),.table-head span:nth-child(5),.table-head span:nth-child(6),.member-row>.status,.member-row>.rating{display:none}.member-position{grid-column:3}.member-actions{grid-column:4}}
.checkbox-setting{display:flex!important;align-items:flex-start;gap:9px}.checkbox-setting input{width:auto!important;margin:1px 0 0!important}.checkbox-setting span strong,.checkbox-setting span small{display:block}.checkbox-setting span small{color:#aaa;font-size:10px;font-weight:400;margin-top:3px}.positions-locked .squad-position-select{pointer-events:none;opacity:.65}
.table-head button{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.table-head button:hover{color:var(--coral)}.sort-indicator{color:var(--coral);font-size:10px}
.events-panel,.squad-panel{scroll-margin-top:90px}
.donut{position:relative}.app-shell{height:100vh;min-height:0;overflow:hidden}.sidebar{height:100vh;min-height:0;overflow-y:auto;position:sticky;top:0}.main-content{height:100vh;overflow-y:auto}.topbar{position:sticky;top:0;z-index:15}
@media(max-width:620px){.sidebar{position:fixed}}
.section-loading{position:relative;pointer-events:none}.section-loading>.loading-indicator{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(255,255,255,.78);border-radius:inherit;color:#777;font-size:11px}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid #f7c8c0;border-top-color:var(--coral);border-radius:50%;animation:squadmanager-spin .7s linear infinite}@keyframes squadmanager-spin{to{transform:rotate(360deg)}}.auth-card,.member-home-card,#overviewContent{position:relative}