
:root{
  --ks-bg:#07101f;--ks-sidebar:#0b1628;--ks-panel:#111d31;--ks-panel2:#14233d;
  --ks-blue:#0287c9;--ks-blue2:#43bdf7;--ks-gold:#ffd700;--ks-text:#fff;
  --ks-muted:rgba(255,255,255,.58);--ks-line:rgba(2,135,201,.30);
  --ks-danger:#ff6877;--ks-success:#48d6b5;--ks-sidebar-w:270px;--ks-topbar-h:70px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top right,rgba(2,135,201,.12),transparent 34%),var(--ks-bg);color:var(--ks-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
body.ks-menu-open{overflow:hidden}
.ks-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--ks-sidebar-w);height:100vh;overflow-y:auto;padding:18px 14px;background:linear-gradient(180deg,#0b1628,#08111f);border-right:1px solid var(--ks-line);box-shadow:18px 0 40px rgba(0,0,0,.22)}
.ks-brand{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 10px 17px;border-bottom:1px solid rgba(255,255,255,.08)}
.ks-brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(145deg,var(--ks-blue),#0a3553);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 18px rgba(2,135,201,.30);font-size:22px}
.ks-brand-name{font-size:20px;font-weight:900;letter-spacing:.7px}.ks-brand-sub{margin-top:2px;color:var(--ks-muted);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.ks-nav-section{margin-top:20px}.ks-nav-label{padding:0 12px 8px;color:rgba(255,255,255,.34);font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.ks-nav{display:grid;gap:5px}
.ks-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:13px;color:rgba(255,255,255,.72);font-size:13px;font-weight:750;transition:.16s}
.ks-nav a:hover{transform:translateX(2px);color:#fff;background:rgba(2,135,201,.10);border-color:rgba(2,135,201,.22)}
.ks-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(2,135,201,.24),rgba(2,135,201,.08));border-color:rgba(2,135,201,.40);box-shadow:inset 3px 0 0 var(--ks-gold)}
.ks-nav-icon{display:grid;place-items:center;width:26px;font-size:18px}.ks-nav-text{flex:1}.ks-nav-badge{padding:3px 7px;border-radius:999px;background:rgba(2,135,201,.16);color:var(--ks-blue2);font-size:9px;font-weight:900}
.ks-main{min-height:100vh;margin-left:var(--ks-sidebar-w)}
.ks-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;min-height:var(--ks-topbar-h);padding:12px 24px;background:rgba(11,22,40,.93);border-bottom:1px solid var(--ks-line);backdrop-filter:blur(16px)}
.ks-menu-btn{display:none;width:42px;height:42px;border:1px solid var(--ks-line);border-radius:12px;background:var(--ks-panel);color:#fff;cursor:pointer}
.ks-topbar h1{margin:0;font-size:20px;font-weight:900}.ks-topbar p{margin:3px 0 0;color:var(--ks-muted);font-size:11px}.ks-topbar-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.ks-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--ks-line);border-radius:12px;background:var(--ks-panel);font-size:11px;font-weight:800;color:rgba(255,255,255,.76)}
.ks-dot{width:8px;height:8px;border-radius:50%;background:var(--ks-success);box-shadow:0 0 10px rgba(72,214,181,.72)}
.ks-content{width:min(1500px,100%);margin:0 auto;padding:26px}
.ks-overlay{display:none}
.ks-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.ks-page-head h2{margin:0;color:#fff;font-size:27px}.ks-page-head p{margin:5px 0 0;color:var(--ks-muted);font-size:12px}
.ks-panel,.panel{background:linear-gradient(145deg,var(--ks-panel2),var(--ks-panel),#08111f);border:1px solid var(--ks-line);border-radius:20px;box-shadow:0 16px 35px rgba(0,0,0,.30);overflow:hidden}
.ks-card,.card,.sports-card{background:linear-gradient(145deg,var(--ks-panel2),var(--ks-panel),#08111f)!important;border:1px solid var(--ks-line)!important;border-radius:18px!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.25)}
form:not(.inline-form){background:linear-gradient(145deg,var(--ks-panel2),var(--ks-panel),#08111f);border:1px solid var(--ks-line);border-radius:18px;padding:18px;margin:0 0 22px}
label{display:block;margin:10px 0 6px;color:rgba(255,255,255,.76);font-size:12px;font-weight:800}
input,select,textarea{width:100%;border:1px solid rgba(2,135,201,.32);border-radius:12px;background:rgba(6,16,31,.78);color:#fff;padding:11px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--ks-blue);box-shadow:0 0 0 3px rgba(2,135,201,.12)}
textarea{min-height:95px}
button,.button,.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:11px;background:var(--ks-blue);color:#fff;font-weight:850;cursor:pointer}
button:hover,.button:hover,.btn-link:hover{filter:brightness(1.08)}
table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--ks-line);border-radius:16px;background:rgba(17,29,49,.72)}
th,td{padding:12px 13px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}
th{background:#0b1628;color:rgba(255,255,255,.70);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
td{color:rgba(255,255,255,.82);font-size:12px}tr:last-child td{border-bottom:0}table img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}
h1,h2,h3{color:#fff}
.ks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ks-module{padding:20px;min-height:160px}.ks-module h3{margin:12px 0 6px}.ks-module p{margin:0;color:var(--ks-muted);font-size:12px;line-height:1.5}
.ks-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(2,135,201,.12);border:1px solid rgba(2,135,201,.30);font-size:23px}
.ks-actions{display:flex;flex-wrap:wrap;gap:8px}
.ks-muted{color:var(--ks-muted)}
.notice{padding:13px 15px;border-radius:13px;border:1px solid rgba(72,214,181,.35);background:rgba(72,214,181,.10);color:#a6f6e5;margin-bottom:16px}
.ks-error{border-color:rgba(255,104,119,.45);background:rgba(255,104,119,.10);color:#ffc4ca}
.ks-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}.ks-span-2{grid-column:1/-1}
.ks-event-form small,.ks-event-cell small,td small{display:block;margin-top:5px;color:var(--ks-muted);line-height:1.35}
.ks-ppv-settings{margin:20px 0;padding:16px;border:1px solid rgba(255,215,0,.28);border-radius:15px;background:rgba(255,215,0,.035)}
.ks-ppv-settings legend{padding:0 8px;color:var(--ks-gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.ks-check{display:flex;align-items:center;gap:9px;cursor:pointer}.ks-check input{width:18px;height:18px;margin:0;accent-color:var(--ks-blue)}.ks-check span{font-size:12px;font-weight:800}.ks-check-wrap{display:flex;align-items:flex-end;padding-bottom:11px}
.ks-secondary{background:transparent;border-color:var(--ks-line)}.ks-danger{background:rgba(255,104,119,.15);border-color:rgba(255,104,119,.40);color:#ffc4ca}.ks-small{min-height:32px;padding:6px 10px;font-size:11px}
.ks-table-wrap{overflow-x:auto;border-radius:16px}.ks-event-cell{display:flex;align-items:center;gap:11px;min-width:210px}.ks-event-cell img{width:62px;height:48px;object-fit:cover;background:#08111f}.ks-event-cell strong{display:block;color:#fff}
.ks-badge{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;background:rgba(2,135,201,.16);color:var(--ks-blue2);font-size:9px;font-weight:900}.ks-badge.ks-gold{background:rgba(255,215,0,.12);color:var(--ks-gold)}
.inline-form{display:inline;margin:0;padding:0;background:none;border:0}.inline-form input{display:none}
.ks-login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.ks-login-card{width:min(430px,100%);padding:28px!important}.ks-login-card h1{margin:18px 0 4px}.ks-login-card button{width:100%;margin-top:20px}
@media(max-width:860px){
 .ks-sidebar{transform:translateX(-105%);transition:transform .22s}.ks-menu-open .ks-sidebar{transform:translateX(0)}
 .ks-main{margin-left:0}.ks-menu-btn{display:inline-grid;place-items:center}.ks-content{padding:18px 14px 28px}
 .ks-overlay{display:block;position:fixed;inset:0;z-index:45;pointer-events:none;background:rgba(0,0,0,0);transition:.22s}
 .ks-menu-open .ks-overlay{pointer-events:auto;background:rgba(0,0,0,.60)}
}
@media(max-width:620px){.ks-status{display:none}.ks-page-head{flex-direction:column}table{display:block;overflow-x:auto}}
@media(max-width:700px){.ks-form-grid{grid-template-columns:1fr}.ks-span-2{grid-column:auto}}
