.topbar-actions{display:flex;gap:8px;align-items:center}.calendar-tabs{display:flex;gap:4px;align-items:center}.calendar-tabs.hidden{display:none}.calendar-tabs .nav-item{border:1px solid #dce3ea;background:#fff;color:#52606d}.calendar-tabs .nav-item.active{background:#253342;color:#fff;border-color:#253342}.class-event{background:#f0ebff!important;border-left-color:#7354b8!important;color:#43326b}.class-event .class-icon{color:#7354b8;font-size:11px;line-height:16px}.class-event .event-content b{color:#7354b8;text-decoration:none}.class-event{cursor:default!important}.class-event:hover{transform:none}@media(max-width:600px){.topbar-actions{gap:4px}.topbar-actions .button{padding:8px 9px;font-size:10px}}
.topbar-actions{display:flex;gap:8px;align-items:center}.calendar-tabs{display:flex;gap:4px;align-items:center}.calendar-tabs.hidden{display:none}.calendar-tabs .nav-item{border:1px solid #dce3ea;background:#fff;color:#52606d}.calendar-tabs .nav-item.active{background:#253342;color:#fff;border-color:#253342}.class-event{background:#f0ebff!important;border-left-color:#7354b8!important;color:#43326b}.class-event .class-icon{color:#7354b8;font-size:11px;line-height:16px}.class-event .event-content b{color:#7354b8;text-decoration:none}.class-event .class-actions{display:flex;gap:3px;margin-top:4px}.class-event .class-actions button{border:0;background:rgba(255,255,255,.7);color:#43326b;border-radius:4px;padding:1px 4px;font-size:10px;cursor:pointer}.class-event{cursor:default!important}.class-event:hover{transform:none}@media(max-width:600px){.topbar-actions{gap:4px}.topbar-actions .button{padding:8px 9px;font-size:10px}}
.topbar-actions{display:flex;gap:8px;align-items:center}.calendar-tabs{display:flex;gap:4px;align-items:center}.calendar-tabs.hidden{display:none}.calendar-tabs .nav-item{border:1px solid #dce3ea;background:#fff;color:#52606d}.calendar-tabs .nav-item.active{background:#253342;color:#fff;border-color:#253342}.class-event{background:#f0ebff!important;border-left-color:#7354b8!important;color:#43326b}.class-event .class-icon{color:#7354b8;font-size:11px;line-height:16px}.class-event .event-content b{color:#7354b8;text-decoration:none}.class-event .class-actions{display:flex;gap:3px;margin-top:4px}.class-event .class-actions button{border:0;background:rgba(255,255,255,.7);color:#43326b;border-radius:4px;padding:1px 4px;font-size:10px;cursor:pointer}.class-management{margin-top:16px}.class-management-list{display:grid;gap:8px}.class-management-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e1e7ed;border-left:4px solid #7354b8;border-radius:10px;background:#fff}.class-management-row strong{display:block}.class-management-row small{display:block;color:#687684;margin-top:4px}.class-management-actions{display:flex;gap:6px;flex-shrink:0}@media(max-width:600px){.topbar-actions{gap:4px}.topbar-actions .button{padding:8px 9px;font-size:10px}.class-management-row{align-items:flex-start;flex-direction:column}.class-management-actions{width:100%}}