.management-page{max-width:1360px}.management-layout{min-width:0}.management-course-list,.inbox-panel{padding:0;overflow:hidden}.management-toolbar{border-bottom:1px solid var(--web-border);justify-content:space-between;align-items:center;gap:16px;padding:9px 24px 0;display:flex}.management-filters{align-items:center;gap:25px;display:flex}.management-filters>button{color:var(--web-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:17px 0;font-size:13px;display:flex}.management-filters>button.is-active{border-bottom-color:var(--web-primary);color:var(--web-primary);font-weight:650}.management-filters>button>span{color:var(--web-muted);font-variant-numeric:tabular-nums;font-size:12px}.management-filters>button.is-active>span{color:var(--web-primary)}.management-search{align-items:center;margin:20px 24px;display:flex}.management-search .web-input{width:100%;font-size:13px}.management-error{border-top:1px solid var(--web-border);border-bottom:1px solid var(--web-border);color:var(--web-danger);justify-content:space-between;align-items:center;gap:12px;padding:15px 24px;font-size:13px;display:flex}.management-course-rows{margin:0;padding:0;list-style:none}.management-course-rows>li{border-top:1px solid var(--web-border);align-items:center;gap:20px;padding:23px 24px;display:flex}.management-course-rows>li:hover{background:var(--web-surface-muted)}.management-course-info{flex:1;min-width:0}.management-course-title{font:inherit;color:var(--web-text);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:15px;font-weight:550;line-height:1.65;display:block}.management-course-title:hover{color:var(--web-primary);text-underline-offset:3px;text-decoration:underline}.management-course-info p{color:var(--web-muted);margin-top:4px;font-size:13px}.management-course-state{color:var(--web-muted);white-space:nowrap;text-align:right;min-width:46px;font-size:12px}.management-switch{background:var(--web-muted);border:0;border-radius:20px;flex-shrink:0;justify-content:flex-start;align-items:center;width:40px;height:23px;padding:3px;transition:background .2s;display:flex}.management-switch[aria-checked=true]{background:var(--web-primary)}.management-switch>span{background:var(--web-bg);border-radius:50%;width:17px;height:17px;transition:transform .2s;box-shadow:0 1px 3px #0002}.management-switch[aria-checked=true]>span{background:var(--web-primary-foreground);transform:translate(17px)}.management-list-footer{border-top:1px solid var(--web-border);color:var(--web-muted);justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;font-size:12px;display:flex}.management-footnote{color:var(--web-muted);margin-top:20px;font-size:12px;line-height:1.8}.inbox-search-row{align-items:center;gap:12px;margin:20px 24px;display:flex}.inbox-search-row .management-search{flex:1;min-width:0;margin:0}.inbox-search-row .web-select{min-width:140px;font-size:13px}.inbox-list{margin:0;padding:0;list-style:none}.inbox-list>li{border-top:1px solid var(--web-border);align-items:center;padding-right:22px;display:flex}.inbox-list>.is-unread{background:color-mix(in srgb, var(--web-primary-soft) 18%, var(--web-surface))}.inbox-notification{min-width:0;font:inherit;text-align:left;color:var(--web-text);background:0 0;border:0;flex:1;align-items:center;gap:20px;padding:24px;display:flex}.inbox-notification>.web-icon{color:var(--web-muted)}.inbox-notification:hover>.inbox-content>strong{color:var(--web-primary)}.inbox-content{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-meta{color:var(--web-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:9px;font-size:12px;display:flex}.inbox-type-label{color:var(--web-muted)}.inbox-course-name{overflow-wrap:anywhere}.inbox-meta time{white-space:nowrap;margin-left:auto;font-size:12px}.inbox-read-state{font-size:11px}.inbox-read-state.is-unread{color:var(--web-primary);font-weight:600}.inbox-content>strong{overflow-wrap:anywhere;margin-bottom:7px;font-size:15px;font-weight:500;line-height:1.6}.is-unread .inbox-content>strong{font-weight:650}.inbox-body{color:var(--web-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.inbox-item-actions{align-items:center;gap:10px;padding-left:4px;display:flex}.inbox-item-actions .web-icon-button{width:32px;height:34px;color:var(--web-muted)}.inbox-item-actions .inbox-delete:hover{color:var(--web-danger);background:color-mix(in srgb, var(--web-danger) 7%, var(--web-surface))}.inbox-mark-read{color:var(--web-muted);white-space:nowrap;background:0 0;border:0;padding:7px 0;font-size:12px}.inbox-mark-read:hover{color:var(--web-primary);text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){.management-page .web-page-heading{flex-wrap:wrap;align-items:flex-start}.inbox-notification{gap:12px}.inbox-meta time{margin-left:0}}@media (width<=650px){.management-page .web-page-heading{flex-direction:column;align-items:flex-start}.management-page .web-page-actions{flex-wrap:wrap;gap:8px}.management-toolbar{gap:8px;padding:7px 16px 0}.management-filters{gap:18px}.management-filters>button{gap:5px;font-size:12px}.management-filters>button>span{font-size:11px}.management-search,.inbox-search-row{margin:16px}.management-course-rows>li{flex-wrap:wrap;gap:12px;padding:20px 16px}.management-course-title{font-size:14px}.management-course-info p{font-size:12px}.management-course-state{font-size:11px}.management-list-footer{flex-wrap:wrap;padding:15px 16px;font-size:11px}.inbox-search-row{flex-wrap:wrap;gap:8px}.inbox-search-row .management-search{flex-basis:170px}.inbox-search-row .web-select{min-width:100px;font-size:12px}.inbox-list>li{padding:0;display:block}.inbox-notification{gap:10px;width:100%;padding:20px 16px 12px}.inbox-content>strong{font-size:14px}.inbox-meta{gap:5px 9px;font-size:11px}.inbox-meta time{font-size:11px}.inbox-body{font-size:13px}.inbox-item-actions{justify-content:flex-end;padding:0 14px 12px}.management-error{flex-wrap:wrap;padding:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.management-switch,.management-switch>span{transition:none}}