:root{--navy:#071526;--navy2:#0d2137;--red:#e84b42;--cream:#f4f0e8;--green:#176b51;--ink:#101c28;--muted:#75808a;--line:#e5e7e8;--white:#fff;--blue:#3577e5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f4f5f5}button,input,select,textarea{font:inherit}.login-page{background:var(--navy)}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-visual{padding:50px clamp(30px,7vw,100px);color:#fff;background:linear-gradient(90deg,#061326fa,#071526b8),url('/assets/volleyball-hero.png') 63% center/cover;display:flex;flex-direction:column;justify-content:space-between}.back{color:#b9c4cd;text-decoration:none;font-size:12px}.login-mark,.dash-brand>span{border:2px solid var(--red);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font:700 15px 'Barlow Condensed';transform:rotate(-8deg)}.overline{font-size:10px;letter-spacing:2px;font-weight:800}.red{color:var(--red)}.login-visual h1{font:800 clamp(70px,8vw,120px)/.8 'Barlow Condensed';margin:20px 0}.login-visual h1 em{font-style:normal;color:var(--red)}.login-visual>div>p:last-child{color:#bbc5cf;max-width:420px;line-height:1.7}.login-form{background:#f5f2eb;display:grid;place-items:center;padding:30px}.login-box{width:min(420px,100%)}.login-box h2{font:700 42px 'Barlow Condensed';margin:10px 0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.login-box form{display:grid;gap:18px;margin-top:32px}.login-box label,.form-grid label{font-size:11px;font-weight:700;display:grid;gap:8px;color:#45515d}.login-box input,.login-box select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d9dddf;background:#fff;padding:13px;outline:none}.login-box input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--green)}.password{display:flex}.password input{border-right:0}.password button{border:1px solid #d9dddf;border-left:0;background:#fff;color:var(--green);font-size:10px;font-weight:700}.btn{border:0;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.primary-btn{background:var(--red);color:#fff}.login-box .primary-btn{margin-top:8px;padding:16px}.demo-note{font-size:10px;color:#92999f;text-align:center;margin-top:24px}.dashboard{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.dash-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:700 14px 'Barlow Condensed';letter-spacing:1px;padding:0 10px 26px}.dash-brand>span{width:38px;height:38px;font-size:12px}.dash-brand em,.mobile-head em{color:var(--red);font-style:normal}.role-card{border-top:1px solid #1e3042;border-bottom:1px solid #1e3042;padding:20px 8px;display:flex;align-items:center;gap:11px}.role-card i,.mobile-head i{width:35px;height:35px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.role-card strong{font-size:11px;display:block}.role-card small{font-size:9px;color:#8fa0af}.sidebar nav{display:grid;gap:3px;margin-top:22px}.sidebar nav button{border:0;background:none;color:#93a1ae;padding:11px 12px;text-align:left;font-size:11px;cursor:pointer;border-radius:3px}.sidebar nav button span{display:inline-block;width:26px;font-size:15px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#122941}.sidebar nav button.active{border-left:3px solid var(--red)}.side-bottom{margin-top:auto;border-top:1px solid #1e3042;padding-top:15px;display:grid}.side-bottom a,.side-bottom button{background:none;border:0;color:#8999a7;text-decoration:none;font-size:10px;text-align:left;padding:9px;cursor:pointer}.mobile-head{display:none}.dash-main{margin-left:245px;padding:36px clamp(25px,5vw,70px);min-height:100vh}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-head h1{font:700 45px 'Barlow Condensed';margin:6px 0 1px}.page-head>div>p:last-child{color:var(--muted);font-size:12px}.head-actions{display:flex;gap:10px}.icon-btn{width:39px;border:1px solid var(--line);background:#fff;position:relative}.icon-btn span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);top:8px;right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stat,.panel{background:#fff;border:1px solid #eaeced}.stat{padding:20px;position:relative}.stat small{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:1px}.stat strong{display:block;font:700 35px 'Barlow Condensed';margin-top:12px}.stat i{position:absolute;right:18px;top:19px;font-style:normal;background:#f3f5f5;width:34px;height:34px;display:grid;place-items:center;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font:700 22px 'Barlow Condensed';margin:0}.link-btn{border:0;background:none;color:var(--green);font-size:9px;font-weight:800;cursor:pointer}.activity{display:grid}.activity-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eee}.activity-item i{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#eef4f1;font-style:normal;font-size:12px}.activity-item strong{font-size:11px;display:block}.activity-item p,.activity-item time{font-size:9px;color:var(--muted);margin:3px 0}.next-match{background:var(--navy);color:#fff;padding:22px}.next-match .teams{display:flex;justify-content:space-between;text-align:center;align-items:center;margin:26px 0}.team-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);margin:auto;font:700 13px 'Barlow Condensed'}.next-match b{font:700 13px 'Barlow Condensed'}.next-match .teams>span{color:#8292a1;font:700 11px 'Barlow Condensed'}.match-meta{border-top:1px solid #26384b;padding-top:14px;display:grid;gap:8px;font-size:9px;color:#aeb8c1}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:8px;letter-spacing:1px;color:var(--muted);padding:11px;border-bottom:1px solid var(--line)}.data-table td{font-size:11px;padding:13px 11px;border-bottom:1px solid #eee}.table-wrap{overflow:auto}.pill{display:inline-block;padding:5px 8px;border-radius:20px;background:#e7f3ed;color:var(--green);font-size:8px;font-weight:800}.pill.red{background:#fde9e7;color:#c73e37}.pill.blue{background:#e8f0fd;color:#3169c5}.avatar-name{display:flex;align-items:center;gap:8px;font-weight:700}.avatar-name i{width:28px;height:28px;background:var(--navy2);color:white;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px}.actions button{border:0;background:none;cursor:pointer;color:#65717b}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;padding:10px;font-size:10px}.toolbar input{min-width:260px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.league-card{background:#fff;border:1px solid var(--line);padding:20px;border-top:3px solid var(--green)}.league-card:nth-child(even){border-color:var(--red)}.league-card h3{font:700 22px 'Barlow Condensed';margin:12px 0 4px}.league-card p{font-size:10px;color:var(--muted)}.league-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;margin-top:18px;padding-top:14px;font-size:9px}.league-card>i{font-style:normal;font-size:28px}.round-list{display:grid;gap:12px}.round{background:#fff;border:1px solid var(--line)}.round-head{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.round-head h3{font:700 19px 'Barlow Condensed';margin:0}.match-row{display:grid;grid-template-columns:100px 1fr auto 1fr 130px 75px;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f0f0;font-size:10px}.match-row .home{text-align:right}.match-row strong{font:700 16px 'Barlow Condensed';padding:0 18px}.match-row small{color:var(--muted)}.live-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.scoreboard{background:var(--navy);color:#fff;padding:35px;text-align:center}.score-head{display:flex;justify-content:space-between;color:#8fa0b0;font-size:9px}.score-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:35px 0}.score-team .team-badge{width:68px;height:68px}.score-team h3{font:700 20px 'Barlow Condensed'}.big-score{font:800 70px 'Barlow Condensed';white-space:nowrap}.sets{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.set{border:1px solid #304157;padding:8px 13px;font-size:10px}.set.current{border-color:var(--red);color:var(--red)}.point-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.point-controls button{padding:15px;border:0;font-size:10px;font-weight:800;cursor:pointer}.point-controls button:first-child{background:#fff}.point-controls button:nth-child(2){background:var(--red);color:white}.finish-btn{width:100%;margin-top:10px;background:var(--green);color:#fff;padding:14px;border:0;font-weight:800;font-size:10px;cursor:pointer}.timeline{max-height:420px;overflow:auto}.timeline div{border-left:2px solid var(--line);padding:2px 0 15px 15px;font-size:10px}.timeline time{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.team-profile{display:grid;grid-template-columns:240px 1fr;gap:18px}.crest-panel{text-align:center}.crest{width:110px;height:110px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:15px auto;font:800 27px 'Barlow Condensed';border:7px solid #e7edea}.upload{display:block;border:1px dashed #b8c0c5;padding:11px;font-size:9px;cursor:pointer}.upload input{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.player-card{background:#fff;border:1px solid var(--line);padding:16px;text-align:center;position:relative}.player-card>i{display:grid;width:52px;height:52px;border-radius:50%;place-items:center;background:#dce7e2;color:var(--green);margin:auto;font-style:normal;font-weight:700}.player-card h4{font-size:11px;margin:11px 0 4px}.player-card p{font-size:9px;color:var(--muted);margin:0}.player-card button{position:absolute;right:5px;top:5px;border:0;background:none;color:#9aa2a8;cursor:pointer}dialog{border:0;width:min(640px,92vw);padding:30px;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#061321c7}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:25px;cursor:pointer}dialog h2{font:700 31px 'Barlow Condensed';margin:7px 0 20px}dialog .form-grid{margin-top:15px}dialog .primary-btn{margin-top:20px;float:right}#toast{position:fixed;bottom:25px;right:25px;background:var(--green);color:#fff;padding:14px 20px;font-size:11px;transform:translateY(100px);opacity:0;transition:.3s;z-index:50}#toast.show{transform:none;opacity:1}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.live-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.player-grid{grid-template-columns:repeat(3,1fr)}.match-row{grid-template-columns:80px 1fr auto 1fr}.match-row small:nth-last-child(-n+2){display:none}}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:370px}.login-visual h1{font-size:70px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-head{display:flex;height:58px;background:var(--navy);color:#fff;align-items:center;justify-content:space-between;padding:0 17px}.mobile-head button{background:none;border:0;color:#fff;font-size:20px}.mobile-head b{font:700 13px 'Barlow Condensed'}.mobile-head i{width:30px;height:30px}.dash-main{margin:0;padding:25px 16px}.page-head{align-items:flex-start}.page-head h1{font-size:37px}.head-actions .icon-btn{display:none}.stats{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}.team-profile{grid-template-columns:1fr}.player-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.toolbar input{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.match-row{grid-template-columns:55px 1fr auto 1fr;padding:12px 8px}.match-row strong{padding:0 7px}.page-head .primary-btn{padding:11px;font-size:8px}}@media(max-width:430px){.stats{grid-template-columns:1fr}.player-grid{grid-template-columns:1fr}.login-visual{min-height:330px}.big-score{font-size:50px}.scoreboard{padding:22px 15px}}
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}img,svg,video{max-width:100%}@media(max-width:720px){input,select,textarea{font-size:16px}.login-visual{min-height:300px;padding:30px 22px}.login-visual h1{font-size:58px;margin:24px 0 12px}.login-form{padding:42px 20px;align-items:start}.login-box h2{font-size:36px}.dash-main{width:100%;min-width:0;padding:24px 14px 44px}.page-head{flex-wrap:wrap;gap:16px;margin-bottom:24px}.page-head>div{min-width:0;flex:1 1 220px}.head-actions{width:100%}.head-actions .primary-btn{width:100%;min-height:44px}.panel{min-width:0;padding:16px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.activity-item{grid-template-columns:36px minmax(0,1fr)}.activity-item time{grid-column:2}.match-row{grid-template-columns:50px minmax(0,1fr) auto minmax(0,1fr);font-size:9px}.match-row .home,.match-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar>*{width:100%;min-height:42px}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;padding:28px 18px}#toast{left:14px;right:14px;bottom:14px;text-align:center}}@media(max-width:380px){.stats{grid-template-columns:1fr}.real-score section strong{font-size:58px}.real-score section div{grid-template-columns:32px 55px 32px}.real-score section button{width:32px}}