body{background:#ececec;margin:0;font-family:Arial}.container{max-width:1100px;margin:auto;padding:30px}.dashboard-layout{grid-template-columns:220px 1fr;gap:24px;display:grid}@media (width<=768px){.dashboard-layout{grid-template-columns:1fr}}.header{color:#fff;background:#272440;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px;display:flex;box-shadow:0 10px 25px #0003}.header h1{color:#f2e205;margin:0}.session-name{opacity:.9;margin-top:8px;font-size:20px}.header-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.status{border-radius:100px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:flex}.online{background:#1d6f42}.offline{background:#8b1d1d}.dot{background:#fff;border-radius:50%;width:10px;height:10px}.session-list{margin-bottom:24px}.session-list h3{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:13px;font-weight:700}.session{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:14px;align-items:center;width:100%;height:56px;margin-bottom:10px;padding:0 18px;transition:all .25s;display:flex;position:relative}.session:hover{background:#ffffff14;transform:translate(4px)}.session.active{color:#fff;background:linear-gradient(90deg,#1fa463,#28c76f);box-shadow:0 8px 20px #28c76f59}.status-dot{background:#555;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:16px;transition:all .25s}.session.active .status-dot{background:#ff3b30;animation:1.5s infinite pulse;box-shadow:0 0 12px #ff3b30}.session-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:15px;font-weight:600;overflow:hidden}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.sidebar{color:#fff;background:#272440;border-radius:20px;height:fit-content;padding:20px}.sidebar-brand h2{color:#f2e205;margin:0}.sidebar-brand p{opacity:.75;margin-top:6px;font-size:14px}.sidebar button{color:#fff;cursor:pointer;background:#f28705;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:14px;font-weight:700}.sidebar button:hover{opacity:.85}.sidebar .danger{background:#c0392b}.sidebar hr{border:none;border-top:1px solid #fff3;margin:18px 0}.team-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:25px;transition:all .25s;box-shadow:0 10px 25px #0000001a}.team-card:hover{transform:translateY(-3px)}.team-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.team-header h2{margin:0}.points{color:#f28705;margin-top:12px;font-size:42px;font-weight:700}.points span{font-size:18px}.score-buttons{gap:10px;margin-top:20px;display:flex}.score-buttons button{color:#fff;cursor:pointer;background:#272440;border:none;border-radius:12px;flex:1;padding:14px;font-weight:700}.score-buttons button:hover{background:#f28705}.team-menu-wrapper{margin-left:auto;position:relative}.menu-button{color:#555;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu-button:hover{background:#00000014;border-radius:50%}.team-menu{z-index:10;background:#fff;border-radius:12px;width:160px;padding:8px;position:absolute;top:42px;right:0;box-shadow:0 10px 25px #0000002e}.team-menu button{text-align:left;cursor:pointer;color:#272440;background:0 0;border:none;border-radius:8px;width:100%;padding:10px;font-weight:600}.team-menu button:hover{background:#f3f3f3}.team-menu .danger{color:#c0392b}.modal-backdrop{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:420px;padding:25px}.modal h2{margin-top:0}.modal input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;margin:20px 0;padding:14px}.color-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.color{cursor:pointer;border:none;border-radius:10px;height:45px}.selected{outline:4px solid #000}.actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.toast{color:#fff;z-index:1000;background:#272440;border-radius:14px;padding:14px 18px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #00000040}.toast.success{border-left:6px solid #4caf50}.toast.error{border-left:6px solid #e53935}