body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}:root{--accent:#3f9b63;--accent-hover:#2e7655;--accent-light:#c5e1d0;--accent-soft:#3f9b6326;--navy:#072337;--navy-tint:#788691;--navy-shade:#071c2a;--bg:#f5f5f5;--bg-card:#fff;--border:#e0e0e0;--text:#666;--text-heading:#555;--text-on-dark:#fff;--success:#3f9b63;--text-muted:#788691;--header-bg:#072337;--sidebar-bg:#fff;--shadow:0 1px 3px #0000000f;--shadow-card:0 2px 8px #0000000f}*{box-sizing:border-box}a{color:var(--accent);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}body{background:var(--bg);color:var(--text);margin:0;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.topbar{background:var(--header-bg);height:56px;box-shadow:var(--shadow);border-bottom:none;align-items:center;padding:0 1.5rem;display:flex}.topbar-brand{color:var(--text-on-dark);font-family:Raleway,sans-serif;font-size:1.25rem;font-weight:700}.topbar-brand span{color:var(--accent-light)}.topbar-courses-link{color:var(--accent-light);white-space:nowrap;margin-left:1rem;font-size:.85rem;font-weight:600;text-decoration:none}.topbar-courses-link:hover{color:#fff;text-decoration:underline}.topbar-tagline{color:#fffc;flex:1;margin-left:1rem;font-size:.85rem}.topbar-actions{align-items:center;gap:1rem;display:flex}.notification-bell{position:relative}.bell-btn{cursor:pointer;color:#ffffffe6;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.bell-btn:hover{color:var(--text-on-dark);background:#ffffff1a}.bell-btn{position:relative}.bell-badge{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.bell-backdrop{z-index:10;position:fixed;inset:0}.bell-dropdown{background:var(--bg-card);border:1px solid var(--border);width:360px;max-height:400px;box-shadow:var(--shadow-card);z-index:20;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.bell-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:600;display:flex}.mark-all-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.mark-all-btn:hover{text-decoration:underline}.bell-dropdown-list{max-height:320px;overflow-y:auto}.bell-item{border-bottom:1px solid var(--border);cursor:pointer;padding:.85rem 1rem}.bell-item:hover{background:#fafbfc}.bell-item.unread{background:var(--accent-light)}.bell-item-title{font-size:.9rem;font-weight:500}.bell-item-message{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.bell-item-time{color:var(--text-muted);margin-top:.35rem;font-size:.75rem}.bell-empty{text-align:center;color:var(--text-muted);padding:2rem}.persona-switcher{align-items:center;gap:.5rem;display:flex}.persona-label{color:#fffc;font-size:.8rem}.persona-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:6px;padding:.35rem .65rem;font-family:Open Sans,sans-serif;font-size:.85rem}.persona-btn:hover{color:var(--text-on-dark);background:#ffffff14;border-color:#fffc}.persona-btn.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-dark)}.course-cards{flex-direction:column;gap:1rem;display:flex}.course-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.course-card-body{flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem;display:flex}.course-card-body h3{color:var(--text-heading);flex:1;min-width:200px;margin:0;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700}.course-meta{color:var(--text-muted);font-size:.85rem}.btn-mark-complete{margin-left:auto}.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2rem}.empty-state p{margin:.5rem 0}.layout{flex-direction:column;min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-shrink:0;width:240px;padding:1rem 0}.sidebar-section{border-bottom:1px solid var(--border);padding:.5rem 0}.sidebar-section:last-of-type{border-bottom:none}.sidebar-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600}.sidebar nav{flex-direction:column;display:flex}.sidebar nav a{color:var(--text);border-radius:6px;align-items:center;gap:.5rem;margin:0 .5rem;padding:.6rem 1rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar nav a:hover{background:var(--accent-light);color:var(--accent)}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main-with-sidebar{flex:1;display:flex;overflow:hidden}.content{flex:1;padding:1.5rem 2rem;overflow-x:auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.page-header h2{color:var(--text-heading);margin:0 0 .25rem;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700}.page-header .subtitle{color:var(--text-muted);font-size:.9rem}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:1.25rem;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-card);border-color:var(--accent-light)}.card-value{color:var(--accent);font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.card-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.collab-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=640px){.collab-cards{grid-template-columns:1fr}}.collab-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-left:4px solid var(--accent);border-radius:10px;padding:1.25rem}.collab-card h4{color:var(--text-heading);margin:0 0 .5rem;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:700}.collab-card .value{color:var(--accent);font-size:1.5rem;font-weight:600}.table-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-top:1rem;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);background:#fafbfc;padding:.75rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.85rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbfc}.filters{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:1rem;padding:1rem}.filter-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-row label{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.filter-row select,.filter-row input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:.45rem .65rem;font-size:.9rem}.filter-row input{width:180px}button{border:1px solid var(--accent);background:var(--accent);color:var(--text-on-dark);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text);border-color:var(--border);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted);background:#fafbfc}.export-form{background:var(--bg-card);border:1px solid var(--border);max-width:500px;box-shadow:var(--shadow);border-radius:10px;padding:1.25rem}.export-form label{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.export-form .course-selector-all{flex-direction:row;justify-content:flex-start}.export-form input,.export-form select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.export-form input{max-width:300px}.export-field{margin-bottom:1rem}.export-field>label{margin-bottom:.35rem}.export-radio-group{gap:1.25rem;display:flex}.export-radio{cursor:pointer;align-items:center;font-size:.9rem;flex-direction:row!important;gap:.4rem!important;margin-bottom:0!important;display:flex!important}.export-radio input[type=radio]{max-width:unset;accent-color:var(--accent);margin:0}.badge-complete{background:var(--accent-light);color:var(--accent);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-learner{background:var(--accent-light);color:var(--accent)}.badge-manager{color:var(--accent-hover);background:#3f9b6333}.badge-learner,.badge-manager{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.users-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.users-toolbar-right{align-items:center;gap:.5rem;display:flex}.users-search{border:1px solid var(--border);min-width:220px;color:var(--text);background:var(--bg-card);border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.users-search:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #16a34a26}.users-export-btn{border:1px solid var(--accent);background:var(--bg-card);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.users-export-btn:hover:not(:disabled){background:var(--accent);color:var(--text-on-dark)}.users-export-btn:disabled{opacity:.5;cursor:not-allowed}.users-filter{align-items:center;gap:.5rem;display:flex}.users-filter button{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.users-filter button:hover{background:var(--accent-light);border-color:var(--accent)}.users-filter button.active{background:var(--accent);color:var(--text-on-dark);border-color:var(--accent)}.users-table table{width:100%}.users-table th{text-align:left;padding:.5rem .75rem}.users-table td{padding:.5rem .75rem}.users-table select{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.users-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 0;display:flex}.users-pagination button{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.users-pagination button:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.users-pagination button:disabled{opacity:.5;cursor:not-allowed}.users-pagination span{color:var(--text-muted);font-size:.85rem}.discussion-list{flex-direction:column;gap:.75rem;display:flex}.discussion-item{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:1rem}.discussion-item .meta{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.discussion-item .content{margin:0;padding:0}.discussion-reply{border-left:3px solid var(--accent);margin-top:.5rem;margin-left:1.5rem;padding-left:1rem}.discussion-nested{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.discussion-reply-btn{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;margin-top:.5rem;padding:.25rem .65rem;font-size:.8rem}.discussion-reply-btn:hover{background:var(--bg-hover,#ffffff0f)}.discussion-reply-form{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.discussion-reply-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:.5rem;font-family:inherit}.discussion-reply-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.35rem .85rem;font-size:.85rem}.discussion-reply-submit:disabled{opacity:.6;cursor:not-allowed}.discussion-reply-error{color:#f87171;margin:0;font-size:.8rem}.reactions-row{flex-wrap:wrap;gap:1rem;display:flex}.reaction-badge{background:var(--accent-light);color:var(--accent);border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.85rem;display:inline-flex}.page section{margin-top:1.5rem}.page h3{color:var(--text-heading);margin:0 0 .75rem;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700}.profile-card{background:var(--bg-card);border:1px solid var(--border);max-width:28rem;box-shadow:var(--shadow);border-radius:10px;padding:1.25rem 1.5rem}.profile-dl{grid-template-columns:6rem 1fr;gap:.65rem 1rem;margin:0;font-size:.95rem;display:grid}.profile-dl dt{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:600}.profile-dl dd{color:var(--text);word-break:break-word;margin:0}.profile-section-title{color:var(--text-heading);margin:0 0 .75rem;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700}.profile-site-list{margin:0;padding-left:1.1rem}.profile-site-list li{margin:.2rem 0}.profile-label{color:var(--text-muted);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.profile-input{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:8px;padding:.5rem .65rem;font-family:inherit;font-size:.95rem}.profile-hint{color:var(--text-muted);margin:-.5rem 0 1rem;font-size:.8rem;line-height:1.4}.profile-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-weight:600}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.page-loading,.page-error{text-align:center;padding:2rem}.page-error,.error{color:#dc2626}.loading{color:var(--text-muted);margin-bottom:1rem}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:3rem;box-shadow:0 2px 12px #0000001a}.login-card h1{color:var(--navy);margin-bottom:.5rem;font-size:1.8rem}.login-card h1 span{color:var(--accent)}.login-card p{color:var(--text-muted);margin-bottom:2rem}.login-error{color:var(--danger,#d32f2f);background:#d32f2f1a;border-radius:6px;margin-bottom:1rem;padding:.5rem 1rem}.login-google-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .2s}.login-google-btn:hover{background:var(--accent-hover)}.assign-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.1rem;max-width:480px;padding:1.5rem;display:flex}.assign-form label{color:var(--text-heading);flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:600;display:flex}.assign-form textarea,.assign-form input[type=text],.assign-form select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-heading);box-sizing:border-box;border-radius:6px;padding:.55rem .65rem;font-family:inherit;font-size:.85rem}.assign-form textarea{resize:vertical}.assign-form textarea:focus,.assign-form input[type=text]:focus,.assign-form select:focus{border-color:var(--accent);outline:none}.assign-form button[type=submit]{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s}.assign-form button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}.assign-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.assign-hint{color:var(--text-muted);font-size:.72rem;font-weight:400;display:block}.assign-csv-section{flex-direction:column;gap:.4rem;display:flex}.assign-csv-label{color:var(--text-heading);font-size:.85rem;font-weight:600}.assign-dropzone{border:2px dashed var(--border);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.25rem;transition:border-color .2s,background .2s;display:flex}.assign-dropzone:hover,.assign-dropzone-active{border-color:var(--accent);background:var(--accent-soft)}.assign-dropzone-icon{font-size:1.5rem}.assign-dropzone-text{color:var(--text-muted);text-align:center;font-size:.78rem}.assign-dropzone-text strong{color:var(--accent)}.assign-csv-info{background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:.75rem;padding:.45rem .65rem;font-size:.8rem;display:flex}.assign-csv-clear{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.assign-email-summary{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:.45rem .65rem;font-size:.8rem}.assign-course-dropdown{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;flex-direction:column;max-height:180px;display:flex;overflow-y:auto;box-shadow:0 2px 8px #00000014}.assign-course-option{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);color:var(--text-heading);background:0 0;justify-content:space-between;align-items:center;padding:.5rem .65rem;font-size:.8rem;display:flex}.assign-course-option:last-child{border-bottom:none}.assign-course-option:hover{background:var(--accent-soft)}.assign-course-name{font-weight:500}.assign-course-category{color:var(--text-muted);background:var(--bg);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.assign-selected-courses{flex-wrap:wrap;gap:.35rem;display:flex}.assign-course-chip{background:var(--accent-soft);color:var(--accent);border-radius:16px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.assign-course-chip button{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:.95rem;line-height:1}.assign-course-chip button:hover{opacity:1}.assign-results{max-width:480px;margin-top:1.25rem}.assign-results-summary{gap:1rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.assign-success{color:var(--success,#22c55e)}.assign-fail{color:var(--danger,#ef4444)}.assign-results-errors{flex-direction:column;gap:.35rem;display:flex}.assign-error-row{background:#ef444414;border-radius:6px;flex-direction:column;gap:.1rem;padding:.4rem .6rem;font-size:.78rem;display:flex}.assign-error-msg{color:var(--danger,#ef4444);font-size:.72rem}.overview-filters{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.overview-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.overview-grid{grid-template-columns:1fr}}.overview-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:1.25rem}.overview-panel h3{color:var(--text-heading);margin:0 0 .75rem;font-size:.9rem}.overview-empty{color:var(--text-muted);font-size:.85rem}.progress-bar-stacked{border-radius:6px;height:28px;margin-bottom:.75rem;display:flex;overflow:hidden}.progress-bar-segment{min-width:4px;transition:width .3s}.progress-bar-legend{color:var(--text);gap:1.25rem;font-size:.8rem;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.overdue-alert{color:#92400e;background:#fef3c7;border-radius:6px;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.88rem}.overdue-alert-ok{color:#065f46;background:#d1fae5}.overview-stat-row{align-items:baseline;gap:.5rem;display:flex}.overview-stat-value{color:var(--navy);font-size:1.4rem;font-weight:700}.overview-stat-label{color:var(--text-muted);font-size:.82rem}.learner-activity-grid{gap:2rem;display:flex}.learner-activity-item{flex-direction:column;display:flex}.learner-activity-value{color:var(--navy);font-size:1.6rem;font-weight:700}.learner-activity-label{color:var(--text-muted);font-size:.82rem}.rating-distribution{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.rating-dist-row{align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.rating-dist-label{flex-shrink:0;width:110px;font-size:.85rem}.rating-dist-bar-bg{background:var(--bg);border-radius:4px;flex:1;height:16px;overflow:hidden}.rating-dist-bar{background:var(--accent);border-radius:4px;min-width:2px;height:100%;transition:width .3s}.rating-dist-count{text-align:right;width:40px;color:var(--navy);font-size:.85rem;font-weight:600}.mini-table{flex-direction:column;gap:.25rem;display:flex}.mini-table-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.mini-table-row:last-child{border-bottom:none}.mini-table-rank{width:24px;color:var(--text-muted);font-size:.82rem}.mini-table-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.mini-table-value{color:var(--success);font-size:.9rem;font-weight:700}.mini-table-value-low{color:var(--danger,#ef4444)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}.course-selector{flex:1;min-width:240px}.course-selector-all{color:var(--text-heading);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.88rem;font-weight:600;display:flex}.course-selector-search{border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.88rem}.course-selector-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:6px;max-height:220px;margin-top:2px;overflow-y:auto}.course-selector-option{background:var(--bg-card);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.85rem;display:flex}.course-selector-option:last-child{border-bottom:none}.course-selector-option:hover{background:var(--accent);color:var(--text-on-dark)}.course-selector-option-name{font-weight:500}.course-selector-option-cat{color:var(--text-muted);font-size:.75rem}.course-selector-option:hover .course-selector-option-cat{color:var(--text-on-dark)}.course-selector-chips{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.course-selector-chip{background:var(--accent-soft);color:var(--accent);border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.course-selector-chip button{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.course-selector-chip button:hover{color:var(--danger,#ef4444)}.date-range-filter{flex-direction:column;gap:.5rem;display:flex}.date-range-presets{flex-wrap:wrap;gap:.35rem;display:flex}.date-range-preset{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text);border-radius:6px;padding:.35rem .75rem;font-size:.8rem;transition:all .15s}.date-range-preset:hover{border-color:var(--accent);color:var(--accent)}.date-range-preset-active{background:var(--accent);color:#fff;border-color:var(--accent)}