@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);
:root{--color-primary:#6ec1e4;--color-primary-tint:rgba(110,193,228,.12);--color-success:#059669;--color-success-light:rgba(5,150,105,.12);--color-warning:#d97706;--color-warning-light:rgba(217,119,6,.12);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,.12);--color-neutral:#94a3b8;--color-neutral-light:rgba(148,163,184,.15);--color-bg-page:#f8fafc;--color-bg-card:#fff;--color-bg-sidebar:#fff;--color-text-primary:#000;--color-text-secondary:#000;--color-text-muted:#333;--color-border:#e2e8f0;--color-progress-bg:#e2e8f0;--sidebar-width:220px;--topbar-height:64px;--radius-card:10px;--radius-badge:10px;--shadow-card:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}.studyaml-dashboard{background:var(--color-bg-page);color:var(--color-text-primary);display:flex;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:normal;min-height:100vh;min-width:100%;text-align:left;width:100%}.studyaml-dashboard,.studyaml-dashboard *,.studyaml-dashboard :after,.studyaml-dashboard :before{box-sizing:border-box}.studyaml-dashboard blockquote,.studyaml-dashboard dd,.studyaml-dashboard dl,.studyaml-dashboard figure,.studyaml-dashboard h1,.studyaml-dashboard h2,.studyaml-dashboard h3,.studyaml-dashboard h4,.studyaml-dashboard h5,.studyaml-dashboard h6,.studyaml-dashboard li,.studyaml-dashboard ol,.studyaml-dashboard p,.studyaml-dashboard ul{color:inherit;font-family:inherit;line-height:normal;margin:0;padding:0}.studyaml-dashboard a{box-shadow:none;color:var(--color-primary);text-decoration:none}.studyaml-dashboard a:hover{text-decoration:underline}.studyaml-dashboard ol,.studyaml-dashboard ul{list-style:none}.studyaml-dashboard button,.studyaml-dashboard input,.studyaml-dashboard select,.studyaml-dashboard textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border-radius:0;color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:normal!important;margin:0!important}.studyaml-dashboard table,.studyaml-dashboard tbody,.studyaml-dashboard td,.studyaml-dashboard th,.studyaml-dashboard thead,.studyaml-dashboard tr{background:transparent!important;border:none!important;margin:0!important;padding:0!important}.sa-sidebar{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:var(--sidebar-width);z-index:100}.sa-sidebar.collapsed{width:80px}.sa-sidebar__logo-container{align-items:center;box-sizing:border-box;display:flex;height:var(--topbar-height);justify-content:space-between;padding:0 16px;position:relative}.sa-sidebar.collapsed .sa-sidebar__logo-container{align-items:center;display:flex;height:var(--topbar-height);justify-content:center;padding:0}.sa-sidebar__logo-img{max-height:40px;max-width:130px;-o-object-fit:contain;object-fit:contain}.sa-sidebar__toggle{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.sa-sidebar__toggle:hover{background:var(--color-primary-tint);color:var(--color-primary)}.sa-sidebar__nav{display:flex;flex:1;flex-direction:column;gap:2px;list-style:none;padding:12px 8px}.sa-sidebar__nav-item{border-radius:8px;overflow:hidden}.sa-sidebar__nav-link{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 12px;text-align:left;text-decoration:none;transition:background .15s,color .15s;width:100%}.sa-sidebar__nav-link.active,.sa-sidebar__nav-link:hover{background:var(--color-primary-tint);color:var(--color-primary)}.sa-sidebar__nav-link.active{font-weight:600}.sa-sidebar__nav-link svg{flex-shrink:0;height:18px;opacity:.7;width:18px}.sa-sidebar__nav-label{opacity:1;transition:opacity .2s;white-space:nowrap}.sa-sidebar.collapsed .sa-sidebar__nav-label{display:none;opacity:0}.sa-sidebar.collapsed .sa-sidebar__nav-link{justify-content:center;padding:12px 0}.sa-sidebar__nav-link.active svg,.sa-sidebar__nav-link:hover svg{opacity:1}.sa-sidebar__footer{border-top:1px solid var(--color-border);padding:16px}.sa-sidebar.collapsed .sa-sidebar__footer{display:flex;justify-content:center;padding:16px 0}.sa-sidebar__footer p{color:var(--color-text-muted);font-size:11px;line-height:1.5}.sa-sidebar__footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.sa-main{box-sizing:border-box;display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease;width:calc(100% - var(--sidebar-width))}.studyaml-dashboard.sidebar-collapsed .sa-main{margin-left:80px;width:calc(100% - 80px)}.sa-topbar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-sizing:border-box;gap:10px;height:var(--topbar-height);padding:0 24px;position:sticky;top:0;z-index:50}.sa-topbar,.sa-topbar__filters{align-items:center;display:flex}.sa-topbar__filters{gap:8px}.sa-topbar__pill{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:6px;padding:6px 14px;transition:border-color .15s;white-space:nowrap}.sa-topbar__pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.sa-topbar__search{flex:1;margin:0 auto;max-width:300px;position:relative}.sa-topbar__search input{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);font-size:12.5px;outline:none;padding:7px 14px 7px 34px;transition:border-color .15s;width:100%}.sa-topbar__search input:focus{border-color:var(--color-primary)}.sa-topbar__search-icon{color:var(--color-text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sa-topbar__right{align-items:center;display:flex;gap:10px;margin-left:auto}.sa-btn-export{align-items:center;background:var(--color-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:7px 16px;transition:opacity .15s}.sa-btn-export:hover{opacity:.88}.sa-topbar__avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.sa-page{gap:24px;padding:24px}.sa-page,.sa-page__header{display:flex;flex-direction:column}.sa-page__header{gap:2px}.sa-page__title{color:var(--color-text-primary);font-size:20px;font-weight:700}.sa-page__subtitle{color:var(--color-text-secondary);font-size:13px}.sa-kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.sa-kpi-card{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;padding:20px}.sa-kpi-card--chart{align-items:center;justify-content:center}.sa-kpi-card__label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.sa-kpi-card__label svg{height:16px;width:16px}.sa-kpi-card__value{color:var(--color-text-primary);font-size:28px;font-weight:700;line-height:1.1}.sa-kpi-card__trend{align-items:center;color:var(--color-success);display:flex;font-size:12px;font-weight:500;gap:3px}.sa-kpi-card__sublabel,.sa-kpi-card__trend--neutral{color:var(--color-text-muted)}.sa-kpi-card__sublabel{font-size:11px;font-weight:500;letter-spacing:.3px}.sa-donut-wrapper{height:100px;margin:4px auto 0;position:relative;width:100px}.sa-donut-wrapper canvas{display:block}.sa-donut-label{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.sa-donut-label__pct{color:var(--color-text-primary);display:block;font-size:17px;font-weight:700}.sa-donut-label__sub{color:var(--color-success);display:block;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sa-gauge-wrapper{height:65px;margin:4px auto 0;position:relative;width:110px}.sa-gauge-label{margin-top:6px;text-align:center}.sa-gauge-label__value{color:var(--color-text-primary);font-size:15px;font-weight:700}.sa-gauge-label__sub{color:var(--color-success);font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sa-section-card{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.sa-section-card__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.sa-section-card__title{color:var(--color-text-primary);font-size:14.5px;font-weight:600}.sa-section-card__actions{align-items:center;display:flex;gap:8px}.sa-icon-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s;width:28px}.sa-icon-btn:hover{background:var(--color-border);color:var(--color-text-secondary)}.sa-table{background:transparent!important;border:none!important;border-collapse:collapse!important;margin:0!important;width:100%!important}.sa-table th{background:#fafafa!important;color:var(--color-text-muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 16px!important;text-align:left!important;text-transform:uppercase!important}.sa-table td,.sa-table th{border:none!important;border-bottom:1px solid var(--color-border)!important}.sa-table td{background:#fff!important;padding:12px 16px!important;vertical-align:middle!important}.sa-table tbody tr{border:none!important}.sa-table tbody tr,.sa-table tbody tr:nth-child(2n) td,.sa-table tbody tr:nth-child(odd) td{background:#fff!important}.sa-table tbody tr:last-child td{border-bottom:none!important}.sa-table tbody tr:hover td{background:#f8fafc!important}.sa-learner-cell{gap:10px}.sa-avatar,.sa-learner-cell{align-items:center;display:flex}.sa-avatar{background:var(--color-primary-tint);border:1.5px solid var(--color-primary);border-radius:50%;color:var(--color-primary);flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sa-learner-name{color:var(--color-text-primary);font-size:13.5px;font-weight:600}.sa-learner-dept{color:var(--color-text-muted);font-size:11.5px;margin-top:1px}.sa-course-cell{color:var(--color-text-primary);font-size:13px;max-width:200px}.sa-last-active{color:var(--color-text-secondary);font-size:12.5px}.sa-badge{align-items:center;border-radius:var(--radius-badge);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.sa-badge--compliant{background:var(--color-success-light);color:var(--color-success)}.sa-badge--inprogress{background:var(--color-warning-light);color:var(--color-warning)}.sa-badge--overdue{background:var(--color-danger-light);color:var(--color-danger)}.sa-badge--notstarted{background:var(--color-neutral-light);color:var(--color-neutral)}.sa-badge--completed{background:var(--color-success-light);color:var(--color-success)}.sa-progress{align-items:center;display:flex;gap:8px;min-width:120px}.sa-progress__bar{background:var(--color-progress-bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.sa-progress__fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .4s ease}.sa-progress__fill--overdue{background:var(--color-danger)}.sa-progress__fill--complete{background:var(--color-success)}.sa-progress__pct{color:var(--color-text-secondary);font-size:12px;font-weight:600;min-width:32px;text-align:right}.sa-pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 20px}.sa-pagination__info{color:var(--color-text-muted);font-size:12.5px}.sa-pagination__controls{align-items:center;display:flex;gap:4px}.sa-pagination__btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 10px;transition:all .15s}.sa-pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sa-pagination__btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sa-chart-section{display:grid;gap:16px;grid-template-columns:1fr 1fr}.sa-chart-card{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.sa-chart-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sa-chart-card__title{color:var(--color-text-primary);font-size:14px;font-weight:600}.sa-chart-card__subtitle{color:var(--color-text-muted);font-size:12px;margin-top:2px}.sa-course-select{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:13px;margin-bottom:16px;outline:none;padding:7px 12px;transition:border-color .15s;width:100%}.sa-course-select:focus{border-color:var(--color-primary)}.sa-chart-container{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.sa-chart-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.sa-chart-legend__item{align-items:center;display:flex;font-size:12.5px;justify-content:space-between}.sa-chart-legend__dot{border-radius:50%;flex-shrink:0;height:10px;margin-right:8px;width:10px}.sa-chart-legend__label{align-items:center;color:var(--color-text-secondary);display:flex}.sa-chart-legend__val{color:var(--color-text-primary);font-weight:600}.sa-chart-empty{color:var(--color-text-muted);font-size:13px;padding:32px 16px;text-align:center}.sa-reports-header{margin-bottom:4px}.sa-reports-topbar{align-items:center;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px 20px}.sa-reports-select{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important}.sa-reports-input,.sa-reports-select{min-width:160px!important}.sa-reports-date,.sa-reports-input,.sa-reports-select{background:var(--color-bg-page)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--color-text-primary)!important;font-size:12.5px!important;outline:none!important;padding:7px 12px!important}.sa-btn-export-options{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;margin-left:auto;padding:7px 16px}.sa-reports-widgets{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.sa-widget{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px}.sa-widget__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sa-widget__title{color:var(--color-text-primary);font-size:13px;font-weight:600}.sa-widget__badge-live{background:var(--color-success-light);border-radius:999px;color:var(--color-success);font-size:10px;font-weight:600;letter-spacing:.4px;padding:2px 7px;text-transform:uppercase}.sa-widget__trend{color:var(--color-success);font-size:13px;font-weight:700}.sa-stacked-bar{border-radius:6px;display:flex;height:12px;margin-bottom:10px;overflow:hidden}.sa-stacked-bar__segment{height:100%;transition:width .3s}.sa-stacked-bar-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sa-stacked-bar-legend__item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;gap:5px}.sa-stacked-bar-legend__dot{border-radius:50%;height:8px;width:8px}.sa-compliance-label{margin-top:8px;text-align:center}.sa-compliance-label__status{color:var(--color-success);font-size:16px;font-weight:700}.sa-compliance-label__sub{color:var(--color-text-muted);font-size:11px;margin-top:2px}.sa-report-tabs{border-bottom:2px solid var(--color-border)!important;display:flex;gap:0;margin-bottom:20px;overflow-x:auto}.sa-report-tab{border:none!important;border-bottom:2px solid transparent!important;color:var(--color-text-secondary)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;margin-bottom:-2px!important;padding:10px 20px!important;transition:color .15s,border-color .15s!important;white-space:nowrap!important}.sa-report-tab,.sa-report-tab:active,.sa-report-tab:focus,.sa-report-tab:hover{background:transparent!important;box-shadow:none!important;outline:none!important}.sa-report-tab.active,.sa-report-tab:active,.sa-report-tab:focus,.sa-report-tab:hover{color:var(--color-primary)!important}.sa-report-tab.active{background:transparent!important;border-bottom-color:var(--color-primary)!important;font-weight:600!important}.sa-report-filters-panel{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.sa-report-filters-panel h4{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:14px}.sa-filters-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:14px}.sa-filter-group{display:flex;flex-direction:column;gap:4px}.sa-filter-group label{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sa-filter-group input[type=date],.sa-filter-group input[type=search],.sa-filter-group input[type=text],.sa-filter-group select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:var(--color-bg-page)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--color-text-primary)!important;font-size:12.5px!important;outline:none!important;padding:7px 10px!important;transition:border-color .15s!important}.sa-filter-group select{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important}.sa-filter-group input:active,.sa-filter-group input:focus,.sa-filter-group input:hover,.sa-filter-group select:active,.sa-filter-group select:focus,.sa-filter-group select:hover{background:var(--color-bg-page)!important;border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.sa-toggle-group{align-items:center;display:flex;gap:8px;padding-top:16px}.sa-toggle-group label{color:var(--color-text-secondary);font-size:12.5px;font-weight:500}.sa-toggle{flex-shrink:0;height:20px;position:relative;width:36px}.sa-toggle input{height:0;opacity:0;width:0}.sa-toggle__slider{background:var(--color-border);border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.sa-toggle__slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.15);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.sa-toggle input:checked+.sa-toggle__slider{background:var(--color-primary)}.sa-toggle input:checked+.sa-toggle__slider:after{transform:translateX(16px)}.sa-report-filter-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:10px;margin-top:4px;padding-top:14px}.sa-btn-run{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:opacity .15s}.sa-btn-run:hover{opacity:.88}.sa-btn-export-group{display:flex;gap:6px;margin-left:auto}.sa-btn-export-format{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .15s}.sa-btn-export-format:hover{border-color:var(--color-primary);color:var(--color-primary)}.sa-radio-group{display:flex;flex-wrap:wrap;gap:12px}.sa-radio-option{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12.5px;gap:5px}.sa-radio-option input{accent-color:var(--color-primary)}.sa-table-actions{gap:8px}.sa-btn-sm,.sa-table-actions{align-items:center;display:flex}.sa-btn-sm{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:500;gap:4px;padding:5px 12px;transition:all .15s}.sa-btn-sm:hover{border-color:var(--color-primary);color:var(--color-primary)}.sa-action-dots{align-items:center;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;transition:background .15s;width:28px}.sa-action-dots:hover{background:var(--color-border)}.sa-table-header-controls{align-items:center;display:flex;gap:8px}.sa-settings-card{display:flex;flex-direction:column}.sa-settings-section{border-bottom:1px solid var(--color-border);margin-bottom:32px;padding-bottom:32px}.sa-settings-section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.sa-settings-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sa-settings-section-title{font-size:16px}.sa-settings-section-header .sa-settings-section-title{margin-bottom:0}.sa-settings-section-desc{font-size:13.5px;margin-bottom:20px}.sa-avatar-manager{align-items:center;display:flex;gap:20px}.sa-avatar-manager__preview{align-items:center;background:var(--color-primary-tint);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;font-size:24px;font-weight:700;height:72px;justify-content:center;width:72px}.sa-avatar-manager__actions{align-items:center;display:flex;gap:12px}.sa-form-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.sa-form-narrow{display:flex;flex-direction:column;gap:20px;max-width:400px}.sa-form-group{gap:6px}.sa-form-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.sa-form-group input,.sa-form-group select,.sa-form-group textarea,.sa-form-input{background:#fff!important;border:1px solid var(--color-border)!important;border-radius:10px!important;box-shadow:none!important;color:var(--color-text-primary)!important;font-family:inherit!important;font-size:14px!important;outline:none!important;padding:10px 14px!important;transition:border-color .2s!important;width:100%!important}.sa-form-group select{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:auto!important}.sa-form-group input:active,.sa-form-group input:focus,.sa-form-group input:hover,.sa-form-group select:active,.sa-form-group select:focus,.sa-form-group select:hover,.sa-form-group textarea:active,.sa-form-group textarea:focus,.sa-form-group textarea:hover,.sa-form-input:active,.sa-form-input:focus,.sa-form-input:hover{background:#fff!important;border-color:var(--color-primary)!important;box-shadow:none!important;outline:none!important}.sa-form-input.readonly{color:var(--color-text-secondary)!important;cursor:default!important}.sa-form-input.readonly,.sa-form-input.readonly:focus,.sa-form-input.readonly:hover{background:var(--color-bg-page)!important;border-color:transparent!important}.sa-form-actions{align-items:center;display:flex;gap:16px;grid-column:1/-1;margin-top:24px}.sa-form-value-badge{align-items:center;display:flex;height:40px}.sa-form-hint{color:var(--color-text-muted);font-size:12px;margin-top:4px}.sa-form-error{background:var(--color-danger-light);color:var(--color-danger)}.sa-form-error,.sa-form-success{border-radius:10px;font-size:13px;font-weight:500;margin-top:16px;padding:12px}.sa-form-success{background:var(--color-success-light);color:var(--color-success)}.sa-success-text{color:var(--color-success);font-size:13px;font-weight:500}.sa-pw-strength{font-weight:600}.sa-pw-weak{color:var(--color-danger)}.sa-pw-medium{color:var(--color-warning)}.sa-pw-strong{color:var(--color-success)}.sa-btn-primary{align-items:center!important;border:none!important;border-radius:10px!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;justify-content:center!important;padding:10px 20px!important;transition:opacity .2s!important}.sa-btn-primary,.sa-btn-primary:active,.sa-btn-primary:focus,.sa-btn-primary:hover{background:var(--color-primary)!important;box-shadow:none!important;color:#fff!important;outline:none!important}.sa-btn-primary:active,.sa-btn-primary:focus,.sa-btn-primary:hover{opacity:.9!important}.sa-btn-secondary{background:var(--color-bg-page)!important;border:1px solid var(--color-border)!important;border-radius:10px!important;box-shadow:none!important;color:var(--color-text-primary)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;outline:none!important;padding:9px 16px!important;transition:background .2s!important}.sa-btn-secondary:active,.sa-btn-secondary:focus,.sa-btn-secondary:hover{background:#e2e8f0!important;box-shadow:none!important;color:var(--color-text-primary)!important;outline:none!important}.sa-btn-outline{background:transparent!important;border:1px solid var(--color-primary)!important;border-radius:10px!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s!important}.sa-btn-outline,.sa-btn-outline:active,.sa-btn-outline:focus,.sa-btn-outline:hover{box-shadow:none!important;color:var(--color-primary)!important;outline:none!important}.sa-btn-outline:active,.sa-btn-outline:focus,.sa-btn-outline:hover{background:var(--color-primary-tint)!important}.sa-btn-danger{background:transparent!important;border:1px solid var(--color-danger)!important;border-radius:10px!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;padding:9px 16px!important;transition:all .2s!important}.sa-btn-danger,.sa-btn-danger:active,.sa-btn-danger:focus,.sa-btn-danger:hover{box-shadow:none!important;color:var(--color-danger)!important;outline:none!important}.sa-btn-danger:active,.sa-btn-danger:focus,.sa-btn-danger:hover{background:var(--color-danger-light)!important}.sa-settings-content{padding:32px 24px}.sa-settings-form{max-width:800px}.sa-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sa-form-row{display:flex;gap:16px}.sa-form-row>.sa-form-group{flex:1}.sa-form-group label{color:var(--color-text-primary);font-size:12.5px;font-weight:600}.sa-settings-section-title{color:var(--color-text-primary);font-size:15px;font-weight:600;margin-bottom:8px}.sa-settings-section-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin-bottom:24px}.sa-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(15,23,42,.4);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sa-modal-content{background:var(--color-bg-card);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.sa-modal-close{background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;font-size:24px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:background .15s}.sa-modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.sa-modal-title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin-bottom:6px;padding-right:32px}.sa-modal-subtitle{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.sa-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:32px;margin-bottom:24px}.sa-tab{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:0 0 16px;position:relative;transition:color .2s}.sa-tab:hover{color:var(--color-text-primary)}.sa-tab.active{color:var(--color-primary)}.sa-tab.active:after{background:var(--color-primary);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.sa-tab.active:before{border-color:var(--color-primary) transparent transparent transparent;border-style:solid;border-width:5px 5px 0;bottom:-5px;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:2}.sa-course-list{display:flex;flex-direction:column;gap:20px}.sa-student-course-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:24px;padding:16px;transition:box-shadow .2s,border-color .2s,transform .2s}.sa-student-course-card:hover{border-color:#cbd5e1;box-shadow:0 10px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);transform:translateY(-2px)}.sa-scc-image{background-color:var(--color-bg-page);background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;height:170px;overflow:hidden;position:relative;width:260px}.sa-scc-image:before{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sa-scc-content{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:4px 0}.sa-scc-title{color:var(--color-text-primary);font-size:19px;font-weight:700;line-height:1.3;margin:0 0 6px}.sa-scc-desc{color:var(--color-text-secondary);display:-webkit-box;font-size:13.5px;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;margin:0 0 16px;-webkit-box-orient:vertical;overflow:hidden}.sa-scc-progress-section{margin-bottom:20px;margin-top:auto}.sa-scc-meta{align-items:center;display:flex;font-size:13px;gap:12px;margin-bottom:8px}.sa-scc-divider{background:var(--color-border);height:12px;width:1px}.sa-scc-progress-bar-bg{background:var(--color-bg-page);border-radius:3px;height:6px;overflow:hidden;width:100%}.sa-scc-progress-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.sa-scc-footer{align-items:center;border-top:1px solid var(--color-bg-page);display:flex;justify-content:space-between;padding-top:16px}.sa-scc-activity{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12.5px;gap:6px}