@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111b;--panel:#0d1b28;--panel2:#102333;--line:#203546;--text:#eef7ff;--muted:#91a7b8;--green:#57e31a;--green2:#2eb60d;--danger:#ef4444;--shadow:0 24px 80px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 90% 5%,rgba(87,227,26,.09),transparent 28%),linear-gradient(180deg,#061019,#091621);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}.cpanel-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.cpanel-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:rgba(7,17,27,.94);border-right:1px solid var(--line);backdrop-filter:blur(18px)}.cpanel-brand{display:flex;align-items:center;gap:13px;padding:9px 8px 26px;border-bottom:1px solid var(--line);margin-bottom:22px}.brand-icon,.login-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 12px 34px rgba(87,227,26,.22)}.brand-icon{width:48px;height:48px;border-radius:15px;font-size:22px}.cpanel-brand strong{display:block;font-size:15px}.cpanel-brand span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.cpanel-sidebar nav{display:flex;flex-direction:column;gap:7px}.cpanel-sidebar nav a{padding:13px 14px;border-radius:12px;text-decoration:none;color:#bdccd7;font-weight:650;transition:.2s}.cpanel-sidebar nav a:hover,.cpanel-sidebar nav a.active{background:linear-gradient(90deg,rgba(87,227,26,.16),rgba(87,227,26,.04));color:#fff;transform:translateX(3px)}.cpanel-main{padding:34px;min-width:0}.cpanel-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.cpanel-topbar h1{font-size:30px;margin:0}.cpanel-topbar p{color:var(--muted);margin:7px 0 0}.site-link,.save-team-btn,.delete-btn,.player-actions button{border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s}.site-link,.save-team-btn{background:linear-gradient(135deg,var(--green),var(--green2));color:#061009;box-shadow:0 10px 25px rgba(87,227,26,.18)}.site-link:hover,.save-team-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.team-switcher,.empty-team-box,.team-hero,.stat-card,.action-card,.team-edit-box,.players-box,.matches-panel{background:linear-gradient(145deg,rgba(16,35,51,.96),rgba(10,25,37,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.team-switcher{padding:16px 18px;margin-bottom:22px}.team-switcher form{display:flex;align-items:center;gap:12px}.team-switcher label{font-size:13px;color:var(--muted);font-weight:700}.team-switcher select,input,textarea{background:#07131e;color:var(--text);border:1px solid #294152;border-radius:10px;padding:11px 12px;outline:none}.team-switcher select:focus,input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(87,227,26,.12)}.team-hero{padding:28px;display:flex;align-items:center;gap:22px;margin-bottom:20px;animation:rise .45s ease both}.team-logo{width:92px;height:92px;border-radius:22px;background:linear-gradient(135deg,var(--green),#147d16);display:grid;place-items:center;overflow:hidden;font-size:36px;font-weight:900;flex:0 0 auto}.team-logo img{width:100%;height:100%;object-fit:cover}.team-hero span,.players-header span,.team-preview span{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.team-hero h2,.team-preview h2{margin:8px 0 3px;font-size:32px}.team-hero p,.team-preview p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:22px;animation:rise .55s ease both}.stat-card span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800}.stat-card strong{display:block;font-size:31px;margin-top:10px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-card{padding:24px;text-decoration:none;transition:.22s}.action-card:hover{transform:translateY(-4px);border-color:rgba(87,227,26,.55)}.action-card strong{font-size:18px;display:block;margin-bottom:8px}.action-card span{color:var(--muted);line-height:1.5}.cpanel-alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;transition:.35s}.cpanel-alert.success{background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.35);color:#c8ffd5}.cpanel-alert.error{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);color:#ffd0d0}.cpanel-alert.hide{opacity:0;transform:translateY(-8px)}.team-edit-box,.players-box{padding:26px}.team-preview{display:flex;align-items:center;gap:20px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.team-logo.big{width:110px;height:110px}.team-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.form-section{padding:20px;background:rgba(5,16,25,.58);border:1px solid var(--line);border-radius:15px}.form-section h3{margin:0 0 15px}.form-section label,.modal-box label{display:block;color:#bfd0dc;font-size:12px;font-weight:700;margin:13px 0 6px}.form-section input,.form-section textarea,.modal-box input,.modal-box textarea{width:100%}.form-section input[type=color]{height:46px;padding:4px}.save-team-btn{grid-column:1/-1;width:100%;font-size:15px}.players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.players-header h2{margin:6px 0 0}.players-header strong{background:rgba(87,227,26,.13);border:1px solid rgba(87,227,26,.32);color:#caffb8;border-radius:999px;padding:8px 12px;font-size:12px}.players-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.player-card{padding:18px;border-radius:16px;background:rgba(5,16,25,.68);border:1px solid var(--line);transition:.22s}.player-card:hover{transform:translateY(-4px);border-color:rgba(87,227,26,.45)}.player-photo{width:76px;height:76px;border-radius:19px;background:linear-gradient(135deg,var(--green),#147d16);display:grid;place-items:center;overflow:hidden;font-size:28px;font-weight:900}.player-photo img{width:100%;height:100%;object-fit:cover}.player-info h3{margin:14px 0 6px}.player-info p{margin:0;color:#d8e3ea}.player-info span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.player-actions{display:flex;gap:8px;margin-top:16px}.player-actions button{flex:1;background:#173044;color:white;padding:9px 10px}.player-actions button:hover{background:#21425a}.player-actions .danger,.delete-btn{background:rgba(239,68,68,.15);color:#ffbcbc;border:1px solid rgba(239,68,68,.3)}.modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,6,12,.78);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:20px}.modal-box{width:min(680px,100%);max-height:90vh;overflow:auto;background:#0d1b28;border:1px solid #294152;border-radius:20px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);animation:modalIn .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-header h2{margin:0}.modal-header button{border:0;background:#172b3a;color:white;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}.modal-box form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.modal-box form label:nth-of-type(7),.modal-box form textarea,.modal-box form .save-team-btn,.modal-box form .delete-btn,.modal-box form p{grid-column:1/-1}.modal-box textarea{min-height:100px;resize:vertical}.modal-box .save-team-btn,.modal-box .delete-btn{margin-top:18px}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(87,227,26,.16),transparent 32%),#07111b}.login-box{width:min(410px,100%);padding:34px;background:rgba(13,27,40,.95);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-logo{width:64px;height:64px;border-radius:18px;font-size:28px}.login-box h1{margin:20px 0 5px}.login-box p{color:var(--muted)}.login-box label{display:block;margin:13px 0 6px;color:#c8d6df;font-size:13px}.login-box input{width:100%}.login-box button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:11px;background:var(--green);font-weight:900;cursor:pointer}.back-link{display:block;color:var(--muted);margin-top:18px;text-decoration:none;font-size:13px}.matches-panel{padding:24px;margin-top:20px}.matches-panel h2{margin:0 0 18px}.match-list{display:grid;gap:10px}.match-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;padding:14px 16px;border-radius:13px;background:rgba(4,15,24,.7);border:1px solid var(--line);text-decoration:none;transition:.2s}.match-item:hover{transform:translateX(4px);border-color:rgba(87,227,26,.5)}.match-date strong,.match-date span{display:block}.match-date span{color:var(--green);font-size:12px;margin-top:3px}.match-teams{font-weight:750}.match-status{font-size:11px;color:var(--green);border:1px solid rgba(87,227,26,.35);padding:7px 9px;border-radius:999px}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.team-form{grid-template-columns:1fr}.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.cpanel-layout{grid-template-columns:1fr}.cpanel-sidebar{position:relative;height:auto}.cpanel-sidebar nav{flex-direction:row;overflow:auto}.cpanel-sidebar nav a{white-space:nowrap}.cpanel-main{padding:22px}.stats-grid,.quick-actions{grid-template-columns:1fr}.cpanel-topbar{align-items:flex-start;flex-direction:column}.players-grid{grid-template-columns:1fr}.match-item{grid-template-columns:1fr}.modal-box form{grid-template-columns:1fr}.modal-box form>*{grid-column:1!important}}