*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.btn-clear{background:var(--color-error);color:var(--color-text-inverse);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-clear:hover{background:var(--color-error-dark)}.app-main{flex:1;padding:1rem;width:100%;margin:0 auto;background-color:var(--color-bg-primary)}.app-footer{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:1.5rem;text-align:center;border-top:1px solid var(--color-border-light)}.app-footer p{margin:.25rem 0;opacity:.8}@media(max-width:768px){.app-main{padding:.5rem}.app-controls{padding:.5rem 1rem}.controls-content{flex-direction:column;gap:1rem;align-items:flex-start}.stats{flex-direction:column;gap:.5rem;width:100%}.btn-clear{width:100%}.app-footer{padding:1rem;font-size:.85rem}}.copy-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-100%);background:var(--color-tooltip-bg);color:var(--color-tooltip-text);padding:.4rem .75rem;border-radius:6px;font-weight:500;font-size:.8rem;animation:copyFeedbackPopup 1.5s ease-out forwards;pointer-events:none;z-index:999999;white-space:nowrap}.copy-feedback:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-tooltip-bg)}@keyframes copyFeedbackPopup{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}15%{opacity:1;transform:translate(-50%,-100%) translateY(0)}85%{opacity:1}to{opacity:0}}.grid-empty-state{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-tertiary);text-align:center;height:100%;min-height:200px}.toolbar-btn:active,.btn-export:active,.btn-primary:active,.btn-secondary:active,.mode-btn:active,.quick-filters button:active{transform:scale(.97);transition:transform .1s ease}.ag-header-cell:hover{background:var(--color-bg-hover)!important}.ag-header-cell-sortable .ag-header-cell-label{cursor:pointer}.ag-sort-indicator-icon{transition:transform .2s ease}.ag-header-cell:hover .ag-sort-indicator-icon{transform:scale(1.2)}.ag-row:hover{background-color:var(--color-row-hover)!important}.ag-checkbox-input:checked{animation:checkPop .2s ease-out}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.filters-modal-content-wrapper,.inbox-modal .modal-body,.instructor-modal-body,.summary-modal-body,.color-legend-modal-body{scroll-behavior:smooth}@keyframes saveFlash{0%{background-color:inherit}25%{background-color:var(--color-save-flash)}to{background-color:inherit}}.ag-cell.just-saved{animation:saveFlash .6s ease-out}.theme-toggle{background:var(--color-toggle-bg);border:1px solid var(--color-toggle-border);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-toggle-text);width:40px;height:40px}.theme-toggle:hover{background:var(--color-toggle-hover-bg);color:var(--color-toggle-hover-text);border-color:var(--color-toggle-hover-border);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-icon{width:20px;height:20px;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(20deg)}[data-theme=dark] .theme-toggle{background:var(--color-toggle-bg);border-color:var(--color-toggle-border);color:var(--color-toggle-text)}[data-theme=dark] .theme-toggle:hover{background:var(--color-toggle-hover-bg);border-color:var(--color-toggle-hover-border);color:var(--color-toggle-hover-text)}@media(max-width:768px){.theme-toggle{width:36px;height:36px;padding:.4rem}.theme-icon{width:18px;height:18px}}@media(max-width:480px){.theme-toggle{width:34px;height:34px}.theme-icon{width:16px;height:16px}}.k2-toast-container{position:fixed;top:16px;right:16px;z-index:999999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.k2-toast{position:relative;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:480px;padding:14px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-left:4px solid transparent;border-radius:6px;box-shadow:var(--shadow-lg);pointer-events:auto;overflow:hidden;animation:k2-toast-enter .25s ease-out}.k2-toast--exit{animation:k2-toast-leave .25s ease-in forwards}.k2-toast--success{border-left-color:var(--color-success)}.k2-toast--success .k2-toast__icon{color:var(--color-success)}.k2-toast--error{border-left-color:var(--color-error)}.k2-toast--error .k2-toast__icon{color:var(--color-error)}.k2-toast--warning{border-left-color:var(--color-warning)}.k2-toast--warning .k2-toast__icon{color:var(--color-warning-text)}.k2-toast--info{border-left-color:var(--color-info)}.k2-toast--info .k2-toast__icon{color:var(--color-info)}.k2-toast--loading{border-left-color:var(--color-info)}.k2-toast__icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.k2-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.k2-toast__message{font-size:14px;line-height:1.5;color:var(--color-text-primary);word-break:break-word}.k2-toast__action{align-self:flex-start;background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--color-primary-light);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.k2-toast__action:hover{color:var(--color-primary-dark)}.k2-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -4px -4px 0;padding:0;border:none;border-radius:4px;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s}.k2-toast__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.k2-toast__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:k2-toast-countdown linear forwards;border-radius:0 0 0 6px}.k2-toast__progress--paused{animation-play-state:paused}.k2-toast--success .k2-toast__progress{background:var(--color-success)}.k2-toast--error .k2-toast__progress{background:var(--color-error)}.k2-toast--warning .k2-toast__progress{background:var(--color-warning)}.k2-toast--info .k2-toast__progress,.k2-toast--loading .k2-toast__progress{background:var(--color-info)}.k2-toast-spinner{width:18px;height:18px;border:2px solid var(--color-border-medium);border-top-color:var(--color-info);border-radius:50%;animation:k2-toast-spin .8s linear infinite}@keyframes k2-toast-enter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes k2-toast-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes k2-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes k2-toast-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .k2-toast--warning .k2-toast__icon{color:var(--color-warning)}@media(max-width:768px){.k2-toast-container{top:8px;right:8px;left:8px}.k2-toast{min-width:auto;max-width:100%}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-tertiary);padding:2rem}.error-boundary-content{max-width:600px;background:var(--color-bg-secondary);border-radius:8px;padding:2rem;box-shadow:var(--shadow-md)}.error-boundary-content h1{color:var(--color-error-dark);margin-bottom:1rem;font-size:1.875rem}.error-boundary-content p{color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5}.error-details{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:6px;padding:1rem;margin-bottom:1.5rem}.error-details summary{cursor:pointer;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.error-details summary:hover{color:var(--color-text-primary)}.error-message,.error-stack{margin-top:1rem;font-size:.875rem}.error-message strong,.error-stack strong{display:block;margin-bottom:.5rem;color:var(--color-text-secondary)}.error-stack pre{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.75rem;line-height:1.4}.error-actions{display:flex;gap:1rem}.btn-reset,.btn-reload{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-reset{background:var(--color-primary-light);color:var(--color-text-inverse)}.btn-reset:hover{background:var(--color-primary-dark)}.btn-reload{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-border-medium)}.btn-reload:hover{background:var(--color-btn-secondary-hover)}.btn-login{flex:1;background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover{background:var(--color-primary-dark)}[data-theme=dark] .btn-login{color:var(--color-text-inverse-dark)}.feature-error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:8px;margin:16px 0}.feature-error-content{text-align:center;max-width:500px}.feature-error-icon{font-size:48px;margin-bottom:16px}.feature-error-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.feature-error-message{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.5}.feature-error-details{text-align:left;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:4px;margin-bottom:16px}.feature-error-details summary{padding:12px;cursor:pointer;font-size:13px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.feature-error-details summary:hover{background-color:var(--color-bg-hover)}.feature-error-detail-content{padding:0 12px 12px;font-size:12px}.feature-error-error-message{color:var(--color-error);margin-bottom:8px;word-break:break-word}.feature-error-stack{margin-top:8px}.feature-error-stack pre{background-color:var(--color-bg-tertiary);padding:8px;border-radius:4px;overflow-x:auto;font-size:11px;line-height:1.4;max-height:200px;margin:4px 0 0}.feature-error-actions{display:flex;justify-content:center;gap:8px}.feature-error-btn-retry{padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-text-inverse);background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.feature-error-btn-retry:hover{background-color:var(--color-primary-dark)}.feature-error-btn-retry:focus{outline:2px solid var(--color-primary);outline-offset:2px}.feature-error-btn-login{padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-text-inverse);background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.feature-error-btn-login:hover{background-color:var(--color-primary-dark)}.feature-error-btn-login:focus{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .feature-error-boundary{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}[data-theme=dark] .feature-error-title{color:var(--color-text-primary)}[data-theme=dark] .feature-error-message{color:var(--color-text-secondary)}[data-theme=dark] .feature-error-details{background-color:var(--color-bg-primary);border-color:var(--color-border-dark)}[data-theme=dark] .feature-error-details summary{color:var(--color-text-secondary)}[data-theme=dark] .feature-error-details summary:hover{background-color:var(--color-bg-hover)}[data-theme=dark] .feature-error-stack pre{background-color:var(--color-bg-tertiary)}.network-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transform:translateY(-100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.network-banner--visible{transform:translateY(0);opacity:1}.network-banner__content{display:flex;align-items:center;gap:.5rem}.network-banner__message{line-height:1.4}.network-banner--offline{background-color:var(--color-error);color:var(--color-text-inverse)}.network-banner--reconnecting{background-color:var(--color-warning);color:var(--color-text-inverse-dark)}.network-banner--online{background-color:var(--color-success);color:var(--color-text-inverse)}.network-banner__spinner{animation:spin 1s linear infinite}[data-theme=dark] .network-banner--offline{background-color:var(--color-banner-offline)}[data-theme=dark] .network-banner--reconnecting{background-color:var(--color-banner-reconnecting-bg);color:var(--color-banner-reconnecting-text)}[data-theme=dark] .network-banner--online{background-color:var(--color-banner-online)}.network-banner--visible~.app-header,.app:has(.network-banner--visible) .app-header{margin-top:2rem}@media(max-width:640px){.network-banner{font-size:.8125rem;padding:.625rem .75rem}.network-banner__content{gap:.375rem}}.app-launcher{position:relative;display:flex;align-items:center;margin-top:.17rem}.app-launcher__trigger{background:none;border:1px solid transparent;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease;width:44px;height:44px}.app-launcher__trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.app-launcher__trigger[aria-expanded=true]{background:var(--color-bg-hover);color:var(--color-primary);border-color:var(--color-border-light)}.app-launcher__icon{width:20px;height:20px}.app-launcher__dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-lg);padding:1rem;min-width:300px;z-index:200;animation:fadeIn .15s ease-out}.app-launcher__header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);padding:0 .5rem .75rem;border-bottom:1px solid var(--color-border-light);margin-bottom:.75rem}.app-launcher__grid{display:flex;flex-direction:column;gap:.25rem}.app-launcher__item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:8px;text-decoration:none;color:inherit;position:relative;transition:background .15s ease;border-left:3px solid transparent}.app-launcher__item:hover{background:var(--color-bg-hover)}.app-launcher__item-row{display:flex;align-items:center;gap:.75rem;min-width:0}.app-launcher__item-icon{width:32px;height:32px;border-radius:6px;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-launcher__item-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.app-launcher__item-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.app-launcher__item-desc{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-launcher__item--current{background:var(--color-primary-bg-hover);border-left-color:var(--color-primary)}.app-launcher__item--current:hover{background:var(--color-primary-bg-hover)}.app-launcher__item--disabled{opacity:.5;cursor:not-allowed}.app-launcher__item--disabled:hover{background:transparent}.app-launcher__item-badge{background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.625rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.app-launcher__trigger{width:36px;height:36px;padding:.4rem}.app-launcher__icon{width:16px;height:16px}}@media(max-width:480px){.app-launcher__dropdown{position:fixed;top:52px;left:.5rem;right:.5rem;min-width:auto}.app-launcher__trigger{width:34px;height:34px}}.platform-navbar{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border-light)}.platform-navbar__content{margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.7rem 1rem .5rem;height:64px}.platform-navbar__left{flex-shrink:0;display:flex;align-items:center;gap:.75rem;line-height:1}.platform-navbar__home-link{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;width:44px;height:44px}.platform-navbar__home-link:hover{color:var(--color-primary)}.platform-navbar__logo{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary);transition:color .2s ease;height:44px}.platform-navbar__logo:hover{color:var(--color-primary)}.platform-navbar__logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.platform-navbar__separator{width:1.5px;height:24px;background-color:var(--color-text-primary);opacity:.4;border-radius:1px;flex-shrink:0}.platform-navbar__app-name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);display:flex;align-items:center;height:44px}.platform-navbar__right{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.platform-navbar__user-info{display:flex;flex-direction:column;justify-content:center;line-height:1.3}.platform-navbar__user-name{font-weight:600;font-size:.875rem;color:var(--color-text-primary);white-space:nowrap}.platform-navbar__user-email{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.1rem;white-space:nowrap}.platform-navbar__user-slot{display:flex;align-items:center}.platform-navbar__logout{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-inverse);border:none;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px var(--color-accent-shadow)}.platform-navbar__logout:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-accent-shadow)}.platform-navbar__logout:active{transform:translateY(0)}@media(max-width:768px){.platform-navbar__content{padding:.75rem 1rem;gap:1rem;height:56px}.platform-navbar__user-info,.platform-navbar__user-slot{display:none}.platform-navbar__right{gap:.75rem}.platform-navbar__logout{padding:.5rem 1rem;font-size:.8125rem}}@media(max-width:480px){.platform-navbar__content{padding:.5rem .75rem;height:48px}.platform-navbar__app-name,.platform-navbar__separator{display:none}.platform-navbar__logout{padding:.4rem .75rem;font-size:.75rem}}.skeleton{background:var(--color-skeleton-base);display:inline-block;position:relative;overflow:hidden;border-radius:4px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-skeleton-shimmer) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.5s ease-in-out infinite;will-change:transform}:root[data-theme=dark] .skeleton{background:var(--color-skeleton-dark-base)}:root[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent 0%,var(--color-skeleton-dark-shimmer) 50%,transparent 100%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-overlay{position:fixed;inset:0;background-color:var(--color-overlay);z-index:100000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease-out}.modal-overlay.animate-in{opacity:1}.modal-overlay.no-animation{opacity:1;transition:none}.confirmation-popup{background:var(--color-bg-secondary);border-radius:8px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 4px 20px var(--color-shadow-lg);animation:popIn .3s ease-out}.confirmation-content{display:flex;flex-direction:column;gap:20px}.confirmation-message{font-size:16px;color:var(--color-text-primary);margin:0;line-height:1.5;text-align:center}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-cancel:hover{background-color:var(--color-bg-hover)}.btn-confirm{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-confirm:hover{background-color:var(--color-error-dark)}@media(max-width:640px){.confirmation-popup{min-width:300px;max-width:90%;padding:20px}.confirmation-message{font-size:14px}.confirmation-buttons{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.login{display:flex;align-items:center;justify-content:center;height:100vh;max-height:100vh;overflow:auto;background:var(--color-bg-primary);padding:1rem}.login__card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:16px;padding:3rem 2.5rem;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.login__logo{color:var(--color-primary);margin-bottom:1.5rem}.login__title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.login__subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.5}.login__error{background:var(--color-error-bg);color:var(--color-error);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.login__button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, var(--color-primary)) 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.login__button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login__button:active:not(:disabled){transform:translateY(0)}.login__button:disabled{opacity:.7;cursor:not-allowed}.login__hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:1rem}@media(max-width:480px){.login__card{padding:2rem 1.5rem}.login__title{font-size:1.5rem}}.app-skeleton{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.app-skeleton-header{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border-light)}.app-skeleton-header-content{margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.7rem;height:64px}.app-skeleton-header-left{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.app-skeleton-header-right{display:flex;align-items:center;gap:1.25rem;margin-left:auto}@media(max-width:768px){.app-skeleton-header-content{padding:.875rem 1rem;height:56px;gap:1rem}.app-skeleton-header-right{gap:.75rem}}@media(max-width:480px){.app-skeleton-header-content{padding:.75rem .875rem;height:52px}.app-skeleton-header-right{gap:.5rem}}.course-details{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.course-details-link-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-link);background-color:transparent;text-decoration:none;margin-bottom:1rem;font-weight:500;font-size:.95rem;transition:all .2s;padding:.5rem;border-radius:4px}.course-details-link-back:hover{background-color:var(--color-bg-hover);color:var(--color-text-link-hover);transform:translate(-4px)}.course-details-header{background-color:var(--color-bg-secondary);padding:2rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.course-details-title{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;color:var(--color-text-primary);text-shadow:0 2px 4px var(--color-shadow-text)}.course-details-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.course-details-metric{background-color:var(--color-bg-quaternary);padding:1rem;border-radius:8px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:transform .2s,box-shadow .2s}.course-details-metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-details-metric label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.course-details-metric-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.status-badge{padding:.5rem 1rem;font-weight:600;font-size:.9rem;border-radius:6px;display:inline-block;text-align:center}.status-badge-green{background-color:var(--color-success);color:var(--color-text-inverse)}.status-badge-red{background-color:var(--color-error);color:var(--color-text-inverse)}.status-badge-yellow{background-color:var(--color-warning);color:var(--color-text-primary);font-weight:700}.status-badge-orange{background-color:var(--color-orange);color:var(--color-text-inverse)}.status-badge-blue{background-color:var(--color-primary-light);color:var(--color-text-inverse)}.tabs{margin-top:1.5rem}.tabs-nav{background-color:var(--color-bg-primary);border-bottom:2px solid var(--color-border-light);display:flex;gap:0;position:sticky;top:0;z-index:10}.tab-button{font-weight:500;font-size:.95rem;color:var(--color-text-secondary);background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1.5rem;transition:color .2s,background-color .2s,border-color .2s;cursor:pointer;position:relative;bottom:-2px}.tab-button:hover{color:var(--color-primary);background-color:var(--color-bg-hover)}.tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px 4px 0 0}.tab-button-active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:transparent}.tab-content{background-color:var(--color-bg-primary)}.course-details-info-tab,.course-details-instructors-tab,.course-details-gatherings-tab,.course-details-audit-tab{animation:course-details-fade-in .3s ease-in-out}@keyframes course-details-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-details-info-tab{padding:2rem 0;background-color:transparent}.course-details-info-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.course-details-info-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.course-details-info-section-header{background-color:var(--color-bg-tertiary);padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.course-details-info-section-content{padding:1.5rem;background-color:var(--color-bg-secondary)}.course-details-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.course-details-info-field{padding:.5rem 0}.course-details-info-field label{display:block;font-size:.8rem;color:var(--color-text-tertiary);margin-bottom:.35rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.course-details-info-value{font-size:.95rem;color:var(--color-text-primary);font-weight:500}.course-details-edit-form{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.course-details-edit-form h4{background-color:var(--color-bg-tertiary);padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);margin:0;font-size:.95rem;color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.course-details-edit-form.has-unsaved-changes{border-color:var(--color-warning);box-shadow:0 0 0 1px var(--color-warning)}.unsaved-indicator{font-size:.75rem;font-weight:500;color:var(--color-warning-text);background-color:var(--color-warning-bg);padding:.25rem .625rem;border-radius:4px;white-space:nowrap;animation:pulse-subtle 2s ease-in-out infinite}.course-details-edit-form-content{padding:1.5rem;background-color:var(--color-bg-secondary)}.course-details-edit-form .rs-form-group,.course-details-instructor-card .rs-form-group{margin-bottom:1.25rem!important}.course-details-edit-form .rs-form-control-label,.course-details-instructor-card .rs-form-control-label{color:var(--color-text-primary)!important;font-weight:500!important;margin-bottom:.5rem!important;display:block!important}.course-details-edit-form .rs-input,.course-details-instructor-card .rs-input{width:100%!important;background-color:var(--color-input-bg)!important;border:1px solid var(--color-input-border)!important;border-radius:6px!important;padding:8px 12px!important;font-size:14px!important;color:var(--color-input-text)!important;transition:all .2s ease!important;line-height:1.5!important}.course-details-edit-form .rs-input:hover,.course-details-instructor-card .rs-input:hover{border-color:var(--color-primary)!important}.course-details-edit-form .rs-input:focus,.course-details-instructor-card .rs-input:focus{border-color:var(--color-primary)!important;outline:none!important;box-shadow:var(--focus-ring-input)!important}.course-details-edit-form .rs-input::placeholder,.course-details-instructor-card .rs-input::placeholder{color:var(--color-input-placeholder)!important;opacity:.7!important}.course-details-edit-form .rs-input:disabled,.course-details-instructor-card .rs-input:disabled{background-color:var(--color-bg-tertiary)!important;border-color:var(--color-border-light)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;opacity:.6!important}.course-details-edit-form .rs-input:disabled:hover,.course-details-instructor-card .rs-input:disabled:hover{border-color:var(--color-border-light)!important}.course-details-edit-form textarea.rs-input,.course-details-instructor-card textarea.rs-input{min-height:120px!important;resize:vertical!important;font-family:inherit!important}.course-details-edit-form .rs-checkbox,.course-details-instructor-card .rs-checkbox,.course-details-instructor-checkboxes .rs-checkbox{margin-bottom:8px!important}.course-details-edit-form .rs-checkbox-checker,.course-details-instructor-card .rs-checkbox-checker,.course-details-instructor-checkboxes .rs-checkbox-checker{cursor:pointer!important}.course-details-edit-form .rs-checkbox-checker input[type=checkbox],.course-details-instructor-card .rs-checkbox-checker input[type=checkbox],.course-details-instructor-checkboxes .rs-checkbox-checker input[type=checkbox]{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important}.course-details-edit-form .rs-checkbox-wrapper,.course-details-instructor-card .rs-checkbox-wrapper,.course-details-instructor-checkboxes .rs-checkbox-wrapper{display:none!important}.course-details-edit-form .rs-checkbox-checker>label,.course-details-instructor-card .rs-checkbox-checker>label,.course-details-instructor-checkboxes .rs-checkbox-checker>label{color:var(--color-text-primary)!important;cursor:pointer!important;font-size:14px!important;padding-left:26px!important;position:relative!important}.course-details-edit-form .rs-checkbox-checker>label:before,.course-details-instructor-card .rs-checkbox-checker>label:before,.course-details-instructor-checkboxes .rs-checkbox-checker>label:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;border:1px solid var(--color-input-border)!important;border-radius:4px!important;background-color:var(--color-input-bg)!important;transition:all .2s ease!important}.course-details-edit-form .rs-checkbox:hover .rs-checkbox-checker>label:before,.course-details-instructor-card .rs-checkbox:hover .rs-checkbox-checker>label:before,.course-details-instructor-checkboxes .rs-checkbox:hover .rs-checkbox-checker>label:before{border-color:var(--color-primary)!important}.course-details-edit-form .rs-checkbox-checked .rs-checkbox-checker>label:before,.course-details-instructor-card .rs-checkbox-checked .rs-checkbox-checker>label:before,.course-details-instructor-checkboxes .rs-checkbox-checked .rs-checkbox-checker>label:before{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.course-details-edit-form .rs-checkbox-checked .rs-checkbox-checker>label:after,.course-details-instructor-card .rs-checkbox-checked .rs-checkbox-checker>label:after,.course-details-instructor-checkboxes .rs-checkbox-checked .rs-checkbox-checker>label:after{content:""!important;position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%) rotate(45deg)!important;width:5px!important;height:10px!important;border:solid var(--color-text-inverse)!important;border-width:0 2px 2px 0!important;margin-top:-2px!important}.course-details-edit-form .rs-form-help-text,.course-details-instructor-card .rs-form-help-text{color:var(--color-text-muted)!important;font-size:13px!important;margin-top:4px!important}.course-details-edit-form .rs-btn-primary,.course-details-instructor-card .rs-btn-primary{width:100%!important;background-color:var(--color-primary)!important;border:none!important;color:var(--color-text-inverse)!important;padding:12px 24px!important;font-weight:500!important;font-size:15px!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;margin-top:8px!important}.course-details-edit-form .rs-btn-primary:hover,.course-details-instructor-card .rs-btn-primary:hover{background-color:var(--color-primary-dark)!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px var(--color-shadow-sm)!important}.course-details-edit-form .rs-btn-primary:active,.course-details-instructor-card .rs-btn-primary:active{transform:translateY(0)!important}.course-details-edit-form .rs-btn-primary:disabled,.course-details-instructor-card .rs-btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.course-details-instructors-tab{padding:2rem 0;background-color:transparent}.course-details-instructors-tab h3{margin-bottom:1.5rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.course-details-instructors-grid{display:flex;gap:1.25rem;align-items:start}.course-details-instructors-column{flex:1;display:flex;flex-direction:column;gap:1.25rem}@media(max-width:1400px){.course-details-instructors-column:nth-child(3){display:none}}@media(max-width:900px){.course-details-instructors-column:nth-child(2),.course-details-instructors-column:nth-child(3){display:none}}.course-details-instructor-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;overflow:hidden;transition:box-shadow .2s,height .3s ease;box-shadow:var(--shadow-sm);height:fit-content}.course-details-instructor-card:hover{box-shadow:var(--shadow-md)}.course-details-instructor-card-header{background-color:var(--color-bg-tertiary);padding:1rem 1.25rem;color:var(--color-text-primary);font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background-color .2s}.course-details-instructor-card-header:hover{background-color:var(--color-bg-tertiary);background:color-mix(in srgb,var(--color-bg-tertiary) 92%,var(--color-bg-secondary) 8%)}.course-details-collapse-arrow{transition:transform .3s ease;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.course-details-collapse-arrow.collapsed{transform:rotate(-90deg)}.course-details-collapse-arrow.expanded{transform:rotate(0)}.course-details-arrow-icon{width:20px;height:20px;display:block}.course-details-instructor-card-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;overflow:hidden}.course-details-instructor-card-wrapper.expanded{grid-template-rows:1fr}.course-details-instructor-card-content{min-height:0;padding:0 1.5rem;background-color:var(--color-bg-secondary);opacity:0;transition:opacity .3s ease-in-out,padding .3s ease-in-out}.course-details-instructor-card-wrapper.expanded .course-details-instructor-card-content{padding:1.5rem;opacity:1}.course-details-instructor-contact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border-light)}.course-details-instructor-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0;padding:1rem;background-color:var(--color-bg-tertiary);border-radius:8px}.course-details-instructor-checkboxes .rs-checkbox{font-weight:500;color:var(--color-text-primary)}.course-details-instructor-checkboxes .rs-checkbox-checker label{color:var(--color-text-primary)}.course-details-contract-status{display:flex;align-items:center;gap:.75rem}.course-details-contract-date{font-size:.8rem;color:var(--color-text-secondary);font-style:italic;padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border-light);white-space:nowrap}.course-details-contract-status .rs-checkbox.rs-checkbox-disabled .rs-checkbox-checker{cursor:not-allowed!important;opacity:.7}.course-details-contract-status .rs-checkbox.rs-checkbox-disabled .rs-checkbox-checker>label{cursor:not-allowed!important}.course-details-instructor-card .rs-form-control-label{color:var(--color-text-primary);font-weight:500}.course-details-instructor-card .rs-input{background-color:var(--color-input-bg)!important;border-color:var(--color-input-border)!important;color:var(--color-input-text)!important}.course-details-instructor-card .rs-input::placeholder{color:var(--color-input-placeholder)!important;opacity:1!important}.course-details-instructor-card .rs-input:focus{border-color:var(--color-input-border-focus)!important;box-shadow:0 0 0 2px var(--color-input-focus-shadow)!important}.course-details-instructor-card .rs-form-help-text{color:var(--color-text-muted)!important}.course-details-instructor-card .rs-btn-primary{background-color:var(--color-primary)!important;border:none!important;color:var(--color-text-inverse)!important;padding:.65rem 1.5rem;font-weight:500;width:100%;transition:background-color .2s}.course-details-instructor-card .rs-btn-primary:hover{background-color:var(--color-primary-dark)!important}.course-details-gatherings-tab{padding:2rem 0;background-color:transparent}.course-details-gatherings-tab h3{margin-bottom:1.5rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.course-details-audit-tab{padding:2rem 0;background-color:transparent}.course-details-audit-tab h3,.course-details-audit-tab h4{margin-bottom:1rem;color:var(--color-text-primary);font-weight:600}.course-details-audit-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;margin-bottom:1.5rem;border:1px solid}.course-details-audit-message-icon{font-size:1.25rem;flex-shrink:0}.course-details-audit-message-error{background-color:var(--color-audit-error-bg);border-color:var(--color-audit-error-border);color:var(--color-audit-error-text)}.course-details-audit-message-info{background-color:var(--color-audit-info-bg);border-color:var(--color-audit-info-border);color:var(--color-audit-info-text)}.course-details-audit-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.95rem}.course-details-audit-panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;padding:1rem 1.5rem 1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);display:flex;justify-content:center}.course-details-audit-info{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:90%;width:fit-content;gap:1.5rem}.course-details-audit-info div{padding:0;width:fit-content}.course-details-audit-info strong{color:var(--color-text-tertiary);font-weight:600;display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.5rem}.course-details-audit-info p{margin:0;color:var(--color-text-primary);font-size:.95rem;font-weight:500}.course-details-audit-timeline{position:relative;padding:1rem 0}.course-details-audit-timeline-item{display:flex;gap:1.5rem;margin-bottom:1.5rem;position:relative}.course-details-audit-timeline-item:last-child{margin-bottom:0}.course-details-audit-timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.course-details-audit-timeline-dot{width:14px;height:14px;background-color:var(--color-primary);border:3px solid var(--color-bg-primary);border-radius:50%;box-shadow:0 0 0 3px var(--color-primary-light);z-index:2}.course-details-audit-timeline-line{width:2px;flex:1;background-color:var(--color-border-light);margin-top:.5rem;min-height:40px}.course-details-audit-timeline-content{flex:1;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .2s;margin-top:-4px}.course-details-audit-timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.course-details-audit-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.course-details-audit-timeline-user{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.course-details-audit-timeline-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 4px var(--color-shadow-sm)}.course-details-audit-timeline-user-info{flex:1;min-width:0}.course-details-audit-timeline-name{font-weight:600;color:var(--color-text-primary);font-size:.95rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-details-audit-timeline-email{font-size:.85rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-details-audit-timeline-meta{text-align:right;flex-shrink:0}.course-details-audit-timeline-action{font-weight:600;color:var(--color-primary);font-size:.9rem;margin-bottom:.25rem;padding:.25rem .75rem;background-color:var(--color-bg-accent);border-radius:6px;display:inline-block}.course-details-audit-timeline-timestamp{font-size:.85rem;color:var(--color-text-tertiary);white-space:nowrap}.course-details-audit-timeline-description{padding-top:.75rem;border-top:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.course-details-audit-pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-light)}.course-details-audit-show-more{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);color:var(--color-text-primary);padding:.75rem 2rem;font-weight:500;font-size:.95rem;border-radius:8px;transition:all .2s ease;cursor:pointer}.course-details-audit-show-more:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-details-audit-no-more{color:var(--color-text-tertiary);font-size:.9rem;font-style:italic;padding:.75rem}@media(max-width:768px){.course-details-audit-timeline-header{flex-direction:column;align-items:flex-start}.course-details-audit-timeline-meta{text-align:left}.course-details-audit-timeline-user{width:100%}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border-medium);border-radius:12px;min-height:280px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);margin-bottom:1.25rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.empty-state-description{font-size:.9rem;color:var(--color-text-secondary);max-width:360px;line-height:1.6;margin:0}.course-details-loading,.course-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem;background-color:transparent}.course-details-loading p,.course-details-error p{color:var(--color-text-secondary)}.course-details-error h2{color:var(--color-error);margin-bottom:1rem}.course-details-spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:course-details-spin .8s linear infinite;margin-bottom:1.5rem}@keyframes course-details-spin{to{transform:rotate(360deg)}}.course-details-btn-back{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;border-radius:8px;margin-top:1rem;transition:all .2s;font-weight:500}.course-details-btn-back:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-text-inverse)}.course-details-instructors-tab .rs-message,.course-details-audit-tab .rs-message{background-color:var(--color-bg-accent);border-color:var(--color-border-light);color:var(--color-text-primary)}.course-details-instructors-tab .rs-message-icon,.course-details-audit-tab .rs-message-icon{color:var(--color-primary)}@media(max-width:1024px){.course-details-info-container,.course-details-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.course-details{padding:1rem}.course-details-header{padding:1.5rem}.course-details-title{font-size:1.5rem}.course-details-metrics{grid-template-columns:1fr 1fr}.course-details-instructor-contact,.course-details-audit-info{grid-template-columns:1fr}}:root[data-theme=dark] .status-badge-green{background-color:var(--color-success-dark);color:var(--color-badge-text-green)}:root[data-theme=dark] .status-badge-red{background-color:var(--color-error-dark);color:var(--color-badge-text-red)}:root[data-theme=dark] .status-badge-yellow{background-color:var(--color-warning-dark);color:var(--color-badge-text-yellow)}:root[data-theme=dark] .status-badge-orange{background-color:var(--color-orange-dark);color:var(--color-badge-text-orange)}:root[data-theme=dark] .status-badge-blue{background-color:var(--color-primary-dark);color:var(--color-badge-text-blue)}:root[data-theme=dark] .course-details-title{text-shadow:0 2px 4px var(--color-shadow-text)}:root[data-theme=dark] .course-details-instructor-card-header:hover{background:color-mix(in srgb,var(--color-bg-tertiary) 85%,var(--color-bg-secondary) 15%)}:root[data-theme=dark] .course-details-edit-form .rs-btn-primary:hover,:root[data-theme=dark] .course-details-instructor-card .rs-btn-primary:hover{box-shadow:0 4px 8px var(--color-shadow-md)!important}:root[data-theme=dark] .course-details-audit-timeline-avatar{box-shadow:0 2px 4px var(--color-shadow-md)}:root[data-theme=dark] .course-details-arrow-icon{color:var(--color-text-primary)}:root[data-theme=dark] .course-details-contract-date{border-color:var(--color-border-medium);background-color:var(--color-bg-quaternary)}:root[data-theme=dark] .course-details-audit-show-more:hover{box-shadow:var(--shadow-lg)}:root[data-theme=dark] .course-details-btn-back:hover{box-shadow:var(--shadow-lg)}.skeleton-box{background:var(--color-bg-secondary);border-radius:4px;display:inline-block;position:relative;overflow:hidden}.skeleton-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-bg-tertiary) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.5s ease-in-out infinite;will-change:transform}[data-theme=dark] .skeleton-box{background:var(--color-skeleton-detail-bg)}[data-theme=dark] .skeleton-box:after{background:linear-gradient(90deg,transparent 0%,var(--color-skeleton-detail-shimmer) 50%,transparent 100%)}.course-details-tabs-skeleton{margin-top:1.5rem}.course-details-tabs-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border-light);padding-bottom:.5rem;margin-bottom:2rem}.course-details-tab-content{padding:2rem 0}.course-details-info-section-skeleton{margin-bottom:3rem}.course-details-info-grid-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem}.course-details-info-field-skeleton{display:flex;flex-direction:column}.course-details-edit-form-skeleton{background-color:var(--color-bg-secondary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);max-width:800px}@media(max-width:768px){.course-details-info-grid-skeleton{grid-template-columns:1fr}.course-details-tabs-nav{overflow-x:auto;padding-bottom:1rem}.course-details-edit-form-skeleton{padding:1.5rem}}.inbox-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100001;max-width:1000px;width:90%;display:flex;flex-direction:column;opacity:0;transition:opacity .2s ease-out,transform .2s ease-out}.inbox-modal.animate-in{opacity:1;transform:translate(-50%,-50%) scale(1)}.inbox-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color-border-light);gap:16px}.modal-header-content{flex:1}.inbox-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.modal-subtitle{margin:6px 0 0;font-size:14px;color:var(--color-text-secondary)}.modal-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.count-badge{font-size:16px;color:var(--color-text-secondary);font-weight:500}.modal-close-btn{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--color-text-primary)}.inbox-modal .modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;height:80vh;max-height:800px;overflow:hidden}.inbox-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:14px}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.inbox-empty p{margin:0;color:var(--color-text-secondary);font-size:16px}.empty-icon{color:var(--color-success)}.inbox-modal .btn-export{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--color-success);color:var(--color-text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.inbox-modal .btn-export:hover{background-color:var(--color-success-dark)}.inbox-modal .btn-export:active{transform:scale(.98)}.inbox-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;padding-right:4px}.inbox-item{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);transition:all .2s}.inbox-item:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.inbox-item-header{font-size:16px;font-weight:600;color:var(--color-text-primary);padding-bottom:12px;border-bottom:2px solid var(--color-border-light);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s}.inbox-item-header:hover,.inbox-item-header:hover .inbox-coursedate-id{color:var(--color-primary-light)}.inbox-item-header:hover .header-link-icon{opacity:1}.inbox-item-header .instructor-name{font-weight:600;height:25px}.inbox-item-header .header-separator{color:var(--color-text-muted);font-weight:400}.inbox-item-header .inbox-coursedate-id{color:var(--color-text-secondary);font-weight:500;font-size:14px;transition:color .2s}.header-link-icon{flex-shrink:0;opacity:.5;margin-left:auto;transition:opacity .2s}.inbox-item-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-grid{display:flex;flex-direction:column;gap:10px}.field-group{display:flex;flex-direction:column;gap:4px}.field-header{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.field-content{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:6px;min-height:36px}.field-value{flex:1;color:var(--color-text-primary);font-size:13px;word-break:break-word;line-height:1.4}.btn-copy{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;border-radius:4px}.btn-copy:hover{background-color:var(--color-bg-hover);color:var(--color-primary-light)}.btn-copy:active{transform:scale(.9)}.inbox-item-actions{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--color-border-light)}.action-step{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary-light);color:var(--color-text-inverse);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.step-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-frontcore{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.btn-frontcore:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-text-inverse)}.btn-frontcore:active{transform:scale(.98)}.btn-mark-linked{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background-color:var(--color-success);color:var(--color-text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-linked:hover{background-color:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-mark-linked:active{transform:translateY(0)}.btn-mark-linked:disabled{background-color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.modal-footer-note{padding:14px 16px;background-color:var(--color-bg-tertiary);border-radius:8px;flex-shrink:0}.modal-footer-note p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.modal-footer-note strong{font-weight:600;color:var(--color-text-primary)}.inbox-list::-webkit-scrollbar{width:8px}.inbox-list::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.inbox-list::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}.inbox-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){.inbox-modal{width:95%;max-height:90vh}.inbox-modal .modal-header{padding:16px 20px;flex-direction:column;gap:12px}.modal-header-actions{width:100%;justify-content:space-between}.inbox-modal .modal-header h2{font-size:18px}.inbox-modal .btn-export{flex:1;justify-content:center}.inbox-modal .modal-body{padding:20px}.inbox-item{padding:16px}.inbox-item-columns{grid-template-columns:1fr;gap:16px}.action-step{flex-direction:column;align-items:flex-start;gap:8px}.action-buttons{width:100%}.btn-frontcore{flex:1;justify-content:center}.btn-mark-linked{width:100%;justify-content:center}.field-content{padding:8px 10px;min-height:34px}.field-value{font-size:13px}}.inbox-notification-badge{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-secondary);transition:all .2s ease}.inbox-notification-badge:hover{color:var(--color-text-primary);transform:scale(1.1)}.inbox-notification-badge:active{transform:scale(1.05)}.inbox-notification-badge:focus{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:4px}.notification-count{position:absolute;bottom:1px;left:1px;background-color:var(--color-notification-bg);color:var(--color-text-inverse);min-width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 2px 4px var(--color-notification-shadow);z-index:1}.active-users{position:relative;display:flex;align-items:center}.active-users-container{display:flex;align-items:center;gap:8px}.active-users-avatars{display:flex;align-items:center;position:relative}.active-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--color-text-inverse);border:2px solid var(--color-bg-primary);margin-left:-14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s ease,margin-left .3s ease}.active-user-avatar:first-child{margin-left:0}.active-users:hover .active-user-avatar{margin-left:-8px}.active-users:hover .active-user-avatar:first-child{margin-left:0}.active-users-more-count{font-size:12px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.active-users-tooltip{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:8px;box-shadow:var(--shadow-md);min-width:200px;max-width:300px;z-index:1000;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.active-users-tooltip-header{padding:8px 12px;font-size:12px;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.active-users-tooltip-list{padding:8px;max-height:300px;overflow-y:auto}.active-users-tooltip-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;transition:background-color .15s ease}.active-users-tooltip-item:hover{background-color:var(--color-bg-tertiary)}.active-user-avatar-small{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-text-inverse);flex-shrink:0}.active-user-name{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.active-users{display:none}}.user-info{display:flex;flex-direction:column;justify-content:center;line-height:1.3;padding:.5rem 0;position:relative;cursor:pointer}.user-name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.user-email{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.1rem}.permissions-popup{position:absolute;top:100%;right:0;margin-top:.125rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;box-shadow:var(--shadow-lg);padding:.55rem .7rem;min-width:155px;z-index:200;animation:fadeIn .15s ease-out}.permissions-header{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem;color:var(--color-text-secondary)}.permissions-divider{height:1px;background-color:var(--color-border-light);margin:.4rem 0}.permissions-list{list-style:none;margin:0;padding:0}.permission-item{display:flex;align-items:center;gap:.4rem;padding:.22rem 0;font-size:.77rem;color:var(--color-text-primary)}.permission-indicator{width:9px;height:9px;border-radius:50%;flex-shrink:0}.permission-indicator.has-permission{background-color:var(--color-permission-granted)}.permission-indicator.no-permission{background-color:var(--color-permission-denied)}[data-theme=dark] .user-name{color:var(--color-permissions-name)}[data-theme=dark] .user-email{color:var(--color-permissions-email)}[data-theme=dark] .permissions-popup{background:var(--color-permissions-bg);border-color:var(--color-permissions-border)}[data-theme=dark] .permissions-divider{background-color:var(--color-permissions-divider)}@media(max-width:768px){.user-email{display:none}.user-name{font-size:.8rem}}@media(max-width:480px){.user-info{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-primary: #fafaf8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f3f0;--color-bg-quaternary: #fff8f5;--color-bg-accent: #fff8f5;--color-bg-hover: #f0ede8;--color-text-primary: #1a1a1a;--color-text-secondary: #404040;--color-text-tertiary: #686868;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-text-inverse-dark: #000000;--color-text-on-primary: #ffffff;--color-text-link: #1e3a8a;--color-text-link-hover: #1e40af;--color-border-light: #e8e6e3;--color-border-medium: #d4d0ca;--color-border-dark: #686868;--color-input-bg: #ffffff;--color-input-border: #d4d0ca;--color-input-border-focus: #3b82f6;--color-input-text: #1a1a1a;--color-input-placeholder: #989898;--color-primary: #1e3a8a;--color-primary-light: #3b82f6;--color-primary-lighter: #60a5fa;--color-primary-dark: #1e40af;--color-primary-bg: #dbeafe;--color-primary-bg-hover: #eff6ff;--color-accent: #8b5cf6;--color-accent-dark: #7c3aed;--color-accent-darker: #6d28d9;--color-accent-shadow: rgba(139, 92, 246, .2);--color-success: #10b981;--color-success-dark: #059669;--color-success-bg: #d1fae5;--color-success-text: #166534;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-bg: #fee2e2;--color-error-bg-hover: #fef2f2;--color-error-light: #fca5a5;--color-error-text: #991b1b;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-bg: #dbeafe;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-btn-secondary-bg: #f3f4f6;--color-btn-secondary-text: #374151;--color-btn-secondary-hover: #e5e7eb;--color-copied-bg: #dcfce7;--color-copied-text: #16a34a;--color-input-focus-shadow: rgba(59, 130, 246, .1);--color-scrollbar-track: #f5f3f0;--color-scrollbar-thumb: #d4d0ca;--color-scrollbar-thumb-hover: #686868;--color-badge-blue-bg: #dbeafe;--color-badge-blue-text: #1e40af;--color-badge-pink-bg: #fce7f3;--color-badge-pink-text: #9d174d;--color-badge-green-bg: #dcfce7;--color-badge-green-text: #166534;--color-badge-orange-bg: #ffedd5;--color-badge-orange-text: #9a3412;--color-skeleton-base: #e8e8e8;--color-skeleton-shimmer: rgba(255, 255, 255, .5);--color-notification-bg: #dc2626;--color-notification-shadow: rgba(220, 38, 38, .4);--color-orange: #f97316;--color-orange-dark: #ea580c;--color-tooltip-bg: rgba(0, 0, 0, .9);--color-tooltip-text: #ffffff;--color-overlay: rgba(26, 26, 26, .5);--color-overlay-light: rgba(26, 26, 26, .2);--color-row-hover: rgba(59, 130, 246, .04);--color-save-flash: rgba(16, 185, 129, .3);--color-primary-shadow: rgba(30, 58, 138, .3);--color-inverse-overlay: rgba(255, 255, 255, .2);--color-inverse-overlay-hover: rgba(255, 255, 255, .3);--color-inverse-overlay-border: rgba(255, 255, 255, .3);--color-permission-granted: #22c55e;--color-permission-denied: #ef4444;--color-checkbox-border: var(--color-border-medium);--color-checkbox-bg: var(--color-bg-secondary);--color-checkbox-focus-border: var(--color-primary-light);--color-checkbox-focus-bg: var(--color-bg-tertiary);--color-checkbox-checked: var(--color-primary-light);--color-checkbox-disabled-bg: var(--color-bg-tertiary);--color-checkbox-disabled-border: var(--color-border-light);--color-checkbox-checkmark: #ffffff;--color-header-border: var(--color-border-light);--color-toggle-bg: #f3f4f6;--color-toggle-border: #e5e7eb;--color-toggle-text: #6b7280;--color-toggle-hover-bg: #e5e7eb;--color-toggle-hover-border: #d1d5db;--color-toggle-hover-text: #1a1a2e;--color-banner-offline: var(--color-error-dark);--color-banner-reconnecting-bg: var(--color-warning);--color-banner-reconnecting-text: var(--color-text-inverse-dark);--color-banner-online: var(--color-success);--color-shadow-xs: rgba(0, 0, 0, .04);--color-shadow-sm: rgba(0, 0, 0, .1);--color-shadow-md: rgba(0, 0, 0, .12);--color-shadow-lg: rgba(0, 0, 0, .15);--color-shadow-xl: rgba(0, 0, 0, .2);--color-shadow-text: rgba(0, 0, 0, .2);--color-focus-ring: rgba(59, 130, 246, .1);--color-focus-ring-strong: rgba(59, 130, 246, .3);--color-badge-text-green: #d1fae5;--color-badge-text-red: #fee2e2;--color-badge-text-yellow: #fef3c7;--color-badge-text-orange: #ffedd5;--color-badge-text-blue: #dbeafe;--color-skeleton-detail-bg: rgba(255, 255, 255, .05);--color-skeleton-detail-shimmer: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(26, 26, 26, .05), 0 1px 3px rgba(26, 26, 26, .1);--shadow-md: 0 2px 4px rgba(26, 26, 26, .08), 0 4px 8px rgba(26, 26, 26, .12);--shadow-lg: 0 8px 16px rgba(26, 26, 26, .1), 0 16px 32px rgba(26, 26, 26, .2);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary)}:root[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-quaternary: #293548;--color-bg-accent: #1e3a5f;--color-bg-hover: #293548;--color-text-primary: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-text-inverse-dark: #0f172a;--color-text-on-primary: #0f172a;--color-text-link: #60a5fa;--color-text-link-hover: #93c5fd;--color-border-light: #334155;--color-border-medium: #475569;--color-border-dark: #64748b;--color-input-bg: #1e293b;--color-input-border: #475569;--color-input-border-focus: #60a5fa;--color-input-text: #e2e8f0;--color-input-placeholder: #64748b;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-lighter: #93c5fd;--color-primary-dark: #2563eb;--color-primary-bg: #1e3a8a;--color-primary-bg-hover: rgba(59, 130, 246, .15);--color-accent: #8b5cf6;--color-accent-dark: #7c3aed;--color-accent-darker: #6d28d9;--color-accent-shadow: rgba(139, 92, 246, .3);--color-success: #10b981;--color-success-dark: #059669;--color-success-bg: #064e3b;--color-success-text: #86efac;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-bg: #7f1d1d;--color-error-bg-hover: rgba(239, 68, 68, .15);--color-error-light: #fca5a5;--color-error-text: #fca5a5;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-bg: #1e3a8a;--color-warning: #fbbf24;--color-warning-dark: #f59e0b;--color-warning-bg: rgba(251, 191, 36, .15);--color-warning-text: #fef3c7;--color-btn-secondary-bg: #334155;--color-btn-secondary-text: #e2e8f0;--color-btn-secondary-hover: #475569;--color-copied-bg: #166534;--color-copied-text: #86efac;--color-input-focus-shadow: rgba(96, 165, 250, .15);--color-scrollbar-track: #22222e;--color-scrollbar-thumb: #475569;--color-scrollbar-thumb-hover: #64748b;--color-badge-blue-bg: rgba(30, 64, 175, .3);--color-badge-blue-text: #93c5fd;--color-badge-pink-bg: rgba(157, 23, 77, .3);--color-badge-pink-text: #f9a8d4;--color-badge-green-bg: rgba(22, 101, 52, .3);--color-badge-green-text: #86efac;--color-badge-orange-bg: rgba(234, 88, 12, .3);--color-badge-orange-text: #fdba74;--color-skeleton-base: #334155;--color-skeleton-shimmer: rgba(255, 255, 255, .12);--color-notification-bg: #ef4444;--color-notification-shadow: rgba(239, 68, 68, .5);--color-orange: #f97316;--color-orange-dark: #ea580c;--color-tooltip-bg: rgba(0, 0, 0, .95);--color-tooltip-text: #ffffff;--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(0, 0, 0, .4);--color-row-hover: rgba(96, 165, 250, .08);--color-save-flash: rgba(16, 185, 129, .25);--color-primary-shadow: rgba(30, 58, 138, .4);--color-inverse-overlay: rgba(255, 255, 255, .15);--color-inverse-overlay-hover: rgba(255, 255, 255, .25);--color-inverse-overlay-border: rgba(255, 255, 255, .25);--color-checkbox-border: #3a3a4a;--color-checkbox-bg: #2a2a3a;--color-checkbox-focus-border: #4a90e2;--color-checkbox-focus-bg: #32323e;--color-checkbox-checked: #4a90e2;--color-checkbox-disabled-bg: #32323e;--color-checkbox-disabled-border: #3a3a4a;--color-checkbox-checkmark: #ffffff;--color-header-border: #2d2d44;--color-toggle-bg: #2d2d44;--color-toggle-border: #3d3d5c;--color-toggle-text: #9ca3af;--color-toggle-hover-bg: #3d3d5c;--color-toggle-hover-border: #4d4d6c;--color-toggle-hover-text: #ffffff;--color-banner-offline: #dc2626;--color-banner-reconnecting-bg: #d97706;--color-banner-reconnecting-text: #ffffff;--color-banner-online: #059669;--color-shadow-xs: rgba(0, 0, 0, .15);--color-shadow-sm: rgba(0, 0, 0, .25);--color-shadow-md: rgba(0, 0, 0, .3);--color-shadow-lg: rgba(0, 0, 0, .4);--color-shadow-xl: rgba(0, 0, 0, .5);--color-shadow-text: rgba(0, 0, 0, .4);--color-focus-ring: rgba(59, 130, 246, .15);--color-focus-ring-strong: rgba(59, 130, 246, .4);--color-badge-text-green: #d1fae5;--color-badge-text-red: #fee2e2;--color-badge-text-yellow: #fef3c7;--color-badge-text-orange: #ffedd5;--color-badge-text-blue: #dbeafe;--color-skeleton-detail-bg: rgba(255, 255, 255, .05);--color-skeleton-detail-shimmer: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .6);color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary)}body,.app,.app-header,.app-footer,.app-main{transition:background-color .15s ease,color .15s ease}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}#root{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--focus-ring: 0 0 0 3px var(--color-focus-ring-strong);--focus-ring-offset: 0 0 0 2px var(--color-bg-secondary), 0 0 0 5px var(--color-focus-ring-strong);--focus-ring-input: 0 0 0 3px var(--color-input-focus-shadow)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}input[id^=react-select]:focus-visible{box-shadow:none}:root{--color-cell-flag-bg: #e0f2fe;--color-cell-flag-text: #0c4a6e;--color-cell-flag-border: #0284c7;--color-cell-edit-bg: #dbeafe;--color-cell-edit-text: #1e3a8a;--color-cell-edit-border: #3b82f6;--color-batch-select-bg: rgba(139, 92, 246, .08);--color-batch-select-bg-hover: rgba(139, 92, 246, .12);--color-batch-select-border: #8b5cf6;--color-batch-select-cell-bg: rgba(139, 92, 246, .3);--color-batch-select-cell-bg-hover: rgba(139, 92, 246, .4);--color-audit-error-bg: #fee;--color-audit-error-border: #fcc;--color-audit-error-text: #c00;--color-audit-info-bg: #e3f2fd;--color-audit-info-border: #90caf9;--color-audit-info-text: #1565c0}:root[data-theme=dark]{--color-toolbar-bg: #222232;--color-toolbar-input-bg: #32323e;--color-toolbar-border: #3a3a4a;--color-toolbar-hover: #3a3a4a;--color-toolbar-text: #d4d4e0;--color-toolbar-text-muted: #9090a0;--color-toolbar-focus: #4a90e2;--color-grid-bg: #22222e;--color-cell-flag-bg: #0c4a6e;--color-cell-flag-text: #60a5fa;--color-cell-flag-border: #0ea5e9;--color-cell-edit-bg: #1e3a8a;--color-cell-edit-text: #93c5fd;--color-cell-edit-border: #60a5fa;--color-batch-select-bg: rgba(139, 92, 246, .15);--color-batch-select-bg-hover: rgba(139, 92, 246, .2);--color-batch-select-border: #a78bfa;--color-batch-select-cell-bg: rgba(139, 92, 246, .35);--color-batch-select-cell-bg-hover: rgba(139, 92, 246, .45);--color-audit-error-bg: #4a1a1a;--color-audit-error-border: #7a2a2a;--color-audit-error-text: #ffb3b3;--color-audit-info-bg: #1a2a3a;--color-audit-info-border: #2a4a6a;--color-audit-info-text: #90caf9;--color-skeleton-dark-base: #3a3a4a;--color-skeleton-dark-shimmer: rgba(255, 255, 255, .12);--color-permissions-bg: var(--color-bg-primary);--color-permissions-border: #2d2d44;--color-permissions-divider: #2d2d44;--color-permissions-name: #ffffff;--color-permissions-email: #9ca3af}[data-theme=dark] .rs-picker-toggle,[data-theme=dark] .rs-picker-default .rs-picker-toggle.rs-btn{background-color:var(--color-input-bg)!important;border-color:var(--color-input-border);color:var(--color-text-primary)!important}[data-theme=dark] .rs-picker-popup{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}[data-theme=dark] .rs-picker-toggle:hover,[data-theme=dark] .rs-picker-default .rs-picker-toggle.rs-btn:hover{background-color:var(--color-input-bg);border-color:var(--color-input-border-focus);color:var(--color-text-primary)}[data-theme=dark] .rs-picker-toggle-active,[data-theme=dark] .rs-picker-default .rs-picker-toggle.rs-btn:focus,[data-theme=dark] .rs-picker-default .rs-picker-toggle.rs-btn.rs-btn-focus{background-color:var(--color-input-bg);border-color:var(--color-input-border-focus);color:var(--color-text-primary)}[data-theme=dark] .rs-picker-toggle-placeholder{color:var(--color-input-placeholder)}[data-theme=dark] .rs-picker-toggle-value{color:var(--color-text-primary)!important}[data-theme=dark] .rs-picker-toggle-caret,[data-theme=dark] .rs-picker-default .rs-picker-toggle-caret{color:var(--color-text-tertiary)}[data-theme=dark] .rs-input-group.rs-input-group-inside{background-color:var(--color-input-bg);border-color:var(--color-input-border)}[data-theme=dark] .rs-input-group.rs-input-group-inside:hover{border-color:var(--color-input-border-focus)}[data-theme=dark] .rs-input-group.rs-input-group-inside .rs-input{background-color:var(--color-input-bg);color:var(--color-input-text)}[data-theme=dark] .rs-input-group-addon{background-color:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text-secondary)}[data-theme=dark] .rs-picker-menu{background-color:var(--color-bg-secondary);border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}[data-theme=dark] .rs-picker-select-menu-item{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}[data-theme=dark] .rs-picker-select-menu-item:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}[data-theme=dark] .rs-picker-select-menu-item.rs-picker-select-menu-item-active{background-color:var(--color-primary);color:var(--color-text-inverse)}[data-theme=dark] .rs-picker-select-menu-item.rs-picker-select-menu-item-focus{background-color:var(--color-bg-hover)}[data-theme=dark] .rs-calendar,[data-theme=dark] .rs-calendar-table-cell-content{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .rs-calendar-btn-close{background-color:var(--color-bg-secondary)}[data-theme=dark] .rs-calendar-btn-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=dark] .rs-calendar-table-cell-selected .rs-calendar-table-cell-content{background-color:var(--color-primary);color:var(--color-text-inverse)}[data-theme=dark] .rs-calendar-table-cell:hover .rs-calendar-table-cell-content{background-color:var(--color-bg-hover)}[data-theme=dark] .rs-calendar-month-dropdown{background-color:var(--color-bg-secondary)!important;border-top:1px solid var(--color-border-dark);transition:none;animation:none}[data-theme=dark] .rs-calendar-month-dropdown-scroll{background-color:var(--color-bg-secondary)!important}[data-theme=dark] .rs-calendar-month-dropdown-row{background-color:var(--color-bg-secondary)!important;border-bottom:1px dashed var(--color-border-dark)!important}[data-theme=dark] .rs-calendar-month-dropdown-cell{color:var(--color-text-primary)!important;background-color:var(--color-bg-secondary)!important}[data-theme=dark] .rs-calendar-month-dropdown-cell-active{color:var(--color-text-inverse)!important}[data-theme=dark] .rs-calendar-month-dropdown-cell-content:hover{color:var(--color-text-primary)!important}[data-theme=dark] .rs-calendar-month-dropdown-year,[data-theme=dark] .rs-calendar-month-dropdown-year-active{color:var(--color-text-primary)!important;background-color:var(--color-bg-secondary)!important}[data-theme=dark] .rs-calendar-header-title,[data-theme=dark] .rs-calendar-header-month-toolbar,[data-theme=dark] .rs-calendar-header-backward,[data-theme=dark] .rs-calendar-header-forward{color:var(--color-text-primary)}[data-theme=dark] .rs-calendar-table-header-row-cell{color:var(--color-text-secondary)}[data-theme=dark] .rs-input-number{background-color:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-input-text)}[data-theme=dark] .rs-input-number input{background-color:var(--color-input-bg);color:var(--color-input-text)}[data-theme=dark] .rs-input-number-btn-group-vertical{border-left-color:var(--color-input-border)}[data-theme=dark] .rs-tag{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-light)}[data-theme=dark] .rs-tag-closeable .rs-tag-icon-close:hover{background-color:var(--color-error);color:var(--color-text-inverse)}.icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;margin-right:.35em;stroke-width:2;flex-shrink:0}.search-icon .icon{width:1.15em;height:1.15em;color:var(--color-text-secondary);stroke-width:2.2;vertical-align:-.18em;margin-right:0}.search-clear .icon{width:1.1em;height:1.1em;color:var(--color-text-tertiary);transition:color .2s;vertical-align:-.15em;margin:0}.search-clear:hover .icon{color:var(--color-input-bg)}.last-updated .icon{width:1em;height:1em;color:var(--color-text-tertiary);margin-right:.25em}.toolbar-btn-refresh .icon{width:1.15em;height:1.15em;transition:transform .3s ease;stroke-width:2.2;vertical-align:-.18em}.toolbar-btn-refresh:disabled .icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-flag-help .icon{width:1.4em;height:1.4em;color:var(--color-primary);position:absolute;left:10px}.filter-tag-close .icon{width:.9em;height:.9em;color:var(--color-text-tertiary);transition:color .2s}.filter-tag-close:hover .icon{color:var(--color-error)}.default-pin-icon{width:.95em;height:.95em;margin-left:.35em;margin-right:0;color:var(--color-primary);vertical-align:-.1em}.clear-btn .icon{width:1.1em;height:1.1em;vertical-align:-.15em}.toast-icon{display:inline-block;width:1.3em;height:1.3em;vertical-align:middle;flex-shrink:0;stroke-width:2.5;color:currentColor}.toast-success .toast-icon,.toast-error .toast-icon{color:var(--color-text-inverse)}.toast-warning .toast-icon{color:var(--color-text-inverse-dark)}.toast-info .toast-icon{color:var(--color-text-inverse)}.custom-toast-close .toast-icon{width:1em;height:1em;color:inherit;opacity:.7;transition:opacity .2s}.custom-toast-close:hover .toast-icon{opacity:1}.toolbar-btn:focus-visible,.btn-primary:focus-visible,.mode-btn:focus-visible,.filters-toggle:focus-visible{box-shadow:var(--focus-ring-offset)}
