@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#182338;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif}h1{letter-spacing:-1.4px}a{color:inherit}.muted{color:#77849a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#1769e8;color:#fff;box-shadow:0 4px 11px #1769e820}.btn-primary:hover{background:#115ad0}.btn-white{background:#fff;color:#122746}.btn-outline{background:#fff;border-color:#e0e6ef;color:#35445d}.btn-outline:hover{background:#f8fafc}.btn-text{background:transparent;color:#d34a57}.full{width:100%}.icon-button{border:0;background:transparent;display:grid;place-items:center;color:#64748b;padding:8px;border-radius:8px}.icon-button:hover{background:#edf2f9}.brand{display:flex;align-items:center;gap:11px;color:#162238;font-family:Manrope,sans-serif;font-weight:600;letter-spacing:1.3px;font-size:15px}.brand b{font-weight:800}.brand-light{color:#fff}.crest{--crest-accent:#1769e8;--crest-dark:#111827;width:66px;height:76px;clip-path:polygon(8% 0,92% 0,100% 10%,100% 68%,50% 100%,0 68%,0 10%);background:var(--crest-dark);padding:5px;display:grid;place-items:center;flex-shrink:0;filter:drop-shadow(0 5px 9px #0002)}.crest-mark{width:100%;height:100%;clip-path:polygon(8% 0,92% 0,100% 10%,100% 66%,50% 100%,0 66%,0 10%);border:2px solid #fff9;background:linear-gradient(145deg,var(--crest-dark) 40%,var(--crest-accent) 40%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:1px}.crest-mark span{font-size:21px;font-weight:900;letter-spacing:-1px}.crest-mark small{font-size:9px;font-weight:900;letter-spacing:3px}.crest img{width:100%;height:100%;object-fit:contain;clip-path:inherit}.crest-small{width:38px;height:44px;padding:3px}.crest-small .crest-mark span{font-size:12px}.crest-small .crest-mark small{font-size:6px}.crest-large{width:125px;height:145px;padding:7px}.crest-large .crest-mark span{font-size:40px}.crest-large .crest-mark small{font-size:14px}.crest-banner{width:190px;height:215px;padding:9px;position:relative;z-index:2;filter:drop-shadow(0 20px 20px #0004)}.crest-banner .crest-mark span{font-size:58px}.crest-banner .crest-mark small{font-size:19px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-hero{background:#0e1a2e;color:#fff;position:relative;overflow:hidden;min-height:650px}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 100% 70%,#1757ab66,transparent 60%),linear-gradient(130deg,transparent 40%,#123c7433);pointer-events:none}.login-hero-inner{position:relative;z-index:2;height:100%;min-height:650px;display:flex;flex-direction:column;padding:46px clamp(35px,6vw,100px)}.hero-copy{margin:auto 0}.eyebrow,.banner-overline{font-size:11px;letter-spacing:2px;font-weight:800;color:#83b5ff}.hero-copy h1{font-size:clamp(44px,5vw,76px);line-height:1.11;margin:25px 0;letter-spacing:-3.2px}.hero-copy h1 em{font-style:normal;color:#54a0ff}.hero-copy p{color:#a8bad3;max-width:390px;line-height:1.8;font-size:15px}.hero-foot{color:#7f96b6;font-size:11px;font-weight:800;letter-spacing:2px}.hero-foot span{margin:0 10px}.hero-glow{position:absolute;width:500px;height:500px;border:1px solid #ffffff13;border-radius:50%;right:-200px;bottom:-180px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04}.login-panel{position:relative;display:grid;place-items:center;padding:45px 24px}.login-card{width:min(100%,420px)}.mobile-brand{display:none}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5ecf5;border-radius:100px;padding:8px 11px;color:#526681;font-size:10px;letter-spacing:1px;font-weight:800;background:#f8fafc}.pill-dot{width:7px;height:7px;border-radius:50%;background:#1769e8}.login-card h2{font-size:33px;letter-spacing:-1.4px;margin:24px 0 8px}.login-subtitle{font-size:14px;line-height:1.6}.login-form{display:flex;flex-direction:column;margin-top:32px}.login-form label,.form-field label,.color-field label{font-size:12px;font-weight:800;color:#35445b;margin-bottom:9px}.login-form label:not(:first-child){margin-top:19px}.input-icon{position:relative}.input-icon svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ba9ba}.input-icon input{width:100%;border:1px solid #dce4ef;background:#fff;padding:14px 14px 14px 44px;border-radius:10px;outline:none;font-size:13px;color:#162238}.input-icon input:focus,.form-field input:focus,.form-field textarea:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e816}.login-button{width:100%;margin-top:25px;padding:15px}.demo-info{display:flex;gap:10px;margin-top:25px;padding:14px;background:#f3f7fd;border:1px solid #e5edf8;border-radius:10px;color:#64748b}.demo-info svg{flex-shrink:0;color:#1769e8;margin-top:2px}.demo-info p{font-size:11px;line-height:1.65;margin:0}.demo-info strong{color:#314967}.login-bottom{position:absolute;bottom:26px;color:#a5afbc;font-size:11px}.notice{display:flex;align-items:center;gap:8px;color:#16805b;font-size:12px;font-weight:700}.notice-error{color:#c13c4e}.login-form .notice{margin-top:15px}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex-shrink:0;background:#fff;border-right:1px solid #e7ebf2;display:flex;flex-direction:column;padding:25px 15px;position:sticky;top:0;height:100vh;z-index:20}.sidebar-top{padding:0 10px 26px}.sidebar-club{display:flex;align-items:center;gap:10px;background:#f6f8fc;border:1px solid #edf0f6;border-radius:12px;padding:12px;margin-bottom:30px}.sidebar-club strong,.sidebar-club small{display:block}.sidebar-club strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.sidebar-club small{color:#8290a5;font-size:11px;margin-top:3px}.nav-label{color:#a0aab9;font-size:10px;letter-spacing:1.5px;font-weight:800;padding:0 13px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;width:100%;background:transparent;color:#6b7a90;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;border-radius:9px;font-size:13px;font-weight:700}.nav-item:hover{background:#f6f9fd}.nav-item.selected{background:#eaf2ff;color:#1769e8}.nav-item span:nth-child(2){flex:1}.nav-soon{color:#c9d1df;font-size:20px}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid #edf0f5;padding-top:18px}.sidebar-version{display:flex;gap:9px;align-items:center;padding:12px;color:#8a99ae;font-size:11px}.logout{color:#9c5260}.main-area{flex:1;min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-left{font-size:12px}.topbar-left .breadcrumb{color:#96a2b3}.breadcrumb-arrow{color:#c5cdd9}.topbar-left strong{font-weight:800}.topbar-demo{color:#8d9aab;background:#f4f6fa;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:1px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#dbe9ff;color:#1769e8;border-radius:50%;font-size:13px;font-weight:900}.page-content{max-width:1430px;margin:0 auto;padding:39px 42px 55px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-overline{color:#1769e8;font-size:10px;font-weight:900;letter-spacing:1.5px}.page-heading h1{font-size:30px;margin:7px 0 8px}.page-heading p{font-size:13px;color:#8491a4;margin:0}.wave{color:#1769e8}.heading-tag{display:flex;align-items:center;gap:8px;color:#697d9a;font-size:12px;font-weight:700;border:1px solid #e5eaf2;padding:10px 13px;border-radius:9px;background:#fff}.welcome-banner{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:260px;border-radius:16px;padding:35px 55px;background:linear-gradient(110deg,#0f1c32,#143d73);color:#fff}.banner-content{position:relative;z-index:3;max-width:560px}.banner-overline{color:#83b5ff}.welcome-banner h2{font-size:37px;letter-spacing:-1.7px;margin:12px 0}.welcome-banner p{color:#bbcae0;font-size:13px;line-height:1.8;max-width:420px;margin-bottom:23px}.banner-circle{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:350px;height:350px;right:20px}.banner-circle-a{box-shadow:0 0 0 75px #ffffff04,0 0 0 150px #ffffff04}.banner-circle-b{width:200px;height:200px;right:95px;background:#2d72c50e}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:22px}.stat-card,.panel{background:#fff;border:1px solid #e8edf4;border-radius:13px;box-shadow:0 2px 12px #132b4905}.stat-card{padding:21px}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#f1f5fb;color:#677b96;margin-bottom:20px}.stat-icon-blue{background:#eaf2ff;color:#1769e8}.stat-label{font-size:12px;font-weight:700;color:#6f8098}.stat-value{font-size:29px;font-family:Manrope,sans-serif;font-weight:800;margin:5px 0}.stat-detail{font-size:10px;color:#9ca9ba}.dashboard-bottom{display:grid;grid-template-columns:1.08fr 1fr;gap:19px;margin-top:23px}.panel-heading h3{font-size:15px;letter-spacing:-.3px;margin:0 0 6px}.panel-heading p{font-size:12px;color:#94a0b0;line-height:1.6;margin:0}.quick-actions,.roadmap{padding:25px}.quick-actions .panel-heading,.roadmap .panel-heading{margin-bottom:23px}.action-row{display:flex;align-items:center;gap:14px;width:100%;background:transparent;border:0;text-align:left;padding:14px 0;border-top:1px solid #f0f3f8;color:#26354a}.action-row:hover:not(.disabled){color:#1769e8}.action-row>span:nth-child(2){flex:1}.action-row strong,.action-row small{display:block}.action-row strong{font-size:12px}.action-row small{font-size:11px;color:#a0aaba;margin-top:5px}.action-row>svg:last-child{color:#aab7c9}.action-icon{width:40px;height:40px;background:#f1f6fe;color:#1769e8;border-radius:10px;display:grid;place-items:center}.action-row.disabled{opacity:.55;cursor:default}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;align-items:flex-start;gap:12px;position:relative;padding-bottom:24px}.timeline-item:not(:last-child):before{content:"";position:absolute;width:1px;background:#e5ebf3;left:11px;top:23px;bottom:0}.timeline-dot{width:23px;height:23px;flex-shrink:0;border-radius:50%;border:2px solid #dce5f1;background:#fff;display:grid;place-items:center;z-index:1}.timeline-item.done .timeline-dot{background:#1769e8;color:#fff;border-color:#1769e8}.timeline-item>div{flex:1}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:12px}.timeline-item small{font-size:11px;color:#a0aabb;margin-top:5px}.timeline-status{font-size:10px;font-weight:800;color:#1769e8;background:#edf4ff;padding:5px 7px;border-radius:5px}.footnote{display:flex;align-items:center;gap:8px;color:#9aa7b7;font-size:11px;margin-top:25px}.club-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px}.club-main,.club-side{display:flex;flex-direction:column;gap:20px}.form-panel{padding:27px}.form-panel .panel-heading{margin-bottom:27px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-field{display:flex;flex-direction:column;min-width:0}.form-field.wide{grid-column:1/-1}.form-field label span{color:#e15065}.form-field input,.form-field textarea{border:1px solid #e1e7ef;border-radius:9px;padding:12px 13px;color:#253349;background:#fff;outline:none;font-size:13px;resize:vertical;width:100%}.form-field input::placeholder,.form-field textarea::placeholder{color:#b4becb}.logo-preview{background:#f7f9fd;border:1px dashed #dbe4ef;border-radius:12px;min-height:205px;display:grid;place-items:center;margin-bottom:15px}.field-hint{text-align:center;color:#a1adbd;font-size:10px;line-height:1.5;margin:12px 0 0}.color-field{display:flex;flex-direction:column;margin-bottom:18px}.color-control{display:flex;align-items:center;gap:12px;border:1px solid #e1e7ef;border-radius:9px;padding:8px 11px}.color-control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:35px;border:0;padding:0;background:transparent;cursor:pointer}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:0;border-radius:6px}.color-control span{font-size:12px;font-weight:800;color:#52637a;letter-spacing:.5px}.color-preview{height:10px;display:flex;overflow:hidden;border-radius:20px;gap:5px;margin-top:10px}.color-preview>div{flex:1}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e8edf4;border-radius:13px;padding:16px 20px;margin-top:20px}.save-message>span{display:flex;align-items:center;gap:8px;color:#8c9bad;font-size:11px}.save-actions{display:flex;gap:10px}.placeholder{padding:65px 25px;text-align:center;display:flex;align-items:center;flex-direction:column}.placeholder-icon{width:75px;height:75px;display:grid;place-items:center;background:#eaf2ff;color:#1769e8;border-radius:20px;margin-bottom:24px}.placeholder h2{font-size:21px}.placeholder p{max-width:470px;color:#8190a5;font-size:13px;line-height:1.8;margin-bottom:22px}.mobile-menu,.mobile-close,.mobile-brand,.mobile-overlay{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.sidebar{width:220px}.page-content{padding:32px 27px}.topbar{padding:0 27px}.welcome-banner{padding:30px}.crest-banner{width:150px;height:170px}.crest-banner .crest-mark span{font-size:44px}.stats-grid{gap:10px}.stat-card{padding:17px}}@media(max-width:900px){.sidebar{position:fixed;left:0;transform:translate(-100%);transition:transform .22s ease;width:270px;box-shadow:10px 0 30px #00000012}.sidebar-open{transform:translate(0)}.mobile-close,.mobile-menu{display:grid}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.mobile-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1b3088;z-index:15}.dashboard-bottom{grid-template-columns:1fr}.club-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}}@media(max-width:650px){.login-layout{display:block}.login-hero{display:none}.login-panel{min-height:100vh;padding:55px 22px 75px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:65px;font-size:13px;letter-spacing:1px}.login-card h2{font-size:30px}.topbar{height:65px;padding:0 17px}.topbar-demo{display:none}.page-content{padding:27px 17px 40px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.heading-tag{display:none}.welcome-banner{min-height:230px;padding:25px}.welcome-banner h2{font-size:28px}.welcome-banner p{max-width:230px}.crest-banner{width:96px;height:110px;position:absolute;right:16px;top:20px;opacity:.7}.crest-banner .crest-mark span{font-size:27px}.crest-banner .crest-mark small{font-size:9px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-card{padding:17px}.stat-icon{margin-bottom:12px}.dashboard-bottom,.club-grid{grid-template-columns:1fr}.form-panel{padding:20px}.save-bar{flex-direction:column;align-items:stretch}.save-actions{justify-content:stretch}.save-actions .btn{flex:1}.save-message{min-height:20px}}@media(max-width:390px){.form-grid{grid-template-columns:1fr}.form-field.wide{grid-column:auto}.save-actions{flex-direction:column}.welcome-banner p{max-width:185px}.topbar-left{gap:7px}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:#f7f9fc;color:#182338}.loading-screen h2{margin:18px 0 6px}.loading-screen p{max-width:550px;color:#71829b;line-height:1.7}.loading-spinner{width:35px;height:35px;border:3px solid #d8e5f8;border-top-color:#1769e8;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.club-fieldset{border:0;padding:0;margin:0;min-width:0}.club-fieldset:disabled{opacity:.75}.access-note{display:flex;align-items:center;gap:10px;background:#fff6e8;color:#76501a;border:1px solid #f4e3c8;border-radius:10px;padding:14px;margin-bottom:18px;font-size:13px}.login-form .btn:disabled,.save-actions .btn:disabled{opacity:.6;cursor:wait;transform:none}.roster-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px;align-items:start}.roster-list{padding:24px}.roster-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.roster-head h3{margin:0}.roster-search{max-width:260px}.roster-search input{width:100%;min-width:0}.roster-empty{color:#8a98aa;padding:28px 0;text-align:center;font-size:13px}.player-grid{display:flex;flex-direction:column;gap:10px}.player-card{display:flex;align-items:center;gap:13px;border:1px solid #e8edf4;border-radius:12px;padding:12px}.player-photo{width:54px;height:60px;background:#eaf2ff;color:#1769e8;display:grid;place-items:center;border-radius:9px;overflow:hidden;flex-shrink:0}.player-photo img{width:100%;height:100%;object-fit:cover}.player-info{flex:1;min-width:0}.player-info strong,.player-info small{display:block}.player-info strong{font-size:13px}.player-info small{font-size:11px;color:#8796a9;margin-top:5px}.player-number{font-weight:900;color:#1769e8;font-size:20px}.player-actions{display:flex}.roster-fields{display:flex;flex-direction:column;gap:14px}.roster-fields label{font-size:12px;font-weight:700;margin-bottom:7px}.roster-fields select,.roster-fields input{border:1px solid #e1e7ef;border-radius:9px;padding:11px;font-size:13px;background:#fff;width:100%}.member-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.member-row{display:flex;align-items:center;gap:12px;border:1px solid #e8edf4;padding:13px;border-radius:10px}.member-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.member-row strong,.member-row small{display:block}.member-row strong{font-size:12px}.member-row small{font-size:11px;color:#8493a6;margin-top:5px}.member-avatar{background:#eaf2ff;color:#1769e8;padding:10px;border-radius:10px}.member-role{font-size:11px;color:#1769e8;font-weight:800}.roster-form .panel-heading{margin-bottom:18px}@media(max-width:1100px){.roster-layout{grid-template-columns:1fr}}@media(max-width:650px){.roster-head{align-items:stretch;flex-direction:column}.roster-search{max-width:none}.player-card{flex-wrap:wrap}.player-actions{width:100%;justify-content:flex-end}}