body.sa-modal-active{overflow:hidden;font-family:var(--lp-font-family);--sa-bg:var(--lp-bg);--sa-text:var(--lp-text-primary);--sa-muted:var(--lp-text-secondary);--sa-primary:var(--lp-primary);--sa-border:var(--lp-border);--sa-shadow-dark:var(--lp-shadow-dark);--sa-shadow-light:var(--lp-white);--sa-raise:-6px -6px 12px var(--sa-shadow-light),6px 6px 12px var(--sa-shadow-dark);--sa-inset:inset 3px 3px 6px var(--sa-shadow-dark),inset -3px -3px 6px var(--sa-shadow-light);--sa-radius-card:var(--lp-card-radius)}body.sa-modal-active .sa-fab{display:none}.sa-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--lp-space-lg);background:rgba(49,52,75,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);isolation:isolate}.sa-modal-backdrop--soft{background:rgba(223,230,233,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sa-modal-backdrop--centered{padding:var(--lp-space-lg)!important;align-items:center!important;justify-content:center!important}@media (min-width:1024px){body.sa-dashboard-shell-active.sa-modal-active:not(:is(.sa-route-course-management,.pa-route-course-management)):not(:is(.sa-route-profiling,.pa-route-profiling)) .sa-modal-backdrop{padding-left:calc(var(--sa-sidebar-w, 240px) + var(--lp-space-lg));padding-right:var(--lp-space-lg)}body.sa-dashboard-shell-active.sa-sidebar-collapsed.sa-modal-active:not(:is(.sa-route-course-management,.pa-route-course-management)):not(:is(.sa-route-profiling,.pa-route-profiling)) .sa-modal-backdrop{padding-left:calc(var(--sa-sidebar-collapsed, 72px) + var(--lp-space-lg))}}.sa-modal-panel{display:flex;max-height:min(88vh,680px);width:100%;flex-direction:column;overflow:hidden;border-radius:var(--lp-card-radius);background:var(--lp-bg);border:1px solid rgba(209,213,219,.55);box-shadow:var(--lp-neu-shadow);font-family:var(--lp-font-family);color:var(--lp-text-primary)}.sa-modal-panel--soft{border:1px solid rgba(209,213,219,.65);box-shadow:6px 6px 14px hsla(231,6%,79%,.55),-4px -4px 10px hsla(0,0%,100%,.45)}.sa-modal-panel--soft .sa-modal-panel__header{padding:var(--lp-space-lg) var(--lp-space-lg) var(--lp-space-md);border-bottom:1px solid rgba(209,213,219,.5)}.sa-modal-panel--soft .sa-modal-panel__title{font-size:var(--lp-h4-size);font-weight:600;line-height:var(--lp-h4-lh)}.sa-modal-panel--soft .sa-modal-panel__close{width:32px;height:32px;border-radius:8px;box-shadow:3px 3px 6px hsla(231,6%,79%,.45),-2px -2px 5px hsla(0,0%,100%,.5)}.sa-modal-panel--soft .sa-modal-panel__close:hover{box-shadow:4px 4px 8px hsla(231,6%,79%,.5),-3px -3px 6px hsla(0,0%,100%,.55)}.sa-modal-panel--soft .sa-modal-panel__body{padding:var(--lp-space-md) var(--lp-space-lg) var(--lp-space-lg)}.sa-modal-panel--welcome .sa-modal-btn--primary{box-shadow:4px 4px 8px rgba(45,76,200,.28),-2px -2px 4px hsla(0,0%,100%,.35)}.sa-modal-panel__header{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:var(--lp-space-md);padding:var(--lp-card-padding) var(--lp-card-padding) var(--lp-space-md);background:var(--lp-bg)}.sa-modal-panel__title{margin:0;font-size:var(--lp-h3-size);font-weight:var(--lp-h3-weight);line-height:var(--lp-h3-lh);color:var(--lp-text-primary);letter-spacing:-.01em}.sa-modal-panel__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:none;border-radius:10px;background:var(--lp-bg);color:var(--lp-text-secondary);box-shadow:var(--lp-neu-shadow-sm);cursor:pointer;transition:color .15s ease,box-shadow .15s ease,transform .15s ease}.sa-modal-panel__close:hover{color:var(--lp-text-primary);box-shadow:var(--lp-neu-shadow-hover)}.sa-modal-panel__close:active{box-shadow:var(--lp-neu-inset-sm);transform:scale(.98)}.sa-modal-panel__close svg{width:18px;height:18px;stroke-width:2.25}.sa-modal-panel__body{flex:1;overflow-y:auto;padding:0 var(--lp-card-padding) var(--lp-card-padding);background:var(--lp-bg);scrollbar-width:thin;scrollbar-color:var(--lp-shadow-dark) transparent}.sa-modal-panel__body::-webkit-scrollbar{width:6px}.sa-modal-panel__body::-webkit-scrollbar-thumb{border-radius:3px;background:var(--lp-shadow-dark)}.sa-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--lp-btn-height);padding:0 var(--lp-btn-padding-x);border:none;border-radius:var(--lp-btn-radius);font-family:inherit;font-size:var(--lp-btn-size);font-weight:var(--lp-btn-weight);line-height:var(--lp-btn-lh);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.sa-modal-btn--primary{width:100%;background:var(--lp-primary);color:var(--lp-white);box-shadow:4px 4px 8px rgba(45,76,200,.3),-2px -2px 4px hsla(0,0%,100%,.4)}.sa-modal-btn--primary:hover{background:var(--lp-primary-dark);transform:translateY(-1px)}.sa-modal-btn--primary:active{transform:translateY(0);box-shadow:var(--lp-neu-inset-sm)}.sa-modal-btn--ghost{background:var(--lp-bg);color:var(--lp-text-primary);box-shadow:var(--lp-neu-shadow-sm)}.sa-modal-btn--ghost:hover{color:var(--lp-primary);box-shadow:var(--lp-neu-inset-sm)}.sa-modal-panel .sa-welcome-modal__eyebrow{margin:0 0 var(--lp-space-sm);font-size:var(--lp-small-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-text-secondary)}.sa-modal-panel .sa-welcome-modal__lead{margin:0 0 var(--lp-space-lg);font-size:var(--lp-body-size);line-height:1.65;color:var(--lp-text-secondary)}.sa-modal-panel .sa-welcome-modal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lp-space-md);margin-bottom:var(--lp-space-lg)}@media (max-width:560px){.sa-modal-panel .sa-welcome-modal__stats{grid-template-columns:1fr}}.sa-modal-panel .sa-welcome-modal__stat{padding:var(--lp-space-md) var(--lp-space-sm);border-radius:12px;background:var(--lp-bg);border:1px solid rgba(209,213,219,.4);box-shadow:inset 3px 3px 6px hsla(231,6%,79%,.35),inset -2px -2px 5px hsla(0,0%,100%,.4);text-align:center}.sa-modal-panel .sa-welcome-modal__stat strong{display:block;margin-bottom:2px;font-size:var(--lp-h3-size);font-weight:700;color:var(--lp-primary)}.sa-modal-panel .sa-welcome-modal__stat span{display:block}.sa-modal-panel .sa-welcome-modal__hint,.sa-modal-panel .sa-welcome-modal__stat span{font-size:var(--lp-small-size);line-height:var(--lp-small-lh);color:var(--lp-text-secondary)}.sa-modal-panel .sa-welcome-modal__hint{margin:0 0 var(--lp-space-lg)}.sa-modal-panel .sa-modal-notif-item{width:100%;padding:var(--lp-space-md);border:none;border-radius:var(--lp-btn-radius);background:var(--lp-bg);box-shadow:var(--lp-neu-inset-sm);text-align:left;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.sa-modal-panel .sa-modal-notif-item:hover{box-shadow:var(--lp-neu-shadow-sm);transform:translateY(-1px)}.sa-modal-panel .sa-modal-notif-item--muted{opacity:.85}.sa-modal-panel .sa-modal-notif-item .font-semibold,.sa-modal-panel .sa-modal-notif-item__title{margin:0;font-size:var(--lp-body-size);font-weight:600;color:var(--lp-text-primary)}.sa-modal-panel .sa-modal-notif-item .text-xs,.sa-modal-panel .sa-modal-notif-item__message{margin:var(--lp-space-xs) 0 0;font-size:var(--lp-small-size);color:var(--lp-text-secondary)}.sa-modal-panel .sa-modal-notif-list{display:flex;flex-direction:column;gap:var(--lp-space-sm);margin:0;padding:0;list-style:none}.sa-modal-panel .sa-modal-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lp-space-md)}.sa-modal-panel .sa-modal-settings-card{padding:var(--lp-space-md);border:none;border-radius:var(--lp-btn-radius);background:var(--lp-bg);box-shadow:var(--lp-neu-shadow-sm);text-align:left;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.sa-modal-panel .sa-modal-settings-card:hover{transform:translateY(-2px);box-shadow:var(--lp-neu-shadow-hover)}.sa-modal-panel .sa-modal-settings-card--active{box-shadow:var(--lp-neu-inset-sm);outline:2px solid var(--lp-primary);outline-offset:0}.sa-modal-panel .sa-modal-settings-card__swatch{display:block;height:40px;width:100%;margin-bottom:var(--lp-space-sm);border-radius:8px;border:1px solid hsla(0,0%,100%,.6)}.sa-modal-panel .sa-modal-settings-card__label{display:block;font-size:var(--lp-body-size);font-weight:600;color:var(--lp-text-primary)}.sa-modal-panel .sa-modal-settings-card__desc{display:block;margin-top:2px;font-size:var(--lp-small-size);color:var(--lp-text-secondary)}.sa-modal-panel .sa-modal-body-lead{margin:0 0 var(--lp-space-lg);font-size:var(--lp-body-size);line-height:var(--lp-body-lh);color:var(--lp-text-secondary)}.sa-modal-notif-item__action{margin:var(--lp-space-xs) 0 0;font-size:var(--lp-small-size);font-weight:600;color:var(--lp-primary)}.sa-modal-actions{display:flex;flex-wrap:wrap;gap:var(--lp-space-sm);margin-top:var(--lp-space-lg)}.sa-modal-btn--inline{width:auto}.sa-modal-notif-item__message--spaced{margin-top:var(--lp-space-md)}@media (max-width:639px){.sa-modal-backdrop:not(.sa-modal-backdrop--centered){padding:var(--lp-space-md);align-items:flex-end}.sa-modal-panel:not(.sa-modal-panel--soft){max-height:92dvh;border-bottom-left-radius:0;border-bottom-right-radius:0}.sa-modal-panel__header{padding:var(--lp-space-lg) var(--lp-space-lg) var(--lp-space-md)}.sa-modal-panel__body{padding:0 var(--lp-space-lg) var(--lp-space-lg)}}